首页问答专栏讲堂

do前端while全栈

既然选择了“前端”开始，那就奔着“全栈”的目标行动

72

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

keywords 3月25日发布
57 收藏

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

25

React组件库封装初探--Modal

keywords 3月23日发布
19 收藏

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

102

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

keywords 3月13日发布
81 收藏

输出Webpack构建信息的.json文件：webpack --profile --json > stats.json

118

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

keywords 3月11日发布
94 收藏

同源策略：同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源；

29

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

keywords 3月11日发布
21 收藏

当我们需要将项目部署到远程线上服务器时；传统的方法可能就是：将本地代码通过ssh、ftp等方式上传到服务器；

20

服务器（CentOS)安装配置mongodb

keywords 3月10日发布
17 收藏

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

39

使用pm2部署node生产环境

keywords 3月8日发布
36 收藏

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

15

Koa日志中间件封装开发

keywords 3月8日发布
10 收藏

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

16

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

ZJW0215 2018年11月15日发布
12 收藏

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

34

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

keywords 2018年11月10日发布
32 收藏

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

39

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

keywords 2018年09月27日发布
31 收藏

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

20

从React渲染流程分析Diff算法

keywords 2018年09月07日发布
17 收藏

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

287

团队合作必备的Git操作

keywords 2018年07月18日发布
237 收藏

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

0

深入React技术栈之setState详解

keywords 2018年05月23日发布
2 收藏

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

7

5、React组件事件详解

keywords 2018年03月08日发布
8 收藏

区别于浏览器事件处理方式，React并未将事件处理函数与对应的DOM节点直接关联，而是在顶层使用了一个全局事件监听器监听所有的事件；

1

2、React组件的生命周期

keywords 2018年03月03日发布
5 收藏

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

0

4、React组件之性能优化

keywords 2018年03月02日发布
2 收藏

高德纳: "我们应该忘记忽略很小的性能优化，可以说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...

13

3、React组件中的this

keywords 2018年02月27日发布
13 收藏

可以看到，render函数中的this指向了组件实例，而handler（）函数中的this则为undefined，这是为何？

2 位作者

keywords

你的成功，需要自己一步一步努力的去书写！前端...

ZJW0215

不努力，就不知道前面有多精彩

订阅本页 RSS