Fork me on GitHub
  2018年5月20日
摘要: 配置文件 在开始我们的第一个界面之前,我们需要把初始的html和config文件配置好。html非常简单,只需要一个div作为最外部的容器包裹着所有界面即可: 接下来我们在construction目录中配置config文件和入口app.js文件 第一个界面 配置完基础文件后我们开始配置我们的第一个配 阅读全文
posted @ 2018-05-20 14:47 chen·yan 阅读(230) 评论(0) 推荐(1) 编辑
摘要: 起因 刚进公司那会儿,接的是一个微信APP应用,SPA是前人搭起来的,用到的技术主要是backbone和zepto。后来那人走了,就卤煮一个人把项目接了下来。项目越是到后面,越发觉了诸多弊端,不停的增加界面和业务使得整个应用看起来臃肿不堪。于是觉得是时候重构了。那时也巧是正好认识requireJS, 阅读全文
posted @ 2018-05-20 14:46 chen·yan 阅读(390) 评论(0) 推荐(1) 编辑
摘要: 目录结构 上面这张图是salut的目录文档,从github上将其下载后直接运行node run和 node json 可以直接启动项目。下面逐个介绍每个目录的存放的文件和作用。 construction 该目录下存放着工程文件,grunt配置文件以及几本requireJS,在此处运行npm inst 阅读全文
posted @ 2018-05-20 14:46 chen·yan 阅读(258) 评论(0) 推荐(0) 编辑
  2016年8月12日
摘要: 前言 卤煮在公司之初接触到的是一个微信APP应用。前端技术采用的是Backbone+zepto等小型JS类库。在项目开发之初,这类中小型的项目采用这两种库可以满足基本的需求。然而,随着迭代的更新和业务的增加,成堆的代码被覆盖到项目中去了,使得这样一种技术架构方式变得异常的臃肿,很多界面变得异常的难以 阅读全文
posted @ 2016-08-12 01:29 chen·yan 阅读(2634) 评论(9) 推荐(13) 编辑
  2016年7月28日
摘要: 前言 随着移动设备的普及,移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁,手机厂商繁多,导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难,适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图,结果可 阅读全文
posted @ 2016-07-28 09:02 chen·yan 阅读(17611) 评论(19) 推荐(21) 编辑
  2016年7月7日
摘要: 前言 Grunt是一款前端构建工具,帮助我们自动化搭建前端工程。它可以实现自动对js、css、html文件的合并、压缩等一些列操作。Grunt有很多插件,每一款插件实现某个功能,你可以通过npm命名去下载插件,然后使用它们。关于grunt的使用以及配置,卤煮不打算在此介绍。本篇博文重点要讲的是如何快 阅读全文
posted @ 2016-07-07 16:31 chen·yan 阅读(915) 评论(0) 推荐(3) 编辑
  2016年6月22日
摘要: 前言 web早已经进入了2.0时代了,如今的网页大有往系统应用级别的方向发展的趋势,再也不是以前的简单展示信息的界面了。如今很多webapp已经做到了原生应用的功能,并且运用自身的优势逐步取代之。HTML5也很给力,对多平台,多屏幕设备的良好兼容性使得前端工程师们在各种平台上大显身手。卤煮两年前进公 阅读全文
posted @ 2016-06-22 09:34 chen·yan 阅读(9750) 评论(2) 推荐(3) 编辑
  2016年6月13日
摘要: 前言 本篇博文来自一次公司内部的前端分享,从多个方面讨论了在设计接口时遵循的原则,总共包含了七个大块。系卤煮自己总结的一些经验和教训。本篇博文同时也参考了其他一些文章,相关地址会在后面贴出来。很难做到详尽充实,如果有好的建议或者不对的地方,还望不吝赐教斧正。 一、接口的流畅性 好的接口是流畅易懂的, 阅读全文
posted @ 2016-06-13 11:22 chen·yan 阅读(12907) 评论(26) 推荐(60) 编辑
  2016年4月11日
摘要: 最近在做新项目的时候自己利用一点业余时间写了一个简单的js模块加载器。后来因为用了webpack就没有考虑把它放到项目里面去,也没有继续更新它了。模块加载器开源的有很多,一般来说seaJS和reqiureJS都能满足基本需求。本篇博文主要分享一下卤煮写这个加载器的一些想法和思路,作为学习的记录。 j 阅读全文
posted @ 2016-04-11 10:02 chen·yan 阅读(1018) 评论(1) 推荐(2) 编辑
  2016年3月7日
摘要: 卤煮在大概一年前写过backbone的源码分析,里面讲的是对一些backbone框架的方法的讲解。这几天重新看了几遍backbone的源码,才发现之前对于它的理解不够深入,只关注了它的一些部分的细节和实现技巧。忽略了它的设计思想,而卤煮认为,一套库或者框架最值得借鉴的地方正好是它的设计思想。也巧,最 阅读全文
posted @ 2016-03-07 14:20 chen·yan 阅读(832) 评论(0) 推荐(0) 编辑