分类 前端 中的文章

使用 React 构建前端应用（2）优化结构

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

阅读全文

使用 React Template 构建前端应用

 | 前端 react
前言 原本我一直都是用 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 就是为了防止溢出用的了……

阅读全文