do前端while全栈

42

Chrome 控制台常用调试技巧详解

• keywords   2019-07-09 发布
• 34 收藏

打开和关闭抽屉式选项卡：按Esc键可打开和关闭 DevTools 的 Drawer（抽屉式选项卡） 在Drawer（抽屉式选项卡）中，你可以在 Console 控制台中执行命令，查看动画检查器(Animations)，配置网络条件(network condit...

82

性能优化篇---Webpack构建代码质量压缩

• keywords   2019-03-25 发布
• 64 收藏

Webpack构建流程：初始化配置参数 -> 绑定事件钩子回调 -> 确定Entry逐一遍历 -> 使用loader编译文件 -> 输出文件

26

React组件库封装初探--Modal

• keywords   2019-03-23 发布
• 19 收藏

Madal组件实现基本简介 类似于antd实现的modal组件，首先基本结构分析： modal-mask遮罩层 modal-warp内容包装层 modal主体内容层，包含：title、content、footer、close-btn 固定定位布局，全屏遮盖显示，所以内...

124

性能优化篇---Webpack构建速度优化

• keywords   2019-03-13 发布
• 95 收藏

web可视化查看构建分析：得到了webpack构建信息文件stats.json，如何进行很好的可视化查看？ 方案一：通过可视化分析工具Webpack Analyse，是个在线Web应用，上传stats.json文件就可以；不过好像需要翻墙；

127

你不知道的CORS跨域资源共享

• keywords   2019-03-11 发布
• 102 收藏

了解下同源策略 源（origin）*：就是协议、域名和端口号； 同源： 就是源相同，即协议、域名和端口完全相同； 同源策略：同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对...

30

使用pm2快速将项目部署到远程服务器

• keywords   2019-03-11 发布
• 21 收藏

使用背景 当我们需要将项目部署到远程线上服务器时；传统的方法可能就是： 将本地代码通过ssh、ftp等方式上传到服务器； 然后通过ssh登入到服务器，配置好环境； 手动启动应用。 太过手动化，麻烦，操作繁琐。 现...

20

服务器（CentOS)安装配置mongodb

• keywords   2019-03-10 发布
• 17 收藏

服务器下载安装包 下载: curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel62-4.0.6.tgz;

53

使用pm2部署node生产环境

• keywords   2019-03-08 发布
• 47 收藏

是可以用于生产环境的Nodejs的进程管理工具，并且它内置一个负载均衡。它不仅可以保证服务不会中断一直在线，并且提供0秒reload功能，还有其他一系列进程管理、监控功能。并且使用起来非常简单。

18

Koa日志中间件封装开发

• keywords   2019-03-08 发布
• 12 收藏

对于一个服务器应用来说，日志的记录是必不可少的，我们需要使用其记录项目程序每天都做了什么，什么时候发生过错误，发生过什么错误等等，便于日后回顾、实时掌握服务器的运行状态，还原问题场景。

18

微信小程序之店铺评分组件及vue中用svg实现的评分显示组件

• 小小蚊子   2018-11-15 发布
• 14 收藏

在微信小程序中，有遇到要展示店铺评分，或者是订单完成后对商品进行评价，用到了星星展示，查了下，在微信中无法使用svg实现图片，微信中只能将svg图片转成base64来显示，所以是在vue中使用的svg来实现评分

35

魔法CSS（1）——消失的list-style

• keywords   2018-11-10 发布
• 32 收藏

有时候一个简单Bug的出现，往往是由于一点知识小细节；但往往这点小细节看似简单，其背后却颇有韵味。 （需求）这部分UI给换成这样的 看起来相对比较简单，分析下结构： 整体为无序列表，需要保留前置图标； 每个...

58

谈谈React中Diff算法的策略及实现

• keywords   2018-09-27 发布
• 44 收藏

传统Diff：diff算法即差异查找算法；对于Html DOM结构即为tree的差异查找算法；而对于计算两颗树的差异时间复杂度为O（n^3）,显然成本太高，React不可能采用这种传统算法；

20

从React渲染流程分析Diff算法

• keywords   2018-09-07 发布
• 17 收藏

在React中，render执行的结果得到的并不是真正的DOM节点，结果仅仅是轻量级的JavaScript对象，我们称之为virtual DOM。

302

团队合作必备的Git操作

• keywords   2018-07-18 发布
• 251 收藏

编辑器&Mac 1、编辑器的使用vs code 插件 git辅助工具，可查看代码的书写者：Git Blame 2、 Mac工具使用 强大终端 item2 3、在 macOS 中完美配置文件名大小写敏感（解决git默认对大小写不敏感问题）解决git大...

5

深入React技术栈之setState详解

• keywords   2018-05-23 发布
• 5 收藏

setState不会立刻改变React组件中state的值（即setState是异步更新） setState通过一个队列机制实现state更新；

9

5、React组件事件详解

• keywords   2018-03-08 发布
• 10 收藏

React组件事件响应 React在构建虚拟DOM的同时，还构建了自己的事件系统；且所有事件对象和W3C规范保持一致。 React的事件系统和浏览器事件系统相比，主要增加了两个特性：事件代理、和事件自动绑定。 1、事件代理...

1

2、React组件的生命周期

• keywords   2018-03-03 发布
• 5 收藏

3. 组件生命周期 React严格定义了组件的生命周期，生命周期可能会经历如下三个过程： 装载过程（Mount）：也就是把组件第一次在DOM树上渲染的过程； 更新过程（Updata）：当组件被从新渲染的过程； 卸载过程（Unm...

1

4、React组件之性能优化

• keywords   2018-03-02 发布
• 3 收藏

React组件的性能优化 高德纳: "我们应该忘记忽略很小的性能优化，可以说97%的情况下，过早的优化是万恶之源，而我们应该关心对性能影响最关键的另外3%的代码。" 不要将性能优化的精力浪费在对整体性能提高不大的...

4

1、深入浅出React（一）

• keywords   2018-02-28 发布
• 5 收藏

深入浅出React（一） 1、create-react-app工具使用 安装create-react-app {代码...} 创建项目 {代码...} 分解应用 package.json {代码...} npm start启动开发环境，npm run build创建生产环境优化代码，npm test...

24

3、React组件中的this

• keywords   2018-02-27 发布
• 22 收藏

React组件的this是什么 通过编写一个简单组件，并渲染出来，分别打印出自定义函数和render中的this： {代码...} 结果如图： 可以看到，render函数中的this指向了组件实例，而handler（）函数中的this则为undefine...