大河1989

前端开发工程师

穷则独善其身，达则兼济天下

赞

198

|

搜索文章

EggJS接口开发

随着Nodejs的普及，前端开发的开发场景基本可以贯穿界面交互到数据存储，无缝实现全栈开发。最近在实现一个内部项目管理工具的时候，就尝试了一把接口和数据库开发。 Egg.js是阿里开源的一套Nodejs开发框架。Egg.js官网的介绍是：为什么选择了Egg.js，而不是Koa…

6年前
1.8k
1
评论

Git操作中crlf和lf冲突问题

多人参与项目开发的时候，经常会遇到代码格式化不一致，在提交的时候出现很多冲突的情况。其中换行符冲突就是一种，在不同的系统平台上是不一样的。UNIX/Linux 使用的是 0x0A（LF），早期的 Mac OS 使用的是 0x0D（CR），后来的 OS X 在更换内核后与 UNI…

6年前
3.3k
2
评论

Tampermonkey还你一个干净整洁的上网体验

作为一个前端开发，平时难免要经常浏览一些博客、技术网站，学习新的技术或者寻找解决方案，可能更多是ctrl+c和ctrl+v（^_^|||），但是目前很多网站的布局以及广告对于我们阅读文章造成了很多的障碍，很是烦躁啊。于是才有了这篇文章，我们借助chrome的Tampermonk…

6年前
4.5k
27
22

Tampermonkey还你一个干净整洁的上网体验

借助Chrome和插件爬取数据

chrome浏览器是目前最受欢迎的浏览器，没有之一，它兼容大部分的w3c标准和ecma标准，对于前端工程师在开发过程中提供了devtools和插件等工具，非常方便使用。在爬取数据的过程中，最常用的应该是开发工具中的Element、Source和Network功能，分别查看DOM…

6年前
2.0k
4
评论

借助Chrome和插件爬取数据

【react】利用shouldComponentUpdate钩子函数优化react性能以及引入immutable库的必要性

介绍了React中重复渲染的机制，以及如何减少重复渲染的方法，涉及到了shouldComponentUpdate和immutable

6年前
291
2
评论

react-router 按需加载

React Router 是一个非常出色的路由解决方案，同时也非常容易上手。但是当网站规模越来越大的时候，首先出现的问题是 Javascript 文件变得巨大，这导致首页渲染的时间让人难以忍受。实际上程序应当只加载当前渲染页所需的 JavaScript，也就是大家说的“代码分拆" — 将所有的代码分拆成多个小包，在用户浏览过程中按需加载。

8年前
3.3k
91
评论

webpack 之 loader 实践

webpack 支持通过 loader 的方式转换应用程序的资源文件，通过 raw-loader 和 ejs-loader 加载 underscore 的模板文件的不同来理解 webpack 的 loader 概念

8年前
1.1k
19
1

webpack 之 loader 实践

用 CSS 实现三角形与平行四边形

第一种方法使用 border 属性 hack 出三角形，并通过对三个元素进行拼接最终实现了平行四边形；而第二种方法则通过 transform: skew 来得到平行四边形。总体来说，第二种方法相对于第一种代码量小得多，而且也很好理解。唯一的不足是无法构造像本站的分页中所使用的梯形。希望本文对各位有所帮助。

8年前
1.9k
77
评论

webpack 代码分割技巧

代码中定义分割点；使用 CommonsChunkPlugin 分割代码；使用 DllPlugin 和 DllReferencePlugin 分割代码。

8年前
2.6k
50
2

Webpack 中文指南

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

8年前
2.0k
77
评论

个人成就

文章被点赞 1,061

文章被阅读 83,491

掘力值 2,508

加入于

2016-10-09