首先我想说下我在写js时经常遇到的问题,尤其是很大的项目: 1.我一般会把各个功能分块写在各个js文件中: 比如弹出框: dialog.js $(document).ready(function(){ var dialog={ error_dialog:function(){ //..... } } }) 然后在需要的文件中调用 b.js dialog.error_dialog(); 此时会出现如下错误 2.我们经常会在页面上看到这种情况: <script type="text/javas…

项目完结 做个总结: 公司网站重构,整站都需要重写,终于有机会接触下 less,gulp和requireJs,因为以前的工作就是写几个活动页,并没有机会用这些工具,废话不多说,先看下完成后的项目目录: 上图是 less 文件目录,根据功能分的很细,有头部,底部,弹出框,按钮,颜色.....等等,这样写的好处很多,后期比较容易维护,易于修改,而且结构清晰. 我先写几个常用的less的功能,想了解更多可以去官网,很简单. 由于是演示,我就先不用gulp工具了,我用的Webstorm有自动编译功能.…

1.配置:myconfig.js(按需配置) require.config({ baseUrl: "../style/js", //该路径下的文件 paths: {   'jquery': 'jQuery-1.11.0', } }); 2.html文档中加载如下文件 <script type="text/javascript" src="../style/js/require.js"></script> <scrip…

gulp是自动化构建工具,基于node,需要安装node,如果你不了解node也没关系,先跟着来一遍再去了解node也不迟~ 首先去node官网下载安装包 1.新建项目文件夹 在目录下shift+右键打开命令行工具;下图表示node已经装好 2.现在想要做这样一个功能 如上图: button.less中的颜色依赖于color.less 需要实现: 将两个less文件合并,而且生成css文件到css文件夹中: 新建文件index.less,合并两个less文件 这时候就要用到gulp 3.安装gu…

requirejs或者seajs我相信在前端的开发工作中经常使用到,而angular,这个强大的web前端框架很多公司也在引入.本文主要记录自己在工作学习中如何对angular跟requirejs进行整合,如何构建前端的MVC项目,废话不多说,直接进入正题,上代码. 1.项目目录结构,如下图: 2.routes.js—>路由配置,用于请求加载各个页面脚本的分发配置,代码如下: /** * Created by ljc on 2015/7/7. */ define(function () { va…

第一部分:发发牢骚吧 随着富前端时代的逐渐深入,越来越多的前端技术框架层出不穷,可以说是百花齐放.让我们这些爱好前端的人疲于奔命,今天学习这个框架,明天研究那个框架,哎,说不出的蛋疼...感觉好累...各种大神各种框架@#￥%,看得我是云里来雾里,心中一万只羊驼狂奔...看着大牛“越走越远”的背影,带着这颗被狂奔的心,我也只能继续前行啊... 之前说过,没有一颗成为“将军”的心,没有为成为“将军”而付出的人,那么你就只能接受“士兵”待遇.也许知足常乐.也许废寝忘食,见仁见智,没有对错…… 第二部…

特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/mao2080/ 好久没有搞前端了,昨天用requireJS搭建了一个框架,但是在调试的时候发现缓存太严重了(我用的Google chrome),改动html或者js都需要用用Ctrl+shift+delete清除缓存.后面还是在网上找到了解决办法.方法如下: 1.按F12打开调试控制台. 2.按F…

AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入等等. 第一次接触angularjs大概是半年前开发一个微信公众号,就深深的被他的给种特性吸引,下面将介绍使用require+angularjs搭建一个大型单页面应用. 下面是项目结构: 下面看看index.html的结构: <!do…

上篇是年后的项目搭建的,时间比较仓促,感觉有点low 1.gulp-vue 文件对公用js的有依赖,以后别的同事拿去搭其他项目,估计会被喷 2.不支持vue-loader一样写模版语言和es6语法 最近h5端的项目,用了webpack+vue-router,用jade+es6+stylus瞬间感觉自己高大上了,es6用起来,感觉也是爽爽哒.(其实语法用的也不多,也就import,一些简单的新方法,主要是箭头函数,再也不用self=this了)所以考虑进行一次升级,使在web端可以简单支持vue…

以前都是支持 司徒正美 的,毕竟咱们也是跟着 司徒正美 一起走进了前端的世界.所以一般MVVM都是用avalon的,当然也是考虑到项目需要支持IE6,7,8的考虑.当然在用的时候也有一些小坑和bug,都处理了.今年正美正好升级avalon2.0,加入虚拟dom的时候,不稳定了,就考试寻找其他的mvvm框架. 看了比较流行的一些框架,最后选择了vue.选择他的原因是 文档比较全,而且还有中文的(你懂的),生态圈比较好,有vux, vue-loader, vue-router ,组件化设计的也很好.…