webpack把我们所有的文件都打包成一个JS文件,即使是小项目,打包后的文件体积也会非常大。下面就来说下如何从多个方面进行优化。去除不必要的插件刚开始用webpack的时候,开发环境和生产环境用的是同一个webpack配置文件,导致生产环境打包的JS文件包含了一大堆没必要的插件,比如HotModuleReplacementPlugin,NoErrorsPlugin...这时...

   1、jQueryMobile  jQueryMobile是jQuery在手机上和平板设备上的版本。jQueryMobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQueryMobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,...

最近微信小程序被炒得很火热,本人也抱着试一试的态度下载了微信web开发者工具,开发工具比较简洁,功能相对比较少,个性化设置也没有。了解完开发工具之后,顺便看了一下小程序的官方开发文档,大概了解了小程序的开发流程和一些常用的API。了解了小程序之后,自己就有了想要做一个小demo的冲动,虽然自己对小程序还没有做过很多实践,只是在官方例子上徘徊,但是还是想做出点小东西。既然要做一个demo,自然需要到...

JavaScript中的this比较灵活,根据在不同环境下,或者同一个函数在不同方式调用下,this都有可能是不同的。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面是我的学习笔记,把它罗列成8种情况。全局的this(浏览器) 全局作用域的this一般指向全局对象,在浏览器中这对象就是window,在node中这对象就是global。console.log(this.d...

轮播图的思路其实很简单:就是用JavaScript来控制轮播的图片的样式,可以控制display:noneorblock可以控制opacity:‘0’or‘1’也可以通过z-index来控制图片的摆放顺序。(注意:这里的图片一般是通过绝对定位放在一个div盒子里面,图片堆叠在一起)。思路很清晰,那么我们就来看看代码(代码是本人自己手写的)。具体细节我会在代码中一一解释: 只是...

1.事件截获原理利用事件的捕获阶段,添加事件。再利用触发事件元素(e.target)来判断(根据一定的标识或者某些特征)是否是我们需要劫持的dom。2.具体拦截这里使用id作为一个判断根据,真实场景中肯定不是这样的。这里的特征是需要根据一定的规则去寻找的。(这里只是为了演示原理)<!DOCTYPE html><html>   ...

1:bind():为每个匹配元素的特定事件绑定事件处理函数。  bind(type,[data],fn)  type:含有一个或多个事件类型的字符串,由空格分隔多个事件。  比如"click"或"submit",还可以是自定义事件名。  data:作为event.data属性值传递给事件对象的额外数据对象  fn:绑定到每个匹配元素的事件上面的处理函数2:...

1信息准确比什么都重要。信息准确在设计中怎么强调都不过分,设计学专业中有一方向叫视觉传达设计,其实前面有一定语,就是信息,没有信息,你传达什么呢?所以,设计师们,在动手之前先理清楚信息,传达什么,如何表现,主次关系,你应该是这个世界上对你的产品信息把握最为清晰的人,没有之一,因为你的产出才是直接面对用户的人,你不清楚,如何让别人清楚?所以,下次需求评审你都应该坐在最前排。否则你很可能会陷入--寻...

扫一扫,加我为QQ好友 加我为QQ好友