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...

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

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

一、让Chrome支持小于12px的文字?图片上的文字假如是10px,我们在网页上实现之后。为啥是12px?其实我们都知道,谷歌Chrome最小字体是12px,不管你设置成8px还是10px,在浏览器中只会显示12px,那么如何解决这个坑爹的问题呢?我们的做法是:针对谷歌浏览器内核,加webkit前缀,用transform:scale()这个属性进行缩放!<style>p ...

1.input placeholder问题在chrome模拟移动端调试时[左边图],显示的非常正常,但是在真机上[右边图],placeholder里面的内容明显靠上,非常的不美观   在国外网站,对这个属性的兼容性处理,那就是不要设计input的line-height或者设置line-height为normal即可,试了一下,虽然在谷歌模拟调试里稍微...

ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES5。目前ES6的标准化工作正在进行中,预计会在14年12月份放出正式敲定的版本。但大部分标准已经就绪,且各浏览器对ES6的支持也正在实现中。要查看ES6的支持情况请点此。目前想要运行E...

使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、""、undefined或者NaN都将返回的是false,反之返回的是true。比如下面的示例:function ...

阻塞指的是暂停一个线程的执行以等待某个条件发生(如某资源就绪),JS单线程避免阻塞方法:  1.sleep()方法:sleep()允许指定以毫秒为单位的一段时间作为参数,使得线程在指定的时间内进入阻塞状态,不能得到CPU时间,指定的时间一过,线程重新进入可执行状态。  典型地,sleep()被用在等待某个资源就绪的情形:测试发现条件不满足后,让线程阻塞一段时间后重新测试,直到条件满足为止。  2....

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