- 博客(122)
- 收藏
- 关注
RSS订阅转载 2018年终总结——越过山丘
又到了年终总结的时候了，每年花一点时间好好回顾下，看看收获与不足，然后在下一年里继续马不停蹄，人总要前进的嘛。今年也是并不轻松的一年啊，整个互联网行业都过得不容易。到年底了还传出各家裁员的消息，码农的处境真是前途堪忧。从宏观上看，是全球经济进入一个下行周期，哪个行业都会受影响，覆巢之下焉有完卵。这也促使我们进行更多的思考，今年我毕业满五年了，也已经是老码农队伍的一员。在未来的职业生涯...
2019-01-02 23:19:00
346
转载 记录一个前端bug的解决过程
人在江湖飘，哪能不挨刀。我挨了重重一bug。严格来讲这可能是我职业生涯以来的首个悲惨经历，因为凭我的知识储备和经验，基本上任何可重现的bug都是可解的。然而这个bug却困扰了我三个月之久，它具有以下生理特征：后台日志能统计到异常，偶发、低频报异常的用户设备不具有规律性，什么手机都有我们自己无法复现，任何设备、任何环境都没复现打电话回访报异常的用户，确实存在问题客服未接到用户...
2018-03-15 15:18:00
421
转载 2017年终总结——恍恍惚惚又一年
按照多年的习惯，又到了写年终总结的时候了。今年很奇怪，提笔却不知从何处说起。思绪太乱吧，就如同我这一整年的状态一样，就一个字：乱。这一年的整体感觉是恍恍惚惚，就是闷着头不停去做安排好的事情，没有认真去感受点什么。到了年底，该做的事情都有了一个差不多的结果，我却比往常任何时候都想快点结束这一年。因为这一年过的并不轻松啊，我相信很多人都有这样的感觉。某媒体将今年的年度词提名为「焦虑」，我觉...
2018-01-10 13:19:00
395
转载 理解defineProperty以及getter、setter
我们常听说vue是用getter与setter实现数据监控的，那么getter与setter到底是什么东西，它与defineProperty是什么关系，平时有哪些用处呢？本文将为大家一一道来。对象的属性按照一贯的“由浅到深”行文原则，我们先温习一下对象的属性。我们知道对象有自身的属性以及原型上的属性，它们都可以通过obj.key这样的方式访问到。要设置/修改对象的属性也是很简单的，...
2017-12-05 20:35:00
327
转载 记一次前端性能优化的案例
前两天遇到一个前端性能相关的bug，感觉还挺典型的，整理了一下解决过程和思路，写下来分享给大家。场景是这样的，有一个答题的界面，可以播放音频、填空、提交答案，界面是长这个样子的：看起来还挺简单吧，但是我们在手机上跑的时候，却遇到了以下问题：1. 填完空后，提交按钮会由灰色变为蓝色（可提交状态），但是播放完音频后，却无法变蓝2. 页面较长时，一边播音频一边滚动页面，会出...
2017-11-02 13:14:00
116
转载 移动端踩坑合集
前段时间在小密圈和大家分享我的感受，H5代替客户端进行移动端开发，是大趋势。未来较长一段时间，是混合应用的天下。然而H5写移动页面，那绝对是一步一个坑的节奏啊，做好各设备的兼容将是各前端er的重要使命。今天给大家送上一个合集，是我最近开发中遇到的一些坑，作个记录，也给大家一些经验。1.babel-polyfill老实加上。现在很多项目都用ES6在写了，ES6在移动端的兼容也天生较...
2017-08-10 11:29:00
152
转载 聊聊vue组件开发的“边界把握”和“状态驱动”
vue有着完整的组件化开发机制，但是官网只给了开发的方式，对于开发规范以及组件化开发的最佳实践，还需要我们来摸索。本文就平时开发中的经验来谈谈“把握边界”和“状态驱动”这两个话题。边界把握边界把握其实很好理解。在模块化编程中，我们通常要定义好一个模块的功能边界，做什么，不做什么，从外部接收什么，向外部提供什么。在vue的组件化系统之下，这些问题又更具体一些，需要我们细细把握。...
2017-06-16 11:30:00
126
转载 培训班的困境与化解之法
“我是培训机构学出来的，是不是不好找工作”“投了很多简历，一个面试都没有怎么办”“我要不要隐瞒培训的经历”经常能收到这样的咨询，索性就此写篇文章。我接触过的从培训班毕业的人不在少数，亲戚、朋友、同学都有，论据充分，今天就客观地分析分析，希望能对一些人有所启发。尴尬的现状刚从培训班毕业的同学，找第一份工作是比较痛苦的，这是一个不可否认的事实。参加校招又不符合...
2017-03-13 23:56:00
87
转载 变量命名那点小事
代码好似程序员手中的兵器，有人使的独孤九剑，有人使的打狗棒。最近review代码有点多，看到了一些很不“讲究”的代码。本篇打算聊聊我做code review的一点心得，先从变量命名这件小事说起吧。使用简单易识别的单词这一条在码农界应该是公认的吧，不要搞太复杂太生僻的单词。有些人偏偏喜欢炫自己的英文水平，不考虑其他同事的感受。所以起名要用一些很常见的单词，不要超过高中水平...
2017-02-15 14:49:00
126
转载 老司机的精神家园
在我的想象中，有一名老司机，技艺高超，热心低调...在我刚入行的时候，是很希望有一名大牛带着自己的，可惜的是，我并没有遇到这样的老司机，所以只能一路自己摸爬滚打。当我成长起来的时候，一直对这件事耿耿于怀。现今时代不同了，有了很多的平台，而此时此刻，我决定当一名专职老司机。没错，我要开小密圈了！小密圈是一个相对私密而真实的小社群，我可以在里面自由发表各种“正向引导”内容，比...
2017-02-09 23:58:00
161
转载 平庸、坚持、收获——2016年终总结
园子里陆续有朋友发年终总结了，说实话我自己也蛮期待这一天的，回顾一下这一年的方方面面，有所得的地方会享受享受成就感，有所不足的地方也给自己一个警示作用，就算不能立马改过，也会在潜意识中埋下点东西，等到以后你想懈怠的时候，潜意识就会跑出来提醒你。用三个关键字来形容我的2016的话，我想应该是：平庸、坚持、收获。工作今年工作上没有变动，还是在现在这个公司。创业公司嘛，贵在坚守。...
2016-12-28 00:50:00
140
转载 webpack搭建前端一条龙服务
作为从grunt、gulp一路走来的老码农，一开始用webpack的时候我是很抗拒的。但由于核心库使用了vue，而webpack又是vue的最佳拍档（vue作者专门为其写了vue-loader），所以用webpack来构建项目就成了自然而然的事情。经过一段时间的摸索，各个流程都跑通了，「从入门到放弃」的那点事也就都不算事了。webpack是以模块为中心的打包工具，但由于其日渐丰富的插...
2016-12-08 20:38:00
178
转载 10个细节提升后台系统的用户体验
要说程序员最开心的事情是什么，不是钱多活少离家近，而是能用自己喜欢的技术，做一个排期不紧的舒坦项目。最近我就接手了这样一个项目，使用了webpack+vue全家桶，以及其他一些业界前沿技术。不过今天不聊技术方面，先聊聊我对交互方面的一些思考。尽管它只是一个后台系统。说到后台系统（管理系统、ERP系统），我也做过很多了，无一不难看、难用。因为这类系统不是给终端用户使用，对交互要求不高，...
2016-11-14 20:27:00
316
转载 锤子OneStep及BigBang使用体验
令人期待的Smartisan OS v3.1.2终于推送了，第一时间下载了更新。几乎花了半个小时才升级完毕，捧着还热乎的手机，赶忙体验一下传说中的两大杀器：OneStep以及BigBang。先说OneStep，整体设计几乎能用完美形容了（虽然我是一个处女座），条理很清晰。OneStep提供了三个功能：快速分享/发送文字、图片、文件应用的快捷图标...
2016-10-27 11:59:00
80
转载 如何从零开始学习一个框架
最近我本人也在学习一些新技术：webpack + vue全家桶。实际上它俩从去年就开始很流行了，今年已经不算新了。但我之前并没有在项目中使用。前端框架更新频率快如疯狗，有时候会给我们前端er带来心理上的恐慌：艾玛，又出新框架了，要不要开始学呀！我对此的看法是，知其存在、保持关注、不必跟风。所以我到现在才开始学习vue也不觉得丢人，敢讲出来。今天跟大家分享一下，我是如何从零开始学习一个...
2016-10-24 14:03:00
96
转载 webpack解惑：require的五种用法
我之前在《前端搭环境之从入门到放弃》这篇文章中吐槽过，webpack中可以写commonjs格式的require同步语法，可以写AMD格式的require回调语法，还有一个require.ensure，以及webpack自己定义的require.include，再加上ES6的import语法，这么多岂不是会把人给搞乱。本篇就来梳理一下这些require各自的特点，以及都在什么场景下使用...
2016-10-12 17:52:00
981
转载 webpack解惑：多入口文件打包策略
本文是我用webpack进行项目构建的实践心得，场景是这样的，项目是大型类cms型，技术选型是vue，只支持chrome，有诸多子功能模块，全部打包在一起的话会有好几MB，所以最佳方式是进行多入口打包。文章包含我探索的过程以及webpack在使用中的一些技巧，希望能给大家带来参考价值。首先，项目打包策略遵循以下几点原则：选择合适的打包粒度，生成的单文件大小不要超过500KB...
2016-10-10 01:19:00
248
转载 自制微信公众号一键排版工具
近日，几个码农因「写脚本」被开除了。要我说，不写点脚本那还叫码农吗。我最近也给自己写了一点小脚本，用于在微信公众号中生成个性排版。现在我把整个过程分享给大家。本文就是用这个小工具完成的哦。操作过公众号后台的朋友肯定知道，微信的编辑器是很简易的，这也不叫缺陷吧，毕竟微信团队的主张一直就是简洁。但是这个编辑器是可以粘贴带格式的html的，所以就给我们留下了发挥的空间，我们可以自己写点...
2016-09-20 22:14:00
252
转载 前端自学路线之综合篇
接之前的两篇，今天来聊聊前端学习路上的杂七杂八的东西。如果说切图和js还可以缕出一条路线的话，今天的内容可真是无路可寻，因为很多前端知识都是网状的，需要你一点一点去覆盖。我今天把能想到的先罗列一下，供大家查漏补缺。性能优化这是每个前端都要具备的“硬实力”，因为性能优化的时候会涉及到方方面面的知识。常规的手段如：合并http请求、图片sprite、精简DOM、本地缓存、合理的...
2016-08-29 13:18:00
179
转载 前端自学路线之js篇
上一篇我们讲了前端切图的学习路线，不知大家有没有收获。今天来聊聊前端工程师的核心技能之——JavaScript。js这门语言看似简单，但要做到入门、熟练以至于架构的程度，还是有一段路要走的，今天就来聊聊这段路上都要经历些什么。准备好小板凳，开讲~level 1首先你要对js的基础知识进行系统的学习，脑海中先有一幅知识蓝图。我们现在说的js其实包含三部分：ECMAScript...
2016-08-29 13:17:00
114
转载 前端自学路线之切图篇
最近有很多同学问我们前端该如何学，学习的路线是什么？所以本着为新手同学梳理一条比较清晰的学习路线，同时结合我这几年的学习经历，来写这么一个“前端自学路线”系列，本篇先说说切图那些事。前端始于切图，这应该是不容辩驳的。有些同学不爱写html和css，特别是从后端转过来的同学，我觉得这样是不行的，因为前端这个职位本来就是这么发展而来的。和切图相关的当然就是HTML和CSS...
2016-08-29 13:14:00
133
转载 在rem布局下使用背景图片以及sprite
现在移动端页面用rem布局已经是一大流派了，成熟的框架如淘宝的flexiable.js，以及我的好友@墨尘写的更轻量级的hotcss。用rem作单位使得元素能够自适应后，还有一块需要关注的，那就是背景图片。本文就来聊聊这方面的东西。rem布局所谓rem布局就是指为文档的根节点<html>元素设置一个基准字体大小，然后所有的元素尺寸都以rem为单位来写。比如将<h...
2016-08-25 00:17:00
221
转载 你不一定知道的几个前端小知识
1大家都知道js在进行小数运算时会有丢失精度问题（其他语言也是），比如：0.1+0.2 //0.30000000000000004有一种比较快捷的方式是先把小数乘以10的整数倍，然后再运算，如：(0.1*10+0.2*10)/10 //0.3但是这种方式也不是100%准确的，乘以整百也可能精度丢失，比如：2177.74*100 //217773...
2016-07-21 00:10:00
108
转载 我的三年前端之路
弹指一挥间，毕业已经三年了，昔日的小鲜肉变成上了年纪的小伙子，真是有些猝不及防。站在时间的分岔口，思绪万千。从事了三年的前端工程师，这一路是如何走来的呢，在此做个总结，也给初入前端的新手一点参考。在国企晃了一年在大学期间，我的技术并不算突出，资质平平。以至于参加百度、360的校招都被刷了。所以毕业后就进入了北大方正这样的大型国企。希望能从大企业中习得一套软件开发之法。这期...
2016-07-10 19:30:00
167
转载 小公司的技术分享怎么搞
我这个人对分享特别感兴趣，总是爱给人叨叨讲东西。我也一直认为对于每一个搞技术的同学 ，技术分享是应该始终伴随在工作中的，就像吃饭上厕所一样。然而最近我们团队的分享却各种难产，一种“没有分享，地球也照样转”的感觉，这不禁让我开始怀疑人生。遥想起刚来北京，看到帝都有这么好的分享氛围而激动万分，不辞辛劳不远万里去参加w3ctech组织的各种分享会，那份渴望至今还记忆犹新。第一次见到传...
2016-05-17 19:16:00
308
转载 当他们说「独立思考」时，到底在说什么
我曾不止一次地从各种公知、大V口中听过「独立思考」这个词，也曾无数次不假思索地忽略它，就像忽略每天接触到的绝大多数信息。当我看多了一些东西，自己的观点和方法论开始形成时，才发现，独立思考的价值所在。今天，就来聊聊我所理解的独立思考。首先，「独立思考」的定义是什么？我们讨论一件事情总得先明白它的内容和范畴。我独自一个人蹲在厕所思考人生，算不算独立思考呢？所谓独立不是指肉体的独立...
2016-05-10 11:11:00
101
转载 搭建前端私有npm杂记
随着前端队伍越来越壮大，项目间共享代码就变得尤为重要。常用的框架/类库没必要在每个项目都放一份，团队内部产出的公共模块也需要有合理的共享机制。现在，用npm管理前端代码已经是业界趋势。楼主尝试用私有npm+资源管理系统的方式搭建起一套前端资源仓库，用以在公司内部托管公共代码，并为开发环境提供代码源。本文记录一下搭建过程，或许可以给大家做个参考。整体架构搭建私有npm的话其实...
2016-04-20 11:45:00
196
转载 利用gulp搭建本地服务器，并能模拟ajax
工作中可能会用到的小工具，在此记录一下。可以实现的功能有：本地http服务器页面实时刷新可以模拟ajax请求第一步，新建package.json文件。用到了gulp、gulp-webserver、gulp-livereloadpackage.json的内容如下：{ "name": "localserver", "version": "1....
2016-04-18 18:35:00
102
转载 大白话讲解Promise（三）搞懂jquery中的Promise
前两篇我们讲了ES6中的Promise以及Promise/A+规范，在Promise的知识体系中，jquery当然是必不可少的一环，所以本篇就来讲讲jquery中的Promise，也就是我们所知道的Deferred对象。事实上，在此之前网上有很多文章在讲jquery Deferred对象了，但是总喜欢把ajax和Deferred混在一起讲，容易把人搞混。when、done、pr...
2016-03-29 21:45:00
261
转载 利用gulp解决前后端分离的header/footer引入问题
在我们进行前后端完全分离的时候，有一个问题一直是挺头疼的，那就是公共header和footer的引入。在传统利用后端渲染的情况下，我们可以把header、footer写成两个单独的模板，然后用后端语言的include即可在其他页面中引入。我之前在《一个简单粗暴的前后端分离方案》这篇文章中说过一种方法，就是用handlebars把header、footer模板预编译为js文件，然后在页面的...
2016-03-26 12:39:00
135
转载 大白话讲解Promise（二）理解Promise规范
上一篇我们讲解了ES6中Promise的用法，但是知道了用法还远远不够，作为一名专业的前端工程师，还必须通晓原理。所以，为了补全我们关于Promise的知识树，有必要理解Promise/A+规范，理解了它你才能知道Promise内部是怎么回事，我们ES6中的Promise是如何一路走来的。网上关于Promise/A+的翻译文档很多，所以我就不翻译一次了，本篇的目的在于为文档增加...
2016-03-25 19:30:00
562
转载 假如大学可以重来
如果你还在念书，本文应该对你有所启发。如果你已经毕业了，就当看个乐子吧。最近在构建之法的群里听了很多老师们对教育的讨论，很敬佩老师们这么下功夫，自己也不禁浮想联翩，想起了自己的大学时代。我曾经的老师们，是否也在课后绞尽脑汁思考如何教好这门课。而令他们意想不到的是，每次来上课的学生不到一半，来的还都在玩手机。可惜当年的自己太贪玩，课没有好好上，项目也没有认...
2016-03-13 21:22:00
157
转载 大白话讲解Promise（一）
去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？...
2016-03-11 00:52:00
13636
转载 简单两步让博客园支持手机端显示
博客园的模板是没有兼容手机端显示的，阅读体验比较差。本文教你如何简单几步让你的博客支持手机端显示。找一个夜深人静，没有人浏览你博客的时间点，开始吧。1.添加js代码在博客园后台的“设置”菜单下，有一项页首Html代码，此处写js代码也是可以生效的，将如下代码复制过去：<script>var content = 'width=device-width, in...
2016-03-05 17:28:00
336
转载 前端工程师是怎样一种职业
前端工程师已经是大家不再陌生的一个软件行业的工种了，尽管这一工种诞生也没几年。作为一名从业三年的前端工程师，我尝试结合业界标准与我的理解，来尽可能诠释一下前端工程师这个职业。这篇文章的适读人群为：非web方向的软件开发者、产品经理以及与产品挂钩的相关人士、正在纠结需不需要招聘一个前端的老板们、刚刚走上工作岗位的前端新手们、以及所有对前端感兴趣的父老乡亲们。前端工程师的英文名...
2016-03-01 08:43:00
70
转载 黑科技：gif二维码
本篇文章是缘于在微博上看到了一的有意思的东西。由于腾讯与阿里的竞争关系，如果你是一个大V，在微博上发布微信的二维码会被屏蔽掉。于是有人发现了这样一个现象：人眼有视觉暂留效应，手机的摄像头由于捕捉影像的频率较低，也会有类似人眼的“视觉暂留”效应，利用这个原理，如果把一个二维码分为两个部分，放在一张gif图片的不同帧上，循环播放，用手机扫一扫这个“抽搐”的二维码，也是可以识别到的！但是这样的...
2016-02-28 19:19:00
161
转载 你get了无数技能，为什么一事无成
前几日看到阮一峰老师的发的一句话，颇有感慨，「你只是坐在电脑前，往网上发表了一段文字或者一张图片，随便什么，就能够接触到多少陌生的灵魂。这就是我热爱互联网的原因」。我打心底认为这是一个最好的时代，这个时代，我们能接触的信息比历史上任何时候都多，我们通过互联网能够轻易的分享自己的喜悦，传播自己的思想，正如我此刻正在敲的这些文字。今天并不是想吹嘘信息时代有多好，毕竟我们都...
2016-02-24 12:29:00
60
转载 一个强迫症用户的锤子手机使用体验
本着「我不装逼谁装逼的原则」，买了一部坚果手机，体验了一把传说中流畅的不像android的锤子OS。坚果手机的系统相比于锤子T2，并未做功能上的删减，所以完全能从坚果手机来体验到锤子OS的博大精深。作为一名有修养的强迫症用户，我们就不谈优点了，直接来说缺点吧。事实上，除了误触频率极高的抢拍功能有点烦人之外，其他的缺点…还真挺鹅妹子嘤的。上划下划...
2016-02-19 09:03:00
108
转载 起点——2015年终总结
按照园子里的规矩，又到了一年一度年终总结的时候了，回望2015年，感觉真是短暂的很，稍不留神，时间便跳到年末了。回顾一下这一年的经历，做一个记录供今后来回忆，同时也展望一下2016的美好计划。2015年，如果要给自己找一个关键字的话，我觉得是「起点」，我的方方面面都在2015年找到了一个起点。工作2015年年初，整个互联网行业都在狂躁，O2O创业大潮席卷了整个圈子，记得...
2016-02-03 01:33:00
152
转载 用“MEAN”技术栈开发web应用（三）用mongodb搭建数据库
上一篇介绍了如何用express搭建起服务端MVC的开发架构，本篇我们来详细介绍一下这个Model层，也就是数据库访问层。包含如何使用mongodb搭建数据库，以及如何使用mongoose来访问数据。mongodb的安装和启动首先我们得安装mongodb，先去官网（http://www.mongodb.org/downloads）下载安装包，我的开发环境是Wind...
2016-02-01 23:56:00
105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人