- 博客(34)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 外卖聚合服务性能测试经验总结
代码质量过关，性能测试就只是走个过场。上周对目前开发的外卖聚合服务进行了一周的负载及压力测试，收获了一些经验，也积攒了一些教训，和团队中的小伙伴们一起对一款互联网产品上线前的压力测试有了系统的了解与实践，在这里分享一下心得，也借此感谢小伙伴们跟我一起破了连续加班9天的最长记录，如果“有幸”被领导看到，记得给我们加个鸡腿儿，哈哈。 既然要求加鸡腿儿，那就得先用成果来说话。 指标 压测改善前
2017-07-23 14:59:50
1282
原创 2017过去一半了，你的年初计划还在吗？
最近朋友圈被一句话刷屏了：2017年过去一半了，年初的计划实现了多少了？有的人还颇为幽默的配上图，“勇敢”地告诉世界，嗯，我的2017，浪费了一半了。一时间大家互相转发分享，用赞和评论的数量来安慰自己：看，年初的计划我早就忘了，而且大家都一样。我翻看了一下自己年初制定的2017“完美计划”，是的，我也没有多少计划能够坚持到现在，我也是“大家”中的一员。所以我没有像《我的前半生》中的贺涵一样成为咨询公
2017-07-16 22:35:58
940
原创 2017年一季度工作回顾及感悟
回顾入职公司的一年多，很庆幸自己一直在进步。从刚一入职时只用配置开发页面，到现在参与到一个子项目的项目管理工作中，同时使用Vue和Spring Boot进行前后端的开发。责任大了许多，收获也大了许多。工作内容增加的同时，也感受到自己技能储备上的不足，所以在很多方面还需要加强学习。现状分析项目管理：在项目管理的学习上，不能总是凭感觉、凭经验，必须要有理论和技术做支撑才能走的更远。原目标不变，今天通
2017-05-07 10:41:50
1077
翻译 如何启动一个项目
刚刚接触到项目管理中kick-off meeting这个名词，在网上看到这篇文章觉得解释的很清晰，于是就翻译了 一下，分享给大家。作者：Carlos Urrutia。原文在此（需FQ）在花了几年时间管理各种技术组织的项目经理后，我总是惊讶地发现，许多项目经理都在开始项目的时候犯难。分配给他们一个新项目，在几个星期，有时候甚至是几个月之后，他们都不知道该怎么做才能推进他们的项目，而且在这段时间里
2017-03-10 17:30:26
1037
原创 javascript经典面试题之for循环click
经典重现html lang="en">head> meta charset="utf-8"> title>title> script type="text/javascript"> function onMyLoad(){ var arr = document.getElement
2017-03-10 17:30:21
2181
原创 array_unique
方法一：双重遍历双重遍历是最容易想到的去重方案：构建一个新的数组存放结果for循环中每次从原数组取出一个元素，用这个元素循环与结果数组对比若结果数组中没有该元素，则存到结果数组中Array.prototype.unique=function(){ // 构建一个新数组，存放结果 var newArray = [this[0]]; for (var i = 0; ithis.
2017-03-10 17:30:18
1277
原创 小程序开发总结
开发前准备本文首先假定开发者已经粗略阅读过微信小程序的开发文档，所以注册小程序的流程就不介绍了。不过需要注意，小程序现在只允许企业用户注册，所以认证需要企业营业执照复印件和加盖公章的小程序申请公函。如果是选择对公账户认证，则不需要公函。另外，如果需要使用微信支付接口，则需要另外进行一次微信认证，这个就必须使用300块的方式了，感觉靠给微信认证的公司就挣钱不少。。。开发工具介绍我使用的开发
2017-03-10 17:30:16
1295
原创 每日一练
2017年02月21日今日问题html+css请实现下图所示的导航栏。 导航栏 昨日答案数组去重是前端面试中的经典题目，问题看似简单，但通过这个题目就能够分辨出哪些是新手，哪些是老司机；哪些基本功扎实，哪些是代码的搬运工，具体介绍请参照JavaScript数组去重小结 2017年02月20日javascript 今日问题封装一个方法，实现
2017-03-10 17:30:13
227
原创 浏览器缓存，想说爱你不容易
今天小微开店宝在测试环境发布更新的时候，同事问：“为什么我需要手动清理浏览器缓存才能看到变更？难道系统上线后也需要客户自己清理浏览器缓存吗！”看来，这个坑需要我来填了。什么是浏览器缓存浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。浏览器缓存的优点有：减少了冗余的数据传输，节省了
2017-03-10 17:30:08
196
原创 使用Compass制作雪碧图
遇见好的文章，笔者也会转载。但是正所谓好记性不如烂笔头，单纯的拿来主义也不如自己的亲自实践。所以每次需要转载的文章，我都会自己敲一遍，中间加入一些自己的思考。这篇文章转载自：http://www.hongkiat.com/blog/compass-image-sprite/作者Thoriq Firdaus译者zEx前端性能优化，一直是前端开发中非常重要的一环
2017-03-10 17:30:04
623
原创 攻破难啃的骨头-正则表达式
很多Web开发人员在忽视正则表达式之后，还可以顺利的工作，但很多情况下，一句正确的正则表达式，很有可能省略半屏的代码。 正则表达式的解释术语与操作符匹配一类字符释义重复出现预定义字符类分组或操作符反向引用编译正则表达式捕获匹配的片段 正则表达式的解释在JavaScript中，与大多数其他对象
2017-03-10 17:29:59
287
原创 BackBone.js入门教程
废话不说，直入正题。Backbone.js是什么Backbone.js提供了一套web开发框架，通过Models进行key-value绑定及自定义事件处理，通过Collections提供一套丰富的API用于枚举功能，通过Views来进行事件处理及现有的Application通过RESTful JSON接口进行交互，它是基于jQuery和underscore的一个前端js框架。Backb
2017-03-10 17:29:54
393
原创 修改radio、checkbox、select默认样式的方法
样式radioselectcheckbox兼容性现在前端页面效果日益丰富，默认的input组件样式显然已经不能满足需求。趁着这次开发的页面中有这方面的需求，在这里整理一下修改radio、checkbox、select的方法。首先上效果图：radio and checkbox修改radio的默认样式有两种常用的方法纯CSS此方法需借助CSS3，关键CS
2017-03-10 17:29:49
4824
原创 前端进阶-每日一练（4）
本期问题：document.write和innerHTML、innerText有什么区别？jQuery中如何中断each遍历？如何查找数组中的最小值和最大值？如何做到优雅降级，渐进增强？$.fn.extend和$.extend区别是什么？如何收集页面中多个ajax的执行结果？js创建对象有哪几种方式？在
2017-03-10 17:29:44
207
原创 CSS两列及三列自适应布局方法整理
布局自适应两列三列在传统方法的基础上加入了Flex布局并阐述各方法的优缺点，希望对大家有所帮助。先上目录：两列布局：左侧定宽，右侧自适应方法一：利用float和负外边距方法二：利用外边距方法三：利用position方法四：利用flex布局三列布局：左右定宽，中间自适应。方法一：使用负外边距方法二：使用绝对定位方法三：使用flex布局两列布局：左侧定宽，右侧自适应方法一：利用float和负外边距ht
2017-03-10 17:29:40
750
原创 前端进阶-每日一练（3）
今日问题：实例化一个函数的时候，new关键字的过程是怎样的？什么是js阻塞？下面代码的执行结果是什么？for(var i = 0 ; i 10; i++){ setTimeout(function(){ console.log(i); }, 0);}昨日解答：如何检测数据是否是数组类型？答：ES5
2017-03-10 17:29:35
220
原创 前端进阶-每日一练（2）
如何检测数据是否是数组类型？alert([1,2,3]);结果是什么？arguments.callee.caller是什么意思？jQuery中get()和eq()的区别是什么?setTimeout(function(){alert(1);},0);alert(2);结果的顺序是怎样的？什么是原型和构造器？如何实现两列布局，左侧固定宽度，右侧宽度自适应。如何实现js多线程？js统计代
2017-03-10 17:29:30
225
原创 前端进阶每日一练(1)
前端每日一练请实现一个sort函数，要求调用sort([3,10,5,-2,100]),返回[-2,3,5,10,100]。（注：非JavaScript自带sort方法）CSS中:和::的区别是什么？jQuery中，$("p a") 和 $("p").find("a")的返回值一样吗？如果一样，为什么会有两种写法？jQuery中append
2017-03-10 17:29:25
217
原创 this、call和apply
thiscallapplythis和其他语言不同，JavaScript的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。this的指向除去不常用的with和eval，this的指向大致可分为以下四种：作为对象的方法调用作为普通函数调用构造器调用Function.p
2017-03-10 17:29:21
199
原创 《JavaScript设计模式与开发实践》-面向对象的JavaScript
设计模式面向对象动态类型语言编程语言按照数据类型大体分为：静态类型语言和动态类型语言。静态类型语言在编译时便已确定变量的类型，而动态类型语言的变量类型要到程序运行时，待变量被赋予某个值之后，才会具有某种类型。在JavaScript中，当我们对一个变量赋值时，显然不需要考虑它的类型，因此JavaScript是一门典型的动态类型语言。动态类型语言对变量类型的宽容给实际编码带
2017-03-10 17:29:16
199
原创 前端重构总结
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-decorati
2017-03-10 17:29:11
532
原创 CSS水平、垂直居中小结
我们在实际工作中经常会遇到需要水平居中或者垂直居中的场景，今天我们就来看一下如何设置水平居中和垂直居中。首先来看水平居中。一、水平居中设置-行内元素。如果被设置元素为文本。图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的。二、水平居中设置-定宽块状元素。当被设置元素为块状元素时用text-align：center就不起作用了，这时也分两种情况：定宽块
2017-03-10 17:29:06
169
原创 移动互联网媒体建设之我谈
如今移动互联网市场竞争最激烈的要数新闻客户端了，四大门户之间你来我往，难分伯仲；垂直媒体表现中规中矩，新闻聚合模式趋势崛起。想要在竞争激烈的移动客户端市场中崛起，必须做到知己知彼，分析现有移动互联网市场中各个产品的优势和劣势，并融合自己的特色和创意来进行产品的开发和内容建设。不同年龄段，需求属性不同。艾瑞咨询调研数据显示，使用移动互联网浏览新闻的网民，主要集中在25~34和35~44这两个年
2017-03-10 17:29:01
172
原创 给新人follow代码想到的
<!--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: #0055
2017-03-10 17:28:57
377
原创 H5动画优化之路
H5动画60fps之路在移动端，和Native相比，H5一直都被人吐槽性能差，尤其是在动画方面。谈到整个Web app的生命周期，一般分为四个部分：加载等待用户响应用户动画一般情况下，首屏加载的时间应该小于1s，而响应用户行为的时间应该小于100ms，动画应该达到60fps。这篇文章只针对动画60fps的优化。关键渲染路径动画性能高，从直观上来看是动画没有抖动和卡顿，从数字上
2017-03-10 17:28:54
1735
原创 CSS3实现气泡效果
以前我们要实现对话气泡效果很麻烦，基本上是用切图的方法。现在有了CSS3就变得简单多了。一个HTML元素，一些CSS3代码，不需要图片，也不需要JavaScript。如下图：主要使用了：before和：after伪类，直接上代码：html> type="text/css">#demo{position: relative;width: 200px;height: 100
2017-03-10 17:28:49
2684
原创 清除浮动方法总结
本章内容略显陈旧，主要描述如何用浮动替代表格布局，并没有什么出彩的地方。不过其间提到了清楚浮动的几种方法，那么今天就总结一下如何清楚浮动吧。为什么要清除浮动？虽说是清除浮动，其实是清除浮动产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们布局中需要清除浮动的最重要的原因之一。清除浮动的方法：父级div定义height原理：父级div手动定义height，就解决了父级div无法
2017-03-10 17:28:44
200
原创 静态页面参数传递&回调函数写法&快速排序的实现方法
相信很多人都有一种陋习，就是收藏的文章，几乎从来都没有回过头来仔细看过。这次借着这次活动的机会，在《无懈可击的web设计》一书的学习过程中，穿插着讲自己曾经收藏过的，现在觉得还有价值的文章再看一遍，并记录笔记。努力做到：收藏 是因为自己看过了，懂了，怕忘掉而收藏，不是收藏了告诉自己，有空再看。一、《利用js方法实现html静态页面间参数传递》aa.html是参数输入界面bb.html是参数
2017-03-10 17:28:39
308
原创 使用SeaJS实现模块化JavaScript开发（新）
本文转自张洋，因为SeaJS更新版本很快，所以原文中很多地方不太适用，在这里发布一个更新版。前言 SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。使用SeaJS可以提高JavaScript代码的可读性和清晰度，解决目前JavaScript编程中普遍存在的依赖关系混乱和代码纠缠等问题，方便代码的编写和维护。Se
2017-03-10 17:28:35
314
原创 《无懈可击的Web设计》_灵活的文字
常见的方法body{ font-size:12px;}使用像素单位的优点：不管使用哪种浏览器或者设备来查看，文字看起来都大小一致。为什么这么做不是无懈可击的？以像素为单位设定文字大小之后，Windows平台上的IE用户无法随意改变浏览器文字大小。不适合响应式开发我们有哪些选择？长度单位em:相对于父元素的字体大小ex:相对于特定字体中字母x的高度px:相
2017-03-10 17:28:30
249
原创 深入探究JavaScript中的比较问题
先用最近遇到的几个问题做引子： 1 console.log(null==undefined); //true 2 console.log(null==false);//false 3 console.log(null==0);//false 4 console.log(0==undefined);//false 5 console.log(false=
2017-03-10 17:28:25
231
原创 ios解决输入框弹出后position:fixed失效问题
最近在使用AmazeUI进行仿App Mobile Web开发时遇到了讨论众多的position:fixed问题。position:fixed在安卓2.2以上已经实现，但是在ios8以下系统当小键盘激活时，会出现位置错位的问题。如下图：受到CSDN上刘华童鞋（http://my.csdn.net/liu__hua）的启发，找到了目前位置比较完美的解决方案。DOCTYPE htm
2017-03-10 17:28:20
5130
1
原创 hairline！ios实现边框0.5px
在2014WWDC上，Ted O’Connor提出了“retina hairlines”的解决方案，即在ratina屏幕上可以显示0.5px宽度的边框。他的方案是这样的： 1 Standard border syntax： 2 div{ 3 border:1px solid black; 4 } 5 Retina hairline border syntax
2017-03-10 17:28:18
949
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人