前端工程与性能优化
蒙奇·D·撸码客 发布于 2016-03-24 20:56:27
每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则,还有两本很经典的性能优化指导书:《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染,基本都能一一列举出来。这些性能优化原则大...
前端撸码笔记
成功指南:把撸鸟的时间都放在撸码上
蒙奇·D·撸码客 发布于 2016-03-24 20:56:27
每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则,还有两本很经典的性能优化指导书:《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染,基本都能一一列举出来。这些性能优化原则大...
蒙奇·D·撸码客 发布于 2016-03-24 20:55:19
前百度工程师,曾负责百度前端集成解决方案的核心设计与开发工作。我现在称这个领域为【前端工程】。没错,这是我最爱唠叨的问题域。这是一个非常有趣的非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。在我的印象中,facebo...
蒙奇·D·撸码客 发布于 2016-03-24 18:20:10
js正则获取固定首尾的字符串,本例子中是js正则从style中获取border开头,radius结尾的所有关于元素圆角即border-radius的所有属性:<script>var attrStr = "width: ...
蒙奇·D·撸码客 发布于 2016-03-24 10:00:18
一、前言同样在上班的路上,一个程序员想着是买梅干菜肉包还是买酸辣粉丝包,到了包子点却发现只有馒头馅子的包子了,却买了一包豆浆;一个程序员可能在在家吃完饭开车去上班了,这尼玛是富二代;一个程序员可能想着如何把自己的代码如何优化,如何提高性能,如何的如何……上班路上的程序员让你轻松了...
蒙奇·D·撸码客 发布于 2016-03-23 14:43:15
这节主要是讲修改用户信息,修改信息这一块比较简单,主要是对mongodb的一个修改,重点在上传头像,以及一个扩展,如何在后端修改图片,例如缩放到统一大小。首先是完成用户展示页面在views中添加people.ejs,内容如下:<%-includeheader%><...
蒙奇·D·撸码客 发布于 2016-03-23 14:42:09
首先完成路由index.js的设置,将app.get('/question/:id',function(req,res){});修改为:app.get('/question/:id',function(req,res){User.findQuestion(req.params.i...
蒙奇·D·撸码客 发布于 2016-03-23 14:41:00
这一节是一个扩展知识,因为完成了前面的一些功能,稍微熟悉下,能扩展一些好玩的内容:以我最近的工作为例,很多内容都是做前端的webapp,可以理解为在后缀为html的页面中,用ajax异步的方式来获取页面数据,用js展示页面逻辑。这样减少了后端的工作量,后端仅对数据进行处理,不用在...
蒙奇·D·撸码客 发布于 2016-03-23 14:39:14
这一节是对上一篇文件的知识扩展,扩展点在异步查询数据库。上面在获取show页面内容时,我查询了两个表,第一次查询question,然后用获取的name属性,继续遍历查询user表中图片地址。大家看看我下面的代码有没有问题:mongodb.open(function(err,db)...
蒙奇·D·撸码客 发布于 2016-03-23 14:26:47
因为是一个问答网站,所以每个页面都可以随时提问,所以我们将提问按钮功能放到header.ejs头文件中在末尾加上<!--提问--><divid="myModal"class="modalhidefade"tabindex="-1"role="dialog"ari...
蒙奇·D·撸码客 发布于 2016-03-23 14:24:25
登陆注册时需要用到,我们需要flash模块来实现页面的通知和错误信息显示的功能。在app.js中的,settings=require('./settings')后面加入,flash=require('connect-flash');app.set('viewengine','ej...