摘要： 配置文件 在开始我们的第一个界面之前，我们需要把初始的html和config文件配置好。html非常简单，只需要一个div作为最外部的容器包裹着所有界面即可： 接下来我们在construction目录中配置config文件和入口app.js文件 第一个界面 配置完基础文件后我们开始配置我们的第一个配 阅读全文

摘要： 起因 刚进公司那会儿，接的是一个微信APP应用，SPA是前人搭起来的，用到的技术主要是backbone和zepto。后来那人走了，就卤煮一个人把项目接了下来。项目越是到后面，越发觉了诸多弊端，不停的增加界面和业务使得整个应用看起来臃肿不堪。于是觉得是时候重构了。那时也巧是正好认识requireJS， 阅读全文

摘要： 目录结构 上面这张图是salut的目录文档，从github上将其下载后直接运行node run和 node json 可以直接启动项目。下面逐个介绍每个目录的存放的文件和作用。 construction 该目录下存放着工程文件，grunt配置文件以及几本requireJS，在此处运行npm inst 阅读全文

摘要： 前言 卤煮在公司之初接触到的是一个微信APP应用。前端技术采用的是Backbone+zepto等小型JS类库。在项目开发之初，这类中小型的项目采用这两种库可以满足基本的需求。然而，随着迭代的更新和业务的增加，成堆的代码被覆盖到项目中去了，使得这样一种技术架构方式变得异常的臃肿，很多界面变得异常的难以 阅读全文

摘要： 前言 随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁，手机厂商繁多，导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难，适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图，结果可 阅读全文

摘要： 前言 Grunt是一款前端构建工具，帮助我们自动化搭建前端工程。它可以实现自动对js、css、html文件的合并、压缩等一些列操作。Grunt有很多插件，每一款插件实现某个功能，你可以通过npm命名去下载插件，然后使用它们。关于grunt的使用以及配置，卤煮不打算在此介绍。本篇博文重点要讲的是如何快 阅读全文

摘要： 前言 web早已经进入了2.0时代了，如今的网页大有往系统应用级别的方向发展的趋势，再也不是以前的简单展示信息的界面了。如今很多webapp已经做到了原生应用的功能，并且运用自身的优势逐步取代之。HTML5也很给力，对多平台，多屏幕设备的良好兼容性使得前端工程师们在各种平台上大显身手。卤煮两年前进公 阅读全文

摘要： 前言 本篇博文来自一次公司内部的前端分享，从多个方面讨论了在设计接口时遵循的原则，总共包含了七个大块。系卤煮自己总结的一些经验和教训。本篇博文同时也参考了其他一些文章，相关地址会在后面贴出来。很难做到详尽充实，如果有好的建议或者不对的地方，还望不吝赐教斧正。 一、接口的流畅性 好的接口是流畅易懂的， 阅读全文

摘要： 最近在做新项目的时候自己利用一点业余时间写了一个简单的js模块加载器。后来因为用了webpack就没有考虑把它放到项目里面去，也没有继续更新它了。模块加载器开源的有很多，一般来说seaJS和reqiureJS都能满足基本需求。本篇博文主要分享一下卤煮写这个加载器的一些想法和思路，作为学习的记录。 j 阅读全文

摘要： 卤煮在大概一年前写过backbone的源码分析，里面讲的是对一些backbone框架的方法的讲解。这几天重新看了几遍backbone的源码，才发现之前对于它的理解不够深入，只关注了它的一些部分的细节和实现技巧。忽略了它的设计思想，而卤煮认为，一套库或者框架最值得借鉴的地方正好是它的设计思想。也巧，最 阅读全文