- 博客(46)
- 收藏
- 关注
RSS订阅转载 美好的童年伙伴：360 智能儿童手表 P1体验评测
写在前面少年儿童作为祖国的花朵，未来的栋梁，也是我们每个做家长的心头肉。近年来各种新闻报道中校园欺凌、虐待事件频发，虽然依然只是个别事件，但我们依然会心怀担忧。360作为安防软件起家的专业公司，凭借在安防领域积累的数年经验推出了这款属于高端系列的 360 智能儿童手表（下文简称 P1）。具体表现如何呢？这期笔者带来了这篇详细评测，希望对家长们对儿童手表的选择有所帮助。...
2019-07-22 10:47:00
679
转载 前端也要学系列：设计模式之装饰者模式
什么是装饰者模式今天我们来讲另外一个非常实用的设计模式：装饰者模式。这个名字听上去有些莫名其妙，不着急，我们先来记住它的一个别名：包装器模式。我们记着这两个名字来开始今天的文章。首先还是上《设计模式》一书中的经典定义：动态地给一个对象添加一些额外的职责。就增加功能来说，装饰者模式相比生成子类更为灵活。我们来分析一下这个定义。给对象添加一些新的职责，我们很容易想到创建...
2018-05-28 23:24:00
129
转载 前端也要学系列：设计模式之策略模式
做前端开发已经好几年了，对设计模式一直没有深入学习总结过。随着架构相关的工作越来越多，越来越能感觉到设计模式成为了我前进道路上的一个阻碍。所以从今天开始深入学习和总结经典的设计模式以及面向对象的几大原则。今天第一天，首先来讲策略模式。什么是策略模式？GoF四兄弟的经典《设计模式》中，对策略模式的定义如下：定义一系列的算法，把它们一个个封装起来，并且使它们可互相替换。上边...
2018-05-24 00:36:00
125
转载 你不知道的Javascript：有趣的setTimeout
你不知道的Javascript：有趣的setTimeout 有时候，小小的细节往往隐藏着大大的智慧今天在回顾JavaScript进阶用法的时候，发现一个有趣的问题，话不多说，先上代码：for(var j=0;j<10;j++){ setTimeout(function(){console.log(j)},5000)}看到这三行代码，也许你会不耐烦道：又要讲闭包？要吐了...
2018-01-31 09:06:00
83
转载 接受”不完美“:分布式事务学习总结
作为一个前端专业的人来说，对于事务的理解，一直停留在“要么都成功，要么都不成功”的小白阶段。既然自己将2018年定义为”深入理解“的一年，那么就从深入理解事务开始吧。什么是事务？正如文章开头所说的：事务是一系列的动作，这些动作必须全部完成，如果有一个失败，那么事务就会回滚到最开始的状态，仿佛什么都没发生过一样。在企业级应用的开发过程中，事务管理是必不可少的技术，用来确保数据的...
2018-01-30 00:53:00
93
转载 如何进行团队技术分享
最近一段时间一直在思考如何将技术分享和内部培训利用起来，帮忙团队小伙伴们尽快提升工作中需要的技术。突然想到其实一次精心准备的技术分享，也算是一个小小的项目了。作为一个项目，当然也要经过启动、计划、执行、监控和收尾的过程，只不过在这五大过程组之中，根据实际需要具体过程会有所删减。想要中奖，至少要先买一张彩票；想要得到认可，至少要把自己的所知所得分享出去。不要陷入一个误区：我懂...
2018-01-25 10:28:00
457
转载 又是一年寒冬时
还有半个月就是元旦了，刚刚结束紧张的PMP考试，感觉还不错，会答的答上了，不会的也没空着。PMP十分重视经验教训的总结，这次考得格外多。还有半个月就到了2018年，我想也应该对马上过去的2017来一次经验教训的总结，反思来路，提点前路。闭上眼睛想象一下，2017也算发生了几件大事。最大的一件事莫过于：我结婚了。是的，我遇到了对的那个人，可以包容我坏脾气的人，而且...
2017-12-13 21:27:00
118
转载 项目管理碎碎念系列之二：采购管理
对于做技术研发的人来说，很少有机会从事严格、规范、较大规模的项目采购和合同管理工作，而且人们依靠平时的直觉和经验积累起来的采购和合同知识，很有可能是错误的。笔者就因此踩过一个大坑，直到学习了采购管理，才恍然大悟。什么是采购管理？项目采购管理是指项目的执行组织从外部获取产品、服务或成果来最优满足项目需求。很多时候因为项目的复杂性，执行组织往往不能完全依靠自己的力...
2017-10-22 18:40:00
109
转载 项目管理碎碎念系列之一：干系人管理
初次见到“项目干系人”这个词，我是有点蒙圈的，因为这不太符合中文平时的表达。其实所谓“项目干系人”，英文称作“Project Stakeholder”，翻译成利益相关者，对其含义就一目了然了。再借用人们常说的一句“与你脱不了干系”，就能明白“干系人”是责任相关者，由此我们就可以引申出“项目干系人”的概念：参与项目的有关各方，其利益会受到项目正面或...
2017-10-12 00:57:00
203
转载 给五年前自己的一封信
用给过去的自己写一封信的方式，与后来人分享过去的心得与体会。是我近来想到的一个不错的分享方式。嘿，哥们儿。恭喜你，今天毕业了。从今天开始，你将独自开始在北京的新生活，不同于以往在学校里的，社会上的生活。我知道你昨晚彻夜未眠，面对自己手里唯一的、还不错的offer，犹豫未决。你想去，因为它在深圳，它是国内通信业的No.1。你不想去，因为它在深圳，你会远离你的父母，远离你在北...
2017-09-06 16:37:00
336
转载 摔一跤明白的道理
十几年没摔过这么大的一个屁股墩儿了。屁股着地，四仰八叉，一百四五十斤的重量落在两个手腕上，差点断了。幸好带了护具，才免于因为敲不了代码写不了文档而失业的风险。是的，我在学轮滑，年近三十给自己找点刺激。去年想学跑酷，玩Parkour，无奈我闪转腾挪怎么看都像野猪上树，遂作罢。今年心血来潮想学学轮滑来刷街，于是有了上面一跤。我自诩读了几年书，多了几年工作经验，知乎上翻了翻教学贴总结了...
2017-09-06 16:32:00
109
转载 JavaScript闭包只学这篇就够了
闭包不是魔法这篇文章使用一些简单的代码例子来解释JavaScript闭包的概念，即使新手也可以轻松参透闭包的含义。其实只要理解了核心概念，闭包并不是那么的难于理解。但是，网上充斥了太多学术性的文章，对于新手来说，看完这些文章可能会更加一头雾水。这篇文章面向的是使用主流开发语言的程序员，如果你能读懂下面这段代码，恭喜你，你可以开始JavaScript闭包的学习之旅了。functio...
2017-08-15 08:14:00
104
转载 2017前端开发手册三-前端职位描述
以下是各种前端职称的列表和说明。最常被大家称呼的两个职位名称是前端开发者或者前端工程师。请记住，只要是称呼中包含前端、client-side、web UI、HTML、CSS或者JavaScript两个字的称呼，一般都说明这个人掌握了一定程度的HTML、CSS、DOM和JavaScript方面的专业知识。这是用来描述一个前端开发人员的通用称呼，代表着他们在某种程度上熟练掌握了HTML，...
2017-08-07 18:47:00
203
转载 2017前端开发手册二-2017年展望
Web Assembly, 获取刚刚到达顶峰。import可能仅仅被用在<script></script>中。通用JavaScript解决方案会继续发展, 致敬过去服务器交付前端的日子(如传送html到客户端)。响应式编程仍然兴盛于JavaScript的使用场景当中(见MobX和RxJS)。React,更准确的说这个概念,将占统治地位。而React本身将...
2017-08-06 21:31:00
84
转载 2017年前端开发手册一-2016前端技术回顾
2017年前端开发手册公布了，从今天开始陆续为大家送上翻译文章。每日一篇，今天是第一篇，是作者对2016年前端圈的一次技术回顾。2016年是UI组件,树的UI组件,用于构建复杂的用户界面。组件是由单个文件构成, 在一个文件可能包含HTML,CSS,JS!--这不再是亵渎主流开发的一句话。React, Redux, Webpack, ECMAScript 2015 (又名 ES...
2017-08-05 21:47:00
105
转载 外卖聚合服务性能测试总结
代码质量过关，性能测试就只是走个过场。上周对目前开发的外卖聚合服务进行了一周的负载及压力测试，收获了一些经验，也积攒了一些教训，和团队中的小伙伴们一起对一款互联网产品上线前的压力测试有了系统的了解与实践，在这里分享一下心得，也借此感谢小伙伴们跟我一起破了连续加班9天的最长记录，如果“有幸”被领导看到，记得给我们加个鸡腿儿，哈哈。既然要求加鸡腿儿，那就得先用成果来说话。指标...
2017-07-25 16:08:00
160
转载 如何启动一个项目
刚刚接触到项目管理中kick-off meeting这个名词，在网上看到这篇文章觉得解释的很清晰，于是就翻译了 一下，分享给大家。作者：Carlos Urrutia。原文在此（需翻墙）在花了几年时间管理各种技术组织的项目经理后，我总是惊讶地发现，许多项目经理都在开始项目的时候犯难。分配给他们一个新项目，在几个星期，有时候甚至是几个月之后，他们都不知道该怎么做才能...
2017-03-07 08:38:00
374
转载 javascript经典面试题之for循环click
经典重现<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> ...
2017-02-21 14:00:00
77
转载 array_unique
方法一：双重遍历双重遍历是最容易想到的去重方案：构建一个新的数组存放结果for循环中每次从原数组取出一个元素，用这个元素循环与结果数组对比若结果数组中没有该元素，则存到结果数组中Array.prototype.unique=function(){ // 构建一个新数组，存放结果 var newArray = [this[0]]; fo...
2017-02-21 13:59:00
200
转载 小程序开发总结
开发前准备本文首先假定开发者已经粗略阅读过微信小程序的开发文档，所以注册小程序的流程就不介绍了。不过需要注意，小程序现在只允许企业用户注册，所以认证需要企业营业执照复印件和加盖公章的小程序申请公函。如果是选择对公账户认证，则不需要公函。另外，如果需要使用微信支付接口，则需要另外进行一次微信认证，这个就必须使用300块的方式了，感觉靠给微信认证的公司就挣钱不少。。。...
2017-02-21 13:58:00
150
转载 每日一练
2017年02月21日今日问题html+css请实现下图所示的导航栏。导航栏 昨日答案数组去重是前端面试中的经典题目，问题看似简单，但通过这个题目就能够分辨出哪些是新手，哪些是老司机；哪些基本功扎实，哪些是代码的搬运工，具体介绍请参照JavaScript数组去重小结 2017年02月20日...
2017-02-21 13:57:00
71
转载 浏览器缓存，想说爱你不容易
今天小微开店宝在测试环境发布更新的时候，同事问：“为什么我需要手动清理浏览器缓存才能看到变更？难道系统上线后也需要客户自己清理浏览器缓存吗！”看来，这个坑需要我来填了。什么是浏览器缓存浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。浏览器缓存的优点有：减少了冗余的数...
2016-06-13 10:02:00
152
转载 使用Compass制作雪碧图
遇见好的文章，笔者也会转载。但是正所谓好记性不如烂笔头，单纯的拿来主义也不如自己的亲自实践。所以每次需要转载的文章，我都会自己敲一遍，中间加入一些自己的思考。这篇文章转载自：http://www.hongkiat.com/blog/compass-image-sprite/作者Thoriq Firdaus译者zEx前端性能优化，一直是前...
2016-02-21 23:54:00
129
转载 攻破难啃的骨头-正则表达式
很多Web开发人员在忽视正则表达式之后，还可以顺利的工作，但很多情况下，一句正确的正则表达式，很有可能省略半屏的代码。正则表达式的解释术语与操作符匹配一类字符释义重复出现预定义字符类分组或操作符反向引用编译正则表达式捕获匹配的片段正则表达式的解释在JavaScrip...
2016-01-27 16:57:00
69
转载 BackBone.js入门教程
废话不说，直入正题。Backbone.js是什么Backbone.js提供了一套web开发框架，通过Models进行key-value绑定及自定义事件处理，通过Collections提供一套丰富的API用于枚举功能，通过Views来进行事件处理及现有的Application通过RESTful JSON接口进行交互，它是基于jQuery和underscore的一个前端js框...
2016-01-22 17:01:00
162
转载 修改radio、checkbox、select默认样式的方法
样式radioselectcheckbox兼容性现在前端页面效果日益丰富，默认的input组件样式显然已经不能满足需求。趁着这次开发的页面中有这方面的需求，在这里整理一下修改radio、checkbox、select的方法。首先上效果图：radio and checkbox修改radio的默认样式有两种常用的方法纯CSS此方法需...
2016-01-21 11:41:00
170
转载 前端进阶-每日一练（4）
本期问题：document.write和innerHTML、innerText有什么区别？jQuery中如何中断each遍历？如何查找数组中的最小值和最大值？如何做到优雅降级，渐进增强？$.fn.extend和$.extend区别是什么？如何收集页面中多个ajax的执行结果？js创建对象有哪几种方...
2016-01-13 14:59:00
105
转载 CSS两列及三列自适应布局方法整理
布局自适应两列三列在传统方法的基础上加入了Flex布局并阐述各方法的优缺点，希望对大家有所帮助。先上目录：两列布局：左侧定宽，右侧自适应方法一：利用float和负外边距方法二：利用外边距方法三：利用position方法四：利用flex布局三列布局：左右定宽，中间自适应。方法一：使用负外边距方法二：使用绝对定位方法三：使用flex布局两...
2016-01-03 20:10:00
177
转载 前端进阶-每日一练（3）
今日问题：实例化一个函数的时候，new关键字的过程是怎样的？什么是js阻塞？下面代码的执行结果是什么？for(var i = 0 ; i < 10; i++){ setTimeout(function(){ console.log(i); }, 0);}昨日解答：如何检测数据是否是数组...
2015-12-31 16:36:00
111
转载 前端进阶-每日一练（2）
如何检测数据是否是数组类型？alert([1,2,3]);结果是什么？arguments.callee.caller是什么意思？jQuery中get()和eq()的区别是什么?setTimeout(function(){alert(1);},0);alert(2);结果的顺序是怎样的？什么是原型和构造器？如何实现两列布局，左侧固定宽度，右侧宽度自适应。如何实现js多线程？...
2015-12-30 21:27:00
127
转载 前端进阶每日一练(1)
前端每日一练请实现一个sort函数，要求调用sort([3,10,5,-2,100]),返回[-2,3,5,10,100]。（注：非JavaScript自带sort方法）CSS中:和::的区别是什么？jQuery中，$("p a") 和 $("p").find("a")的返回值一样吗？如果一样，为什么会有两种写法？jQu...
2015-12-29 16:17:00
96
转载 this、call和apply
thiscallapplythis和其他语言不同，JavaScript的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。this的指向除去不常用的with和eval，this的指向大致可分为以下四种：作为对象的方法调用作为普通函数调用构造器调用...
2015-12-28 02:21:00
81
转载 《JavaScript设计模式与开发实践》-面向对象的JavaScript
设计模式面向对象动态类型语言编程语言按照数据类型大体分为：静态类型语言和动态类型语言。静态类型语言在编译时便已确定变量的类型，而动态类型语言的变量类型要到程序运行时，待变量被赋予某个值之后，才会具有某种类型。在JavaScript中，当我们对一个变量赋值时，显然不需要考虑它的类型，因此JavaScript是一门典型的动态类型语言。动态类型语言对变量...
2015-12-26 00:50:00
96
转载 前端重构总结
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}a:hover { outline: 0;}a:active { outline: 0;}a:hover { color: #005580; text-de...
2015-12-21 17:02:00
172
转载 CSS水平、垂直居中小结
我们在实际工作中经常会遇到需要水平居中或者垂直居中的场景，今天我们就来看一下如何设置水平居中和垂直居中。首先来看水平居中。一、水平居中设置-行内元素。如果被设置元素为文本。图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的。二、水平居中设置-定宽块状元素。当被设置元素为块状元素时用text-align：center就不起作用了，这时也分两种情...
2015-12-20 19:14:00
71
转载 移动互联网媒体建设之我谈
如今移动互联网市场竞争最激烈的要数新闻客户端了，四大门户之间你来我往，难分伯仲；垂直媒体表现中规中矩，新闻聚合模式趋势崛起。想要在竞争激烈的移动客户端市场中崛起，必须做到知己知彼，分析现有移动互联网市场中各个产品的优势和劣势，并融合自己的特色和创意来进行产品的开发和内容建设。不同年龄段，需求属性不同。艾瑞咨询调研数据显示，使用移动互联网浏览新闻的网民，主要集中在25~34和35~...
2015-12-19 20:00:00
89
转载 给新人follow代码想到的
这两天让新人（刚毕业，此前未接触前端）切了个页面，发现了一些问题，联想到自己初入前端的时候因为没人带不可避免的也走了很多弯路，所以借着跟他讲解的机会，在这里把新人切页面中常见的问题和不好的习惯列举一下。首先上psd：他交上来的作业是这样的：首先来分析一下页面上最直观的问题：导航栏hover效果没有加：对于前端工程师这个岗位，仔细！仔细！仔细！重...
2015-12-18 11:06:00
84
转载 H5动画优化之路
H5动画60fps之路在移动端，和Native相比，H5一直都被人吐槽性能差，尤其是在动画方面。谈到整个Web app的生命周期，一般分为四个部分：加载等待用户响应用户动画一般情况下，首屏加载的时间应该小于1s，而响应用户行为的时间应该小于100ms，动画应该达到60fps。这篇文章只针对动画60fps的优化。关键渲染路径动画性能高，从直观上来看是动画没有抖动和卡顿...
2015-12-18 10:22:00
184
转载 CSS3实现气泡效果
以前我们要实现对话气泡效果很麻烦，基本上是用切图的方法。现在有了CSS3就变得简单多了。一个HTML元素，一些CSS3代码，不需要图片，也不需要JavaScript。如下图：主要使用了：before和：after伪类，直接上代码：<!DOCTYPE html><html><head><title></title>...
2015-12-16 16:31:00
483
转载 清除浮动方法总结
本章内容略显陈旧，主要描述如何用浮动替代表格布局，并没有什么出彩的地方。不过其间提到了清楚浮动的几种方法，那么今天就总结一下如何清楚浮动吧。为什么要清除浮动？虽说是清除浮动，其实是清除浮动产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们布局中需要清除浮动的最重要的原因之一。清除浮动的方法：父级div定义height原理：父级div手动定义height，就解决了父...
2015-12-15 14:46:00
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人