MobX学习之旅

2018-07-06
阅读 5 分钟
4.7k
一、MobX {代码...} 二、MobX与其他状态管理工具的区别 {代码...} 三、MobX核心模块 {代码...} Observable {代码...} Computed {代码...} Action {代码...} Autorun {代码...} 但是,如果仅仅想要在被观察的变量有变化的时候触发,而不是立即执行autorun,那么我们可以用到reaction了; Reaction {代码...} 四、Mobx-rea...

react 代码优化(一) ——事件处理

2018-05-10
阅读 2 分钟
2k
React的事件处理 1、React 的事件绑定属性的命名要采用驼峰时写法, 不能小写 2、要传入一个函数作为事件处理函数,不能是字符串 {代码...} 3、阻止默认行为preventDefault {代码...} 4、事件绑定 1、在构造函数中使用bind绑定this {代码...} 2、使用属性初始化器语法绑定this(实验性) {代码...} 3、在调用的时候使用bin...

前端方便面

2018-05-07
阅读 1 分钟
2.7k
技术 CSS 前端布局推进剂 - 间距规范化 利用CSS变量实现令人震惊的悬浮效果 Flexbox 很棒,但有些情况不适用 CSS布局说——可能是最全的 【图片版】学习CSS网格布局 使用CSS Grid的九大误区 图解CSS Flexbox布局 CSS Grid 布局揭秘 JS ECMAScript 2016, 2017, 和2018中新增功能 探索 Redux4.0 版本迭代 论基础谈展望(对比...

json转换Excel

2018-04-08
阅读 4 分钟
25k
FileReader()对象方法:1、abort():void 终止文件读取操作2、readAsArrayBuffer(file):void 异步按字节读取文件内容,结果用ArrayBuffer对象表示(二进制缓存区) 将二进制数据存放在其中,大小与源文件一样,通过此方式,可以直接在网络中传输二进制内容3、readAsBinaryString(file):void 异步按字节读取文件内容,结果为...

数组、伪数组、字符串、对象常用api大聚会

2017-12-27
阅读 4 分钟
2k
改变数组的 push、pop、unshift、shift,sort、reverse、splice不改变原数组 返回新数组 concat、join,slice

经典原型链、继承解析

2017-12-27
阅读 4 分钟
1.4k
我们知道任何一个函数都存在一个prototype属性,他是个对象,这个对象 我们就叫他原型对象这个原型对象本身也自带两个属性:constructor 和 proto

百度移动端首页秒开学习

2017-12-21
阅读 2 分钟
4.1k
百度首页秒开 我们打开手机端看百度首页,搜索框,新闻,图片,tab标签... 秒开... 那他是怎么做到呢? 静态文件放置 百度首页是没有外链的,js,css代码在上线之前都编译到了html里 缓存 对于一些页面不变的静态文件,例如html/css/javascript如果有些不变的,就会把它存到本地,例如localStorage,可以通过对标签添加...

node初探 以及与 浏览器的 差异

2017-12-12
阅读 1 分钟
1.6k
node初体验 1、node环境 {代码...} 2、V8引擎 {代码...} 3、三大特点:单线程、事件驱动、非阻塞I/O {代码...} 4、差异 {代码...}

gulp 与 Webpack 的 异曲同工之处

2017-12-11
阅读 1 分钟
1.6k
gulp {代码...} webpack {代码...} 综上所述 {代码...}

gulp——用自动化构建工具增强你的工作流程

2017-12-11
阅读 4 分钟
2.3k
安装 1、全局安装 {代码...} 2、作为项目的开发依赖(devDependencies)安装: {代码...} 3、 在项目根目录下创建一个名为 gulpfile.js 的文件: {代码...} 4、 运行 gulp: {代码...} api(1) gulp.src() {代码...} (2) gulp.task() {代码...} (3) gulp.watch() {代码...} (4) 当你想直接gulp启动项目的话,会使用 {代码...

webpack——一站到底二

2017-12-09
阅读 5 分钟
1.7k
续webpack一——一站到底 (7)webpack-dev-server 启动一个本地服务 {代码...} (8)webpack.BannerPlugin 在文件头添加注释 (9)webpack.DefinePlugin 定义环境变量 {代码...} (10)但是如果打包完文件体积还是太大怎么办呢? {代码...} (11) 分析打包后项目用到的各种包的大小 webpack-visualizer-plugin {代码...} 其他 1.版...

webpack——一站到底一

2017-12-07
阅读 6 分钟
1.4k
加载器 Loader webpack本身只理解JavaScript,sass、css、html、jpg等文件需要loader进行处理,转换为模块 常用的有: babel-loader {代码...} sass-loader、css-loader、style-loader 下载:npm i css-loader style-loader -D //css loader {代码...} url-loader 下载:npm i url-loader -D {代码...} vue-loader {代码....

React一——起源、安装、jsx

2017-12-04
阅读 3 分钟
2.9k
官网:[链接]Facebook公司出品,因为对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,然后13年面世,14年国内引入,由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单,同时github受到大量的关注,国内各大公...