随笔分类 -  Web前端-[HTML/CSS/JS]

html,html5,javascript
摘要:引用知乎的回答:https://www.zhihu.com/question/37020798 怎么解释呢?因为 Gulp 和 browserify / webpack 不是一回事 Gulp应该和Grunt比较,他们的区别我就不说了,说说用处吧。Gulp / Grunt 是一种工具,能够优化前端工作 阅读全文
posted @ 2016-12-24 03:59 EasonJim 阅读(1357) 评论(0) 推荐(0)
摘要:CDN的combo技术能把多个资源文件合并引用,减少请求次数。比如淘宝的写法: 采用??形式。 参考: http://blog.csdn.net/function_basi/article/details/8809378 http://www.cnblogs.com/zhengyun_ustc/ar 阅读全文
posted @ 2016-12-24 03:48 EasonJim 阅读(3346) 评论(0) 推荐(0)
摘要:淘宝SUI Mobile框架 官网地址:http://m.sui.taobao.org/ SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台We 阅读全文
posted @ 2016-12-24 03:21 EasonJim 阅读(24521) 评论(0) 推荐(0)
摘要:如果是以前,我们可以使用iframe去引入,现在可以是这样的形式:<link rel="import" href="a.html" id="tmp" />,但这种形式比较新,可能存在很多兼容性问题,后续再深入使用。 参考:http://www.tuicool.com/articles/reyuYn 阅读全文
posted @ 2016-12-23 23:52 EasonJim 阅读(14671) 评论(0) 推荐(0)
摘要:HTML4中的History API history这个东西大家应该都不陌生,我们经常使用history.back(-1)来实现后退功能,具体的属性和方法如下: 属性 length 历史的项数。JavaScript 所能管到的历史被限制在用浏览器的“前进”“后退”键可以去到的范围。本属性返回的是“前 阅读全文
posted @ 2016-12-23 23:49 EasonJim 阅读(2732) 评论(0) 推荐(0)
摘要:1、可以使用插进gulp-order。 2、可以这样的写法: 阅读全文
posted @ 2016-12-23 12:56 EasonJim 阅读(4264) 评论(0) 推荐(0)
摘要:这个错误是由于在打包js代码时,js语法错误导致的,修改以下js的语法即可。 阅读全文
posted @ 2016-12-23 09:52 EasonJim 阅读(10900) 评论(0) 推荐(0)
摘要:先探讨方案,后续再实现。 gulp打包前端教程配置:http://www.cnblogs.com/EasonJim/p/6209951.html 可能存在以下场景: 1、整个服务端采用接口的形式暴露给客户端,客户端全权负责前端效果及绑定数据。 2、服务端采用比如webfrom/mvc,java的模板 阅读全文
posted @ 2016-12-23 09:39 EasonJim 阅读(758) 评论(0) 推荐(0)
摘要:这种做法是不对的:$('#T1')==null 正确的做法:$('#T1').length>0 参考:http://www.jb51.net/article/19646.htm 阅读全文
posted @ 2016-12-23 01:37 EasonJim 阅读(1177) 评论(0) 推荐(0)
摘要:参考打包教程: http://www.cnblogs.com/tugenhua0707/p/4069769.html http://www.cnblogs.com/tugenhua0707/p/4982646.html http://www.tuicool.com/articles/viequay 阅读全文
posted @ 2016-12-22 09:50 EasonJim 阅读(16072) 评论(1) 推荐(2)
摘要:使用插件:gulp-sync,npm install --save-dev gulp-sync 使用方法参考:https://www.npmjs.com/package/gulp-sync 这些插件也不错:run-sequence,gulp-sync-task,gulp-awaitable-task 阅读全文
posted @ 2016-12-22 02:55 EasonJim 阅读(1518) 评论(0) 推荐(0)
摘要:参考: https://segmentfault.com/q/1010000002876613 https://github.com/sindresorhus/gulp-rev 测试发现,在官网上最主要的做法是: 加入如下参数: 其中base为存放上一个生成的rev-manifest.json文件, 阅读全文
posted @ 2016-12-22 01:45 EasonJim 阅读(3345) 评论(0) 推荐(0)
摘要:由于项目需要,我要把common.js替换成build.min.js,接着后面才用到build.min.js=>build-te234ds.min.js这样的形式替换,但是我发现怎么替换都不能把common.js替换掉,经过分析发现: 只有名字符合标准才能替换成功,不是手动修改这个文件到时修改不成功 阅读全文
posted @ 2016-12-21 23:17 EasonJim 阅读(2799) 评论(0) 推荐(0)
摘要:使用模块:del,npm install --save-dev gulp del 参考: http://www.gulpjs.com.cn/docs/recipes/delete-files-folder/ 阅读全文
posted @ 2016-12-21 16:32 EasonJim 阅读(1067) 评论(0) 推荐(0)
摘要:以前命令:npm install gulp-jshint --save-dev 实质上是安装jshint失败,缺少该模块。 更换命令 :npm install --save-dev jshint gulp-jshint 参考:http://stackoverflow.com/questions/33 阅读全文
posted @ 2016-12-21 15:36 EasonJim 阅读(1081) 评论(0) 推荐(0)
摘要:整个目录: gulp拷贝文件的时候如何保持路径? 效果:保留static/jquery/路径信息,即拷贝后的文件路径是 dist/static/jquery/jquery.js 1、在 gulp.src 加一个base选项,即 gulp.src(‘static/jquery/juqery.js’,{ 阅读全文
posted @ 2016-12-21 14:50 EasonJim 阅读(14388) 评论(0) 推荐(0)
摘要:详细说明参考:http://www.cnblogs.com/PeunZhang/p/5629329.html 我个人理解: 1、全局安装(npm install -g)是为了用命令行,比如在windows下,如果用全局安装gulp时,系统变量上已经能识别gulp命令。之后就是用gulp命令。但这种说 阅读全文
posted @ 2016-12-21 11:56 EasonJim 阅读(15536) 评论(0) 推荐(0)
摘要:教程:http://www.runoob.com/nodejs/nodejs-npm.html 常用命令:http://www.cnblogs.com/PeunZhang/p/5553574.html 阅读全文
posted @ 2016-12-21 02:06 EasonJim 阅读(539) 评论(0) 推荐(0)
摘要:比如我安装gulp时,会多出很多无用的包,如下图: 经过查询,原来是npm升级了导致的,在npm3.0以上的版本,包的依赖不再安装在每个架包的node_modules文件夹内,而是安装在顶层的node_modules文件夹中。 参考: http://blog.csdn.net/yiifaa/arti 阅读全文
posted @ 2016-12-21 01:59 EasonJim 阅读(4572) 评论(0) 推荐(0)
摘要:http://www.yasuotu.com/ http://www.jpegmini.com/ http://www.tumiaoya.com/ https://tinypng.com/(推荐) http://www.tuhaokuai.com/image http://www.atool.org 阅读全文
posted @ 2016-12-20 22:24 EasonJim 阅读(697) 评论(0) 推荐(0)