
前端框架
文章平均质量分 64
刘翾
如果有一天我们淹没在人潮里,那是因为没有努力活得丰盛。
展开
-
react+webpack+es6详细配置教程
环境搭建创建一个空文件夹, 进入当前文件夹下命令行窗口, git bush here也可以. 输入命令npm init, 通通按回车, 最后会输出一个package.json, 现在打开该文件, 接着刚刚生成那些东西, 下面写上这些devDependencies里的那些依赖.{ "name": "reacthome", "version": "1.0.0", "description原创 2017-10-29 23:33:18 · 2153 阅读 · 0 评论 -
pre-commit使用commit之前的检测办法
npm地址: https://www.npmjs.com/package/pre-commit第一步安装pre-commit包npm install pre-commit --save-dev第二步修改package.json, 增加pre-commit字段// 例子, 在提交之前运行tslint "scripts": { "tslint-fe": "tslint -c ...原创 2019-02-16 11:42:24 · 4024 阅读 · 0 评论 -
前端构建工具gulp超详细配置, 使用教程(图文)
原文地址:http://www.cnblogs.com/2050/p/4198792.html, 我在原文中做了一些修改和添加. 流程1. 输入命令(可以使用git bash或者命令控制台cmd) npm install -g gulp安装全局gulp命令2. 创建一个项目文件夹, 当前项目文件夹下输入命令npm init 配置package.json文件, 这一部分看情况自己决定是否填, 不转载 2017-06-13 11:26:32 · 13035 阅读 · 0 评论 -
webpack超详细配置, 使用教程(图文)
博主在这里就不详细介绍webpack来源以及作用了, 本篇博文面向新手主要说明如何配置webpack, 以及webpack的使用方法, 直到创建出一个合理的属于自己webpack项目.流程webpack安装Step 1: 首先安装Node.js, 可以去Node.js官网下载.Step2: 在Git或者cmd中输入下面这段代码, 通过全局先将webpack指令安装进电脑中npm install原创 2017-05-06 19:22:14 · 107218 阅读 · 24 评论 -
gulp-uglify插件最新pump使用教程
最近在调试项目时, 发现gulp-uglify原来的使用方式会报错, 因此在这里特别说明一下新版本的使用教程. 本篇博客的最后修订时间为2017/6/14.pump使用不了最新版本的gulp-uglify, 主要是因为这个pump, 之前的版本一直是使用pipe( ), 先简单介绍一下pump.pump简介pump是一个小节点模块,将流连接在一起,如果其中一个关闭,则会将它们全部破坏。当dest发原创 2017-06-14 23:28:25 · 4322 阅读 · 0 评论 -
react-redux高阶组件connect方法使用介绍以及实现原理
redux讲connect之前先来回顾一下redux的基本用法, 见下面的例子: import { createStore } from 'redux';function counter(state = 0, action) { switch (action.type) { case 'INCREMENT': return state + 1; case 'DE原创 2018-01-26 20:38:32 · 10451 阅读 · 1 评论 -
前端生成与读取Excel的两种框架使用方法
xlsxxlsx github地址 https://github.com/SheetJS/js-xlsx安装依赖:1. <script lang="javascript" src="dist/xlsx.full.min.js"></script> // 此文件可以在上面的github地址找到2. npm install xlsx使用方法:导入Excel// ...原创 2018-09-30 11:50:35 · 3337 阅读 · 2 评论 -
React虚拟DOM和Diff算法解析
前言React 中最值得称道的部分莫过于 Virtual DOM 与 diff 的完美结合,特别是其高效的 diff 算法,让用户可以无需顾忌性能问题而”任性自由”的刷新页面,让开发者也可以无需关心 Virtual DOM 背后的运作原理,因为 React diff 会帮助我们计算出 Virtual DOM 中真正变化的部分,并只针对该部分进行实际 DOM 操作,而非重新渲染整个页面,从而保证...转载 2018-05-24 00:04:51 · 2824 阅读 · 0 评论 -
React v16.3新生命周期浅谈
前言React 官方正式发布了 v16.3 版本。在这次的更新中,除了前段时间被热烈讨论的新 Context API 之外,新引入的两个生命周期函数 getDerivedStateFromProps,getSnapshotBeforeUpdate 以及在未来 v17.0 版本中即将被移除的三个生命周期函数 componentWillMount,componentWillReceiveProps...转载 2018-05-13 21:55:48 · 15011 阅读 · 1 评论 -
Vue数据绑定以及双向绑定原理分析
效果分析已经了解到vue是通过数据劫持的方式来做数据绑定的,其中最核心的方法便是通过Object.defineProperty()来实现对属性的劫持,达到监听数据变动的目的,无疑这个方法是本文中最重要、最基础的内容之一,如果不熟悉defineProperty,猛戳https://blog.youkuaiyun.com/c_kite/article/details/77950326 整理了...转载 2018-05-08 23:35:36 · 12858 阅读 · 1 评论 -
ESLint环境下React如何使用ref属性
错误提示 提示的报错为using string literals in ref attributes is deprecated解决办法 { this.choicesGroup = c; }} />原创 2018-01-16 10:56:28 · 2713 阅读 · 0 评论 -
react-native No bundle URL present解决办法
序言在网上找了很多办法并不管用…., 后来在stack overflow找到了解决办法当我直接输入命令react-native run-ios 出现了如下的错误解决办法最好在做之前先把ios/build文件夹先删除, 总共需要启动两个terminal 第一个窗口输入命令react-native start 第二个窗口输入命令react-native run-ios原创 2018-01-31 11:26:55 · 11184 阅读 · 0 评论 -
React源码分析(二)=> Reac初次渲染分析
Reac初次渲染分析源码基于React 16.8.6, 内容极长, 必须配合源码一起来看单步调试的例子: `ReactDOM.render('hello', document.getElementById('root'))`;下文基于这个例子来一步一步分析.原创 2019-07-02 21:28:54 · 5451 阅读 · 3 评论