分类 前端 中的文章

使用 React 构建前端应用(2)优化结构

前言 上一篇已经使用 React template 创建好了应用,以及引入了 Reactrouter 。从本篇开始,就开始实现准备实现的功能了。 不用手动写路由,用循环来搞定。本篇的代码还是在上一章的 https://github.com/crazyhl/react-practise 代码中继续实现的。 下面是预计实现的功能 JSON格式化,查找 base64 decode/encode md5 urlencode unicode to 中文 今天一个都不实现,只是先把基础打好。 正文开始 先整理一波代码吧……

阅读全文

使用 React Template 构建前端应用

前言 原本我一直都是用 vue 的,但是呢,我主力还是后端,所以前端这方面的东西也是属于浅尝辄止的。最近想弄一些前端的东西,观察了一圈,react 貌似还是要比 vue 的生态好一些。既然如此,那就开始用 react 好了。另外为什么要用 typescript 呢,当我在用 vue + typescript 的时候我名没有太明显的感受到跟 js 的区别。但是当我在用 ts……

阅读全文

vue 动态路由记录 以及 iview 面包屑导航的小记录

最近使用 vue 的场景比较多,所以体会也就更多了,以前用过但是没有很明确印象的,也就发现的更多了,所以现在决定都记录下来。以后找起来也方便,记忆也能加深。 这次动态路由用的比较多,所以在相同路由来回跳转的时候,url虽然跳转了,但是因为组件复用问题,没有调用vue的生命周期函数,导致数据……

阅读全文

typescript object 转 array 以及动态调用方法

1 2 3 4 Object.keys(requestParsmsOjb).map(function(paramsIndex){ let value = requestParsmsOjb[paramsIndex]; return value; }) 不知道为何 typescript 里面木有 Object.values() 的方法,所以可以用这种方法,搞定 由于有动态调用某些方法的需求,所以还得继续搞,只怪自己对 js 的理解不深,不过万幸都能搜索到,所以呢就记录下来 参考https://developer.mozilla.org/zh-CN/docs/Web/J……

阅读全文

webpack4 typescript 配置笔记

最新需要写一些 js 的东西,正好就想试用一下 typescript 试用以后感觉舒服,那么需求来了,我们需要编译出来的文件,在外部可以调用,所以就有了下面的笔记 参考文章https://www.cnblogs.com/mahidol/p/8874300.html npm 安装依赖 1 npm install --save-dev typescript ts-loader webpack webpack-cli 在项目根目录创建两个……

阅读全文

npm 以及 webpack 的一些笔记

先说点没用的,工作了3年了,相关东西也都接触一些,但是前端呢,还是按照以前的套路,做页面模版,写 js,写 css,但是现代相关的东西却没有深入的了解过。这不好啊,趁着现在有些空闲时间就想学习一下vue,但是 vue-cli 是使用 webpack 打包的,所以第一步就应该学习一下 webpack 趁机了解一下现代前端的开发思想。……

阅读全文

在网页上增加角标

1 2 3 <div style="height:50px;position: absolute; top: 0px;right: 0px; overflow: hidden;"> <div style="font-size: 12px;text-align: center;position: relative; top: -5px;right: -52px; z-index: 999; background: #ff0000;color: #f3f3f3;transform:rotate(45deg);padding: 12px 50px 3px 50px;">Beta</div> </div> 单纯是公司用到了,需要记录下,具体参数可以自行调整,外部 div 就是为了防止溢出用的了……

阅读全文