Harhao

从迷糊小生到职场菜鸟，遇到无数难以解决的问题。幸得职场路上有大佬手摸手悉心教导，终于学会独自开着手扶拖拉机出混迹江湖。遥想当时初入江湖，灵魂三问“听说你vue用得挺熟练，写个vue-cli吧？”、“这边需要定制化前端开发模板，你来加优化方案吧？”、“把vue-cli和webpa…

在开发很多管理系统过程之中，常遇到这种需求，需要对打开路由页面进行缓存，然后在系统页眉提供方便查阅的tab标签进行切换以及对已经缓存页面进行数据刷新和清除数据操作。具体演示如下图所示： 在上面演示中实现了类似window tab标签页效果，会对当前数据进行缓存。在浏览器中实现对…

脚手架是在原有的基础上构建的，所以基本的目录结构相类似。不过加上了对JS压缩，CSS代码压缩(tree shake)，引入了dllPlugin打包不常变动的类库生成动态链接库，加入happypack开启多进程打包，加快构建的速度，下面也会说到运用npm script，通过sft…

这个脚手架时基于webpack 4.36.1,配置部分可能跟webpack3版本有冲突，过程之中会提出。现在主要webpack配置主要分打包环境和开发环境，分别对应webpack.dev.conf.js和webpack.prod.conf.js。后面会利用webpack-mer…

为解决多层嵌套不同层级组件之间props数据传递，这种数据传递及其繁杂，而且后期不易进行维护，为避免driling式数据通讯，可以采用redux进行数据通讯。在新版本React 16.8.6中Context为我们带来新的通讯方式。 React.createContext函数：创…

添加全局方法或者属性。如: vue-custom-element 添加全局资源：指令/过滤器/过渡等。如 vue-touch 通过全局混入来添加一些组件选项。如 vue-router 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。 一个库(例如e…

vue-template主要使用axios做请求处理，在src/api/index.js中对axios做了二次封装，然后把封装函数gl_ajax挂载在全局vue.prototype上，通过各层嵌套组件通过原型可以获取gl_ajax函数。在router/index.js主要是路由…

开发这个管理系统主要目的是理清React-Router v4、React-Redux、Redux等常用类库的布置和使用。在掘金浏览许多关于React技术开发的文章。关于管理系统对于用户登录权限认证和系统路由布置使用以及对ajax第三方类库二次封装等文章比较少。所以下面会比较着重…

React-Native官网提供了两种快速开启学习移动App开发的方式，一种是使用create-react-native-app的脚手架工具快速创建一个APP项目；另外一种是通过搭建安卓编译环境，然后使用react-native-cli脚手架工具生成项目，再进行开发。两者区别在…