webpack引入第三方库的方式,以及注意事项

2019-01-14
阅读 4 分钟
6.6k
然后,在使用jquery的模块文件中,通过import $ from 'jquery'或者var $ = require('jquery')来引入。

webpack最小化lodash

2019-01-11
阅读 4 分钟
10.8k
lodash作为一个比较常用的前端开发工具集,在使用webpack进行vendor分离的实践中,会遇到将整个lodash文件分离到vendor.js的问题。这样会使vendor.js文件变得特别大。

构建多页面应用——优化(二)

2019-01-07
阅读 2 分钟
2.3k
最近,一直尝试使用webpack做多页面应用的开发。并且一个实际的项目为原型,实现对一个静态的企业站进行优化。原站点地址,测试站点地址。 如果想要做一个自己个个人博客,或者企业官网来说,有一定的参考意义。 webpack的resolve.alias 在做模块化开发的过程中,有一个需要解决的问题就是引用模块的路径问题。 注:在we...

构建多页面应用——hash

2019-01-06
阅读 3 分钟
2.9k
这里的hash主要从两个方面来说。一个是webpack生成的hash,另一个是页面链接中的hash,如:http://localhost:8080/ywbk.html#restaurant中的#restaurant。后者在单页面应用的路由处理中经常用到。

用css3实现ps蒙版效果+动画

2018-12-19
阅读 1 分钟
6.9k
这个动画,其实也并不复杂。它使用background-clip实现了文字蒙版的效果,然后结合了背景图片的animation实现了如上图所示的文字蒙版动画。

为什么没有 `<style src="">`

2018-12-11
阅读 2 分钟
6.3k
最近在Twitter上看到这样一个有趣的话题,为什么现在用的是 &lt;link rel="stylesheet" href=""&gt; 引入外部共享的样式文件,而不使用 &lt;style src=""&gt; ?详情请点击[链接]

判断DOM元素是否出现再浏览器窗口中

2018-12-07
阅读 3 分钟
7.2k
懒加载(lazyload):它目的是按需加载,而很大一部分项目的前端实现是通过判断一个元素是否出现在浏览器窗口中,如果出现则将img元素标签内的src属性中的图片地址替换成自定data-src属性的地址,但这里不一定是data-src属性,也可能是srcset,pinterest中就是这样做的,当然你也可以定义成任何你喜欢的,这只是其中的一...

用第三方库带来的刚性成本

2018-10-29
阅读 2 分钟
2.4k
我之前一直在思考,在项目中引入第三方库会给我们带来什么,在你为什么用或不用框架?这篇文章中wo说了使用框架(库)带给我们的好处和不使用给我们的好处是什么,但是并未详细说明使用第三方库,它本身又会带来什么问题。

不要忽视代码审查的重要性

2018-10-27
阅读 3 分钟
2.8k
在学校里没有教给你的一项本领就是怎样做一个好的代码审查(CR)。你学习了算法、数据结构、编程语言的基础知识,但没有人会坐下来对你说:“下面是如何确保你能获得很好的反馈的方法。”

你为什么用或不用框架?

2018-10-25
阅读 2 分钟
5.9k
刚开始,我对这个问题也没有太在意,也就是随意的看了看,正如提问者Nicole Sullivan说的那样,我刚开始也觉得这是一个愚蠢的问题。但是这个问题就像蒲公英的种子一样,就这么在我的脑海里扎了根,截至到我这写这篇文章之前,我都有一直关注这个问题,并且在思考这个问题。