每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染，基本都能一一列举出来。这些性能优化原则大概是在7年前提出的，对于web性能优化至 …

read more

前百度工程师，曾负责百度 前端集成解决方案 的核心设计与开发工作。我现在称这个领域为【前端工程】。没错，这是我最爱唠叨的问题域。 这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。 在我的印象中，facebook是这个领域的鼻祖，有兴趣、 …

read more

js正则获取固定首尾的字符串，本例子中是js正则从style中获取border开头，radius结尾的所有关于元素圆角即border-radius的所有属性： <script> var attrStr = "width: auto; min-wid …

read more

一、前言 同样在上班的路上，一个程序员想着是买梅干菜肉包还是买酸辣粉丝包，到了包子点却发现只有馒头馅子的包子了，却买了一包豆浆； 一个程序员可能在在家吃完饭开车去上班了，这尼玛是富二代； 一个程序员可能想着如何把自己的代码如何优化，如何提高性能，如何的如何…… 上班路上的程序员让你轻松了解三个设计模式 二、简单工厂模式 …

read more

这节主要是讲修改用户信息，修改信息这一块比较简单，主要是对mongodb的一个修改，重点在上传头像，以及一个扩展，如何在后端修改图片，例如缩放到统一大小。 首先是完成用户展示页面 在views中添加people.ejs,内容如下： <%- include header %> <div class=&# …

read more

首先完成路由index.js的设置，将 app.get(‘/question/:id’,function(req,res){ }); 修改为： app.get(‘/question/:id’,function(req,res){ User.findQuestion(req …

read more

这一节是一个扩展知识，因为完成了前面的一些功能，稍微熟悉下，能扩展一些好玩的内容： 以我最近的工作为例，很多内容都是做前端的webapp，可以理解为在后缀为html的页面中，用ajax异步的方式来获取页面数据,用js展示页面逻辑。这样减少了后端的工作量，后端仅对数据进行处理，不用在传统的套后台。 对于webapp，异步 …

read more

这一节是对上一篇文件的知识扩展，扩展点在异步查询数据库。 上面在获取show页面内容时，我查询了两个表，第一次查询question,然后用获取的name属性，继续遍历查询user表中图片地址。 大家看看我下面的代码有没有问题： mongodb.open(function(err, db){ if(err){ retur …

read more

因为是一个问答网站，所以每个页面都可以随时提问， 所以我们将提问按钮功能放到header.ejs头文件中 在末尾加上 <!– 提问 –> <div id=”myModal” class=”modal hide fade” tabi …

read more

登陆注册时需要用到，我们需要flash 模块来实现页面的通知和错误信息显示的功能。 在app.js中的, settings = require(‘./settings’)后面加入, flash = require(‘connect-flash’); app.set(&#8 …

read more