分类目录归档：全部列表

2017
07-10

八年iOS老开发的五点心得

本文作者从2009年开始进行iOS系统的开发工作，中间参与开发了无数款应用。本文就是结合他多年心得，总结出的一些能够让应用开发更高效、更有趣且更具可维护性的方法。1、保持源生如果代码保持源生平台，就不会真正出错。任何跨平台的技术都可能会增加复杂性，并有可能给项目引入bug。此外，报告的实际节省时间差异也很大。目前，我们只听说过有大型项目因跨平台而感到后悔，而未曾听说过大型项目因保持源生而感到后悔的... 继续阅读 >
2017
07-10

12个令人惊叹的JavaScript技巧

原文:12AmazingJavaScriptShorthandTechniques译者:Fundebug在这里我把使用多年的奇淫技巧给大家分享出来，教大家写出更加简洁的代码。1.空(null,undefined)验证当我们创建了一个新的变量，我们通常会去验证该变量的值是否为空(null)或则未定义(undefined)。这对于JavaScript编程来说，是一个经常要考虑到的验证。如果直接写，那么像下面这样：if(variable1!==null||variable1!==u... 继续阅读 >
2017
07-06

JavaScript 进阶之深入理解数据双向绑定

前言谈起当前前端最热门的js框架，必少不了Vue、React、Angular，对于大多数人来说，我们更多的是在使用框架，对于框架解决痛点背后使用的基本原理往往关注不多，近期在研读Vue.js源码，也在写源码解读的系列文章。和多数源码解读的文章不同的是，我会尝试从一个初级前端的角度入手，由浅入深去讲解源码实现思路和基本的语法知识，通过一些基础事例一步步去实现一些小功能。本场Chat是系列Chat的开篇，我会首... 继续阅读 >
2017
07-06

从iOS的图片圆角想到渲染

圆角是一种很常见的视图效果，相比于直角，它更加柔和优美，易于接受。设置圆角会带来一定的性能损耗，如何提高性能是一个需要重点讨论的话题。大家常见的圆角代码x.layer.cornerRadius=xx;x.clipsToBounds=YES;这两行确实实现了圆角视觉效果。其实使用x.layer.cornerRadius=xx;已经实现了圆角，只不过在某些控件是不生效的，因为某些图层在被切割圆角图层之上而被显示出来了。而x.clipsToBounds=YES;带来的... 继续阅读 >
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... 继续阅读 >