分类目录归档：全部列表

2017
06-30

整洁代码之道——重构

写在前面现在的软件系统开发难度主要在于其复杂度和规模，客户需求也不再像WinstonRoyce瀑布模型期望那样在系统编码前完成所有的设计满足用户软件需求。在这个信息爆炸技术日新月异的时代，需求总是在不断的变化，随之在2001年业界17位大牛聚集在美国犹他州的滑雪胜地雪鸟（Snowbird）雪场，提出了“Agile”（敏捷）软件开发价值观，并在他们的努力推动下，开始在业界流行起来。在《代码整洁之道》一书中提出：一种软件质... 继续阅读 >

2017
06-27

JavaScript中的惰性数组介绍

今天我要介绍的是lazy-arr，它给JavaScript中带来了惰性数组。什么是惰性数组，它为什么有用？我们来重现一下你第一次面试软件工程师时的题目：写一个斐波纳契函数。我们明确了0和1的基本情况，然后递归生成剩下的：letfib=n=>{switch(n){case0:return0case1:return1default:returnfib(n-1)+fib(n-2)}}小菜一碟。这种解决方案有什么问题吗？还用说么-效率真的真... 继续阅读 >

2017
06-27

Redis高级功能 - 慢查询日志

Redis提供了5种数据结构,但除此之外,Redis还提供了注入慢查询分析,RedisShell、Pipeline、事务、与Lua脚本、Bitmaps、HyperLogLog、PubSub、GEO等附加功能,这些功能可以在某些场景发挥很重要的作用.慢查询分析许多存储系统(如:MySQL)提供慢查询日志帮助开发与运维人员定位系统存在的慢操作.所谓慢查询日志就是系统在命令执行前后计算每条命令的执行时间,当超过预设阈值,就将这条命令的相关信息(例... 继续阅读 >

2017
06-25

庖丁解牛：GIF图片原理和储存结构

GIF是一种使用LZW压缩，支持多张图像的容器。支持256色，透明通道为1bit。作为互联网表情包的载体，GIF这项80年代的技术依然生生不息。但它的弊端也是显而易见的：易出现毛边，色彩表现低劣，文件压缩比不高。针对这些问题，Mozilla发布了APNG来代替老旧的GIF技术，同时许多开源组件也用WebP格式来代替GIF。GIF在iOS的尴尬处境长久以来，iOS一直被吐槽不能用GIF。造成这一局面的主要原因是：iOS关于照片的... 继续阅读 >

2017
06-25

不朽经典，无我编程的十大戒律

无我编程的十大戒律最早出现在1971年GeraldWeinberg出版的《程序开发心理学》里。后由StackOverflow网站的联合创始人JeffAtwood在博客中整理列出。虽然过去了几十年，但这些经典原则仍值得每一位程序员拜读。 1、理解并接受自己会犯错的事实–犯错无法避免，关键要在错误进入生成环境前及时找出。幸好除了一小部分需要在JPL（喷气推进实验室）开发火箭指导软件的程序员外，大部分程序员都不... 继续阅读 >

2017
06-22

使用浏览器开发者工具检查CSS动画性能

本文是我们和SiteGround一起合作的系列之一。感谢我们的合作伙伴，有了你们，SitePoint才成为可能。CSS动画的性能可以非常好。虽然对简单动画和少部分元素来说这是事实，但是如果你不注意编写高性能的动画代码，额外增加了很多复杂性，网站用户很快就会注意到（动画性能很差），并产生厌恶。本文里，我会介绍一些有用的开发者工具，来帮助我们调试，理解CSS动画背后的机制。通过这些方法，当一个动画效果看起来不... 继续阅读 >

2017
06-20

文件上传那些事儿

导语正好新人导师让我看看能否把产品目前使用的FileUploader从老的组件库分离出来的，自己也查阅了相关的各种资料，对文件上传的这些事有了更进一步的了解。把这些知识点总结一下，供自己日后回顾，也供有需要的同学参考，同时也欢迎各位大牛拍砖指点共同学习。FileUpload对象在网页上传文件，最核心元素就是这个HTMLDOM的FileUpload对象了。什么鬼？好像不太熟啊~别急，看到真人就熟了：<inputtype="file">... 继续阅读 >

2017
06-20

Node.js Color 模块实现入门浅析

Node.js中有不少常用的Color模块，例如chalk、colors.js、cli-color等，通过这些模块我们输出各种带颜色、方面区分或者更酷的日志以及CLI工具提示。那么今天带大家简单了解一下Color模块的实现。ANSIescapecode与前端上对元素内的文字加上了CSS修饰一样。terminal中输出的文字包含颜色也是因为文字的数据跟随了颜色描述的数据。而要了解terminal上的颜色，首先需要了解ANSIescapecod... 继续阅读 >

2017
06-20

Python装饰器为什么难理解？

无论项目中还是面试都离不开装饰器话题，装饰器的强大在于它能够在不修改原有业务逻辑的情况下对代码进行扩展，权限校验、用户认证、日志记录、性能测试、事务处理、缓存等都是装饰器的绝佳应用场景，它能够最大程度地对代码进行复用。但为什么初学者对装饰器的理解如此困难，我认为本质上是对Python函数理解不到位，因为装饰器本质上还是函数函数定义理解装饰器前，需要明白函数的工作原理，我们先从一个最简单函... 继续阅读 >

2017
06-20

JavaScript 新手的踩坑日记

引语在1995年5月，Eich大神在10天内就写出了第一个脚本语言的版本，JavaScript的第一个代号是Mocha，MarcAndreesen起的这个名字。由于商标问题以及很多产品已经使用了Live的前缀，网景市场部将它改名为LiveScript。在1995年11月底，Navigator2.0B3发行，其中包含了该语言的原型，这个版本相比之前没有什么大的变化。在1995年12月初，Java语言发展壮大，Sun把Java的商标授权给了网景。这个语言被再次改名，变成了最... 继续阅读 >

2017
06-17

JavaScript 最新特性实现的三大黑科技

依次执行多项异步任务有时候，我们希望批量执行一组异步任务，但是不是并行，而是依次执行，这组任务是动态的，在一个数组里，当然我们可以用for循环然后一个一个await执行，但是还有另外一种方式：JSBinonjsbin.com在上面的例子里，我们定义了一个taskReducer：asyncfunctiontaskReducer(promise,action){letres=awaitpromise;returnaction(res);}这个reducer的两个参数是promis... 继续阅读 >

2017
06-14

WebView性能、体验分析与优化

在App开发中，内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用，也可以冠冕堂皇的突破苹果对热更新的封锁。然而便利性的同时，WebView的性能体验却备受质疑，导致很多客户端中需要动态更新等页面时不得不采用其他方案。以发展的眼光来看，功能的动态加载以及三端的融合将会是大趋势。那么如何克服WebView固有的问题呢？我们将从性能、内存消耗、体验、安全几个维度，来系统的分析客户端默... 继续阅读 >

2017
06-14

JavaScript异步进化史

前言JS中最基础的异步调用方式是callback，它将回调函数callback传给异步API，由浏览器或Node在异步完成后，通知JS引擎调用callback。对于简单的异步操作，用callback实现，是够用的。但随着负责交互页面和Node出现，callback方案的弊端开始浮现出来。Promise规范孕育而生，并被纳入ES6的规范中。后来ES7又在Promise的基础上将async函数纳入标准。此为JavaScript异步进化史。同步与异步... 继续阅读 >

2017
06-14

JavaScript六种继承方式

继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的原型链首先得要明白什么是原型链，在一篇文章看懂proto和prototype的关系及区别中讲得非常详细原型链继承基本思想就是让一个原型对象指向另一个类型的实例functionSuperType(){this.property=true}SuperType.prototype.getSuperValue=function(){returnthis.property}functio... 继续阅读 >

2017
06-09

简单高效的实现Android App全局字体替换

AndroidO推出了一项新的功能「FontsinXML」，借助这项功能，我们能够像使用其他资源文件一样使用字体，比较方便地实现App全局字体的替换。为了能够在API14或者以上的设备上使用FontsinXML特性，我们需要使用到SupportLibrary26。更多的内容可以参考「使用SupportLibrary」小节。在AndroidStudio中按照如下步骤将字体作为资源文件添加至工程：右键单击项目的app/res文件夹，然后选择New>An... 继续阅读 >

2017
06-08

三个案例看Nginx配置安全

之前在Sec-News中推荐了一个开源程序https://github.com/yandex/gixy，作用是来检测Nginx配置文件中存在的问题。正好Pwnhub上周的比赛也出现了一道题，包含由Nginx配置错误导致的漏洞。所以我挑选我觉得比较有趣，而且很有可能犯错误的三个典型案例，来说说Nginx配置文件的安全。另外，本文所涉及的三个案例，均已上线到Vulhub（https://github.com/phith0n/vulhub/tree/master/nginx/insecure-configuration），阅... 继续阅读 >

2017
06-08

近几年工作经验中总结的JavaScript使用技巧

本文作者分享了作者近几年工作中的经验总结的js使用技巧，1.ajax接收JSON，需要用eval转化为字符串，2.ajax发出两个请求，使用同步解决问题，数组合并等1、如果ajax返回单一的json格式，接收方需要这样再格式化一下赋值：varstr=eval("("+msg+")");开发引用：///<referencepath="http://x.autoimg.cn/as/static/js/jquery-1.7.2.min.js"/>2、如果ajax同发出两个以上的请求时，返回的状态会串，... 继续阅读 >

2017
06-07

八大排序算法实战：思想与实现

摘要：所谓排序，就是根据排序码的递增或者递减顺序把数据元素依次排列起来，使一组任意排列的元素变为一组按其排序码线性有序的元素。本文将介绍八种最为经典常用的内部排序算法的基本思想与实现，包括插入排序(直接插入排序，希尔排序)、选择排序(直接选择排序，堆排序)、交换排序(冒泡排序，快速排序)、归并排序、分配排序(基数排序)，并给出各种算法的时间复杂度、空间复杂度和稳定性。  友情提示：... 继续阅读 >

2017
06-07

CSS常见布局解决方案

说起css布局，那么一定得聊聊盒模型，清除浮动，position，display什么的，但本篇本不是讲这些基础知识的，而是给出各种布局的解决方案。水平居中布局首先我们来看看水平居中1.margin+定宽<divclass="parent"><divclass="child">Demo</div></div><style>.child{width:100px;margin:0auto;}</style>相必是个前端都见过，这定宽的水平居中，我们还可以用下面这种来实现不定宽的2... 继续阅读 >

2017
06-07

前端必知的Emmet实用操作

这是一篇介绍Emmet的文章，Emmet是专为我们前端开发人员设计的一个工具，可以大大提高您的HTML和CSS工开发效率。可以说是前端开发的神器之一Emmet简介作为一个前端，你肯知道在前端开发的过程中，一大部分的工作是写HTML、CSS代码。特别是手动编写HTML代码的时候，效率会特别低下，因为需要敲打很多尖括号，而且很多标签都需要闭合标签等。于是，就有了Emmet（前身为ZenCoding）。(当然这是以前的情况，现在... 继续阅读 >

2017
06-07

软件架构设计中要注意的六个方面

今天和师弟聊天聊到他们项目开发，有些同事总是提前考虑性能优化，需求变更又是一大堆的重写，让我想起了DonaldKnuth提到的：对软件的过早地优化是万恶的根源。这里就简单的说几条重要的软件名人哲学。1：软件中唯一不变的就是变化。在软件开发过程中需求是不停的变化，随着客户对系统的认识，和现有开发功能和软件的认识，也许以开始他提出的需求就是背离的。记得网上有一句笑话，师说需求变化的：程序员XX... 继续阅读 >

2017
06-07

谁跟你说编程就是高技术含量的事情了？

题图是技术含量最高的乐高积木之一，一套玩具里面居然有好几个博士，一位演员，和一个硕士（这是咋混进来的）。知乎这两天有个问题很好玩，“美国程序员行业高收入还能维持多久？”，提问者很担心，因为现在在美国程序员的收入水平很高。而他觉得编程的门槛儿并不高，他怕这种状态持续不久，毕竟他是一个程序员。然而，这样的问题马上触动了一些人敏感的神经，有人说，“至于编程不是什么难事，这... 继续阅读 >

2017
06-07

别让IT培训机构毁了你这一辈子

我在北京摸爬滚打这么多年，也算是IT界的老人了，最近，经常有老家的同学打来电话。有位同学说他侄子高中快毕业了，成绩不太理想，只能考上一所三流大学。他听说北京有很多IT培训机构，而且孩子对电脑这方面比较感兴趣，而且他听说培训出来的学生在北京挣钱也不少。现在大学生找不到工作，所以想让孩子去培训机构学一门技术，早点挣钱。我回答他:如果你侄子是我侄子，那么我会坚决要让他考大学，上培训机构的话，孩子这... 继续阅读 >

2017
06-07

一名 40 岁“老”程序员的反思

本文是国外一位40岁“老”程序员对职业生涯的思考，他认为从长远来看，应该多投资一些不容易过期、衰竭期较长的知识领域中。译文大意如下。我是一名程序员，几个月前刚过完四十岁生日。某个星期六的早晨，我参加了一个ReactNative技术交流会，演讲者正在竭力说服我们为什么它会成为移动开发领域真正的下一个大事件。但对我来说，它有点像十五年前的jsp，将所有的逻辑都放在演示代码里面。但我“... 继续阅读 >