在create-react-app脚手架工具中增加less支持

create-react-app是FaceBook官方出品的一个React.js脚手架工具,集成了webpack等调试和打包工具,具体可以查看Github: https://github.com/facebookincubator/create-react-app

其默认支持css的import,但是不支持less,本文介绍如何简单的增加less的支持。

>>> 阅读全文


JS函数提升以及修饰器不能用于函数的原因

在阮一峰老师的ECMAScript6入门中提到修饰器(Decorator)不能用于函数,里面提到原因是因为存在函数提升,这里只有简单几句话带过,如果熟悉JS的函数提升,就会好理解一些。 >>> 阅读全文


JavaScript将base64图片转换成formData并通过AJAX提交

之前为了拍摄照片使用了webcam相关的插件,其拍摄后得到的是base64格式的图片,直接显示没问题,在src中直接指定就可以了,但是要上传到server时问题就来了,server端接收的是标准的文件,也就是html form中type=”file”的形式。想要沿用这个接口不更改server端代码,于是尝试将base64直接转换成标准的fomeData并通过AJAX提交。

>>> 阅读全文


Underscore对于object的extend之坑

之前在处理两个object的合并时,通常使用underscore的extend方法,但其实这个方法并不是深度合并(拷贝),在以下场景中将会出现问题。 >>> 阅读全文


Framework7获取当前view的辅助函数

Framework7中,使用js来加载新页面可以使用loadPage方法。但是这个方法需要在某个view中调用,例如:

mainView.router.loadPage('about.html');

这里的mainView通常为首页。但有时候页面并不是在首页,这时候可以简单地把mainView换成相应的view,但实际上,常常会遇到不同的view需要加载相同的page的情况。这时候,我们当然希望这个page是在当前的view中加载。查阅了文档后没有发现这样的功能,但是经过对代码的分析,发现当前的view中会有一个active的class,因此有个思路是遍历所有的view。 >>> 阅读全文


JavaScript的new date等日期函数在safari中出错的问题

最近在做移动Web的时候,在PC上用Chrome调试都成功了,但是在iPhone上真机一测就出现了奇怪的问题。经过一系列调试发现是日期相关的地方出现了问题。起初怀疑是生产环境的问题,但用Mac版的safari调试本地也出现了同样的问题。查阅一些资料后发现,safari中对于JavaScript的new Date函数的支持有一个比较奇怪的问题。 >>> 阅读全文


让jQuery在移动设备上支持滑动事件(swipe)

原生的jQuery并没有对移动Web做很好的支持,比如滑动事件。在使用下拉刷新、轮播图移动等操作时,都需要用到滑动事件,这里推荐一个jQuery插件TouchSwipe-Jquery-Plugin。 >>> 阅读全文


当JavaScript被禁用时仍使网页正常显示

现在有一些浏览器可以手动关闭JavaScript支持,或者说由于网速非常非常慢,引入的JavaScript一直没能加载完毕(以前的百度云分享页面的下载),这时候,一些使用JavaScript特效的页面可能会出问题。不只是特效没出来,本来该有的效果也没有了。

比如,你可能用JavaScript让网页的一个div层在打开的时候渐渐显示。这样一开始的时候就必须设置这个div的display为none,然后用JavaScript控制它渐渐显示,但是当JavaScript无法执行时,这个div层也就永远无法出来了。 >>> 阅读全文


JavaScript闭包实现函数Curry化

最近学习JavaScript,发现了一种很神奇的东西——闭包。

在这里做一下笔记。

通过这个,可以批量造函数。 >>> 阅读全文


精通JavaScript PDF电子书

本书是目前最深入的 JavaScript 图书,讲述了现代 JavaScript 的所有知识,展现了这门技术将能给网站建设带来如何丰富的体验。本书言简意赅,扩展了读者视野,并关注于基础且重要的主题——现代 JavaScript 是什么和不是什么,浏览器支持的当前状态,以及需要注意的陷阱等。书中所有概念都来自于现实案例的分析。

本书适合各层次 Web 开发人员阅读。@豆瓣 >>> 阅读全文