在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。 >>> 阅读全文


响应式布局/网页设计多设备演示DEMO PSD素材

在设计完一份网页作品后,通常需要提供各个设备的预览图,尤其是响应式布局的作品更是需要,效果类似于: >>> 阅读全文


思源黑体 Source Han Sans Simplified Chinese 字体下载

由于出身名门贵族,Source Han Sans一发布就受到各大科技媒体热捧。这款史上开发规模最大的中文字体,自然是爱好设计者必须收藏的。虽然这是一款免费字体,但官方发布的Typekit版本用起来还是比较麻烦,一关Create Cloud就消失,所以这里提供字体文件的完整下载。 >>> 阅读全文


纯CSS编写面包屑导航栏

说明:本方法使用CSS3,无图片,兼容各种webkit系浏览器,同时兼容IE8+。先上图:

QQ截图20140522145407 >>> 阅读全文