分类目录归档：全部列表

2017
12-20

CSS工程化演进

CSS技术的演进CSS是Web开发中不可或缺的一部分，在前端工程化的不断进步的今天，一方面在CSS特性随着规范的升级越来越丰富，另一方面，前端业务复杂性的增加带来的工程愈加庞大，驱使者开发者不断寻找CSS工程化的最佳实践。Web开发模块化趋势不可否认，无论从现代前端框架（React，Vue，Angular，Polymer等），还是从W3C的WebComponents草案看来，组件化已经是前端开发的主流之选和未来的发展方向，正... 继续阅读 >

2017
12-20

老司机常用的几个JavaScript调试技巧

1.debugger除了console.log,debugger是我们最喜欢、快速且肮脏的调试工具。执行代码后，Chrome会在执行时自动停止。你甚至可以把它封装成条件，只在需要时才运行。if(thisThing){debugger;}2.用表格显示对象有时，有一组复杂的对象要查看。可以通过console.log查看并滚动浏览，亦或者使用console.table展开，更容易看到正在处理的内容！varanimals=[{animal:'Horse',name:'Henry',ag... 继续阅读 >

2017
12-17

Github分享：精心收集的48个JavaScript代码片段，仅需30秒就可理解！

该项目来自于Github用户Chalarangelo（文末有项目完整地址，原版为英文），目前已在Github上获得了3000多Star，精心收集了多达48个有用的JavaScript代码片段，该用户的代码可以让程序员在30秒甚至更少的时间内理解这些经常用到的基础算法，来看看这些JavaScript代码都传达出了什么吧！Anagramsofstring（带有重复项）使用递归。对于给定字符串中的每个字母，为字母创建字谜。使用map（）将字母与每部分字谜组合，... 继续阅读 >

2017
12-17

解读 JavaScript 之 V8 引擎及优化代码的 5 个技巧

几个星期前，我们开始了一系列旨在深入研究JavaScript及其实际工作方式的系列文章：我们认为通过了解JavaScript的构建块以及它们如何一起协作的，你将能够编写更好的代码和应用程序。本系列的第一篇文章重点介绍了引擎，运行时和调用堆栈的概述。第二篇文章将深入到GoogleV8JavaScript引擎的内部。我们还将提供一些关于如何编写更好的JavaScript代码的快速技巧-我们的 SessionStack开发团队在构建产品时... 继续阅读 >

2017
12-15

管理 Node.js 进程从未如此优雅

说到Node.js的进程模型，脑子里第一个闪现的可能是Cluster模块，亦或是Master/Worker进程模型，在长期的使用过程中，我们逐渐发现，这样在应用的开发早晚会有局限性，除了不够优雅之外，每次增减进程或者自定义进程都会产生不可预知的问题。在一些特定的场景下，我们甚至在Master下面加入了一个Agent进程用来运行一些中间件SDK。在这些修修补补的过程中，传统的进程间通信，数据交换都变的困难，甚至Wor... 继续阅读 >

2017
12-13

Python实现数据结构常见算法

本文主要介绍了数据结构中的八大排序算法，利用Python分别将他们进行实现。前言八大排序，三大查找是《数据结构》当中非常基础的知识点，在这里为了复习顺带总结了一下常见的八种排序算法。常见的八大排序算法，他们之间关系如下：排序算法他们的性能比较：性能比较下面，利用Python分别将他们进行实现。直接插入排序算法思想：直接插入排序直接插入排序的核心思想就... 继续阅读 >

2017
12-13

67 个拯救前端开发者的工具、库和资源 - SDK.CN - 中国领先的开发者服务平台

67个拯救前端开发者的工具、库和资源摘要：在本文中，我不会去谈React、Angular、Vue等等这些大的前端框架，也不会谈Atom、VScode、Sublime等等这些已经很出名的代码编辑器，我只是想简单的分享一套我认为有助于提升开发者工作流的工具集。这套工具集中的大部分你可能见过，也可能没见过，如果有哪个/些让你眼前一亮，那么我的分享就很值了。本文由myvin在众成翻译平台翻译。在本文中，我不会去谈React... 继续阅读 >

2017
12-11

函数式编程中的 “函数们”

函数式编程中函数有三种不同的解读方式，分别为纯函数、高阶函数和一等函数。本文分别对这三者的概念、应用和联系进行详解。纯函数定义：1.相同的输入必定产生相同的输出2.在计算的过程中，不会产生副作用满足上述两个条件，我们就说该函数是纯函数。纯函数也即数学意义上的函数，表达的是数据之间的转换（映射）关系，而非计算步骤的详述。数学函数的定义：函数通常由定义域X、值域Y，以及... 继续阅读 >

2017
12-11

你所不知道的Java之HashCode

之所以写HashCode，是因为平时我们总听到它。但你真的了解hashcode吗？它会在哪里使用？它应该怎样写？相信阅读完本文，能让你看到不一样的hashcode。使用hashcode的目的在于：使用一个对象查找另一个对象。对于使用散列的数据结构，如 HashSet、HashMap、LinkedHashSet、LinkedHashMap ，如果没有很好的覆写键的hashcode()和equals()方法，那么将无法正确的处理键。 请对以下代码中 Person&nb... 继续阅读 >

2017
12-08

Android的延迟实现的几种解决方案以及原理分析

写这篇文章的目的，是看到群里有人在实现延迟的时候，用如下的第四种方法，个人感觉有点不妥，为了防止更多的人有这种想法，所以自己抽空深入分析，就分析的结果，写下此文，希望对部分人有启示作用。1.实现延迟的几种方法？答：1.java.util.Timer类的：publicvoidschedule(TimerTasktask,longdelay){if(delay<0)thrownewIllegalArgumentException("Negativedelay.");... 继续阅读 >

2017
12-08

ES6和Babel你不知道的事儿

因babel的版本从5升级到6有很多改动，比如babel本身不再提供任何transform的工作，都需要借助插件来完成，本文的所有讨论都是建立在babel6之上的。如果只想看结论，直接跳到文章最后。---写在前面ES6即ECMAScript6，是前端开发的JS最新规范，现在大家的开发都在使用ES6，对此并不陌生了。只是浏览器对ES6的支持并不完整，想要更好让ES6在各个平台完美运行还需一番折腾，特此一叙。下图是ES6的浏览器兼容性一览表（已ES6... 继续阅读 >

2017
12-08

WebSocket探秘

首先长连接：一个连接上可以连续发送多个数据包，在连接期间，如果没有数据包发送，需要双方发链路检查包。TCP/IP：TCP/IP属于传输层，主要解决数据在网络中的传输问题，只管传输数据。但是那样对传输的数据没有一个规范的封装、解析等处理，使得传输的数据就很难识别，所以才有了应用层协议对数据的封装、解析等，如HTTP协议。HTTP：HTTP是应用层协议，封装解析传输的数据。从HTTP1.1开始其实就默认开启了... 继续阅读 >

2017
12-08

程序员编程10大原则

1.想清楚，再动手写代码刚入行的新手，为了展示自己的能力，拿到需求迫不及待地就开始上手写代码，大忌！2.不交流，就会头破血流不爱说话和沟通，需求都理解错误了，最后做出来才发现，只能加班返工！3.一定要写注释时间久了，你会连自己的代码都看不懂！4.文档没人看，但还是要写文档的作用大部分时候不是用来沟通的，是用来做记录的，大部分需求还是通过口头沟通，但是不写文档做记... 继续阅读 >

2017
12-06

如何阅读计算机科学类的书

作为一个研发工程师，无论你是否喜爱阅读，相信你都一定读过不少关于计算机技术的书籍。这其中不乏《21天学会JAVA》这样的语言入门书籍，也有《算法导论》这样的专题书籍，也有《人月神话》这样关于软件管理学的实用性的书籍。也许你已经读过他们中的大部分，也许你现在还在不断地购入新的书籍来补充你的知识库。但请稍等一下，你是否思考过这样的问题，面对大量的计算机科学书籍，你是否都真正读懂了它们呢？有多少本书，当... 继续阅读 >

2017
12-06

为什么你参加了那么多培训，却依然表现平平？

有个刚毕业的小伙伴想提升英文能力，问我有没有相关的培训，于是有了下面这段对话：“你觉得提升英语最重要的是什么？”“多练习。”“你的客户、用户大都是老外，你团队里面所有人都能讲英文，你有很多机会练呢。”“我现在英文不够好，还不能和他们沟通。”“那如何才能让你的英文够好呢？”“多练习。”不难看出，这个对话是死循环... 继续阅读 >

2017
12-06

Redis 数据类型及应用场景

一、redis特点所有数据存储在内存中，高速读写提供丰富多样的数据类型：string、hash、set、sortedset、bitmap、hyperloglog提供了AOF和RDB两种数据的持久化保存方式，保证了Redis重启后数据不丢失Redis的所有操作都是原子性的，还支持对几个操作合并后的原子性操作，支持事务通常我们都把数据存到关系型数据库中，但为了提升应用的性能，我们应该把访频率高且不会经常变动的数据缓存到内存中。... 继续阅读 >

2017
12-06

四种常见的 POST 提交数据方式

HTTP/1.1协议规定的HTTP请求方法有OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT这几种。其中POST一般用来向服务端提交数据，本文主要讨论POST提交数据的几种方式。我们知道，HTTP协议是以ASCII码传输，建立在TCP/IP协议之上的应用层规范。规范把HTTP请求分为三个部分：状态行、请求头、消息主体。类似于下面这样：BASH<method><request-URL><version><headers><entity-body>协议规定... 继续阅读 >

2017
12-06

项目中常用的19条MySQL优化

声明一下：下面的优化方案都是基于“Mysql-索引-BTree类型”的一、EXPLAIN做MySQL优化，我们要善用EXPLAIN查看SQL执行计划。下面来个简单的示例，标注(1,2,3,4,5)我们要重点关注的数据type列，连接类型。一个好的sql语句至少要达到range级别。杜绝出现all级别key列，使用到的索引名。如果没有选择索引，值是NULL。可以采取强制索引方式key_len列，索引长度rows列，扫描行数。该值是个预估值ex... 继续阅读 >

2017
12-06

这么多前端优化点你都记得住吗？

围绕前端的性能多如牛毛，涉及到方方面面，以下我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列。注意，是罗列不是展开，遇到不会不懂的点还请站外扩展。开车速度有点快，坐稳了。tips:这么多前端优化点你都记得住吗？反正我是收藏起来备查的。PC浏览器前端优化策略PC端优化的策略很多，如YSlow（YSlow是Yahoo发布的一款Firefox插件，现Chrome也可安装，可以对网站的页面性能进行分析，提... 继续阅读 >

2017
12-04

（译）TensorFlow 广度和深度学习的教程

TensorFlow在训练深度神经网络方面效果也很好，那么你可能会考虑该如何取舍它的功能了–可是，为什么不选择两者兼得呢？那么，是否可以将两者的优势结合在一个模型中呢？在这篇文章中，我们将会介绍如何使用TF.LearnAPI同时训练一个广度线性模型和一个深度前馈神经网络。这种方法结合了记忆和泛化的优势。它在一般的大规模回归和具有稀疏输入特性的分类问题（例如，分类特征存在一个很大的可能值域）上很有效。如果你... 继续阅读 >

2017
12-04

开发更好用的 JavaScript 模块

不少人都曾经在 npm 上发布过自己开发的JavaScript模块，而在使用一些模块的过程中，我经常产生“这个模块很有用，但如果能xxx就更好了”的想法。所以，本文将站在模块使用者的角度总结一下，如何能让模块变得更好用。提供ES6模块的入口webpack和rollup都支持对ES6模块做一些静态优化（例如 TreeShaking 和ScopeHoisting），它们都会优先读取package.json中的 module ... 继续阅读 >

2017
11-30

iOS面试题：阿里-P6一面-参考思路

阿里-p6-一面 1.介绍下内存的几大区域？2.你是如何组件化解耦的？3.runtime如何通过selector找到对应的IMP地址4.runloop内部实现逻辑？5.你理解的多线程？6.GCD执行原理？7.怎么防止别人反编译你的app？8.YYAsyncLayer如何异步绘制？9.优化你是从哪几方面着手？1.介绍下内存的几大区域？1.栈区(stack)由编译器自动分配并释放，存放函数... 继续阅读 >

2017
11-30

Lens: 从入门到再次入门

类型补全计画从上一篇我们可以看出，Lens就是整合在一起的 Getter 和 Setter ，借助 set , over , view 这三个函数，我们可以分别使用Lens的 Getter 和 Setter 。但是我们目前的Lens类型定义并不是完整的，因此我们首先对Lens的类型进行补全。typeLenssa=Functorf=>(a->fa)->(s->fs)首先让我们看这样一个例子：... 继续阅读 >

2017
11-30

Vue 升级小记

Vue升级小记最近接手了一个Vue1.0的陈年老项目，需要将其升级到Vue2.0。下面记录一下升级过程：安装迁移工具首先需要安装 vue-migration-helper CLI工具：控制台运行命令： npminstall--globalvue-migration-helper CLI工具来帮助项目从Vue1.x迁移到2.x。它扫描文件以查找特定于Vue的代码，并对需要升级的代码提供详细的警告。 vue-migration-helper ... 继续阅读 >