- 博客(51)
- 资源 (91)
- 收藏
- 关注
RSS订阅转载 ES6 的解构赋值前每次都创建一个对象吗？会加重 GC 的负担吗？
本文来源于知乎上的一个提问。为了程序的易读性，我们会使用 ES6 的解构赋值：function f({a,b}){}f({a:1,b:2});这个例子的函数调用中，会真的产生一个对象吗？如果会，那大量的函数调用会白白生成很多有待 GC 释放的临时对象，那么就意味着在函数参数少时，还是需要尽量避免采用解构传参，而使用传统的：function f(a,b){}f(1,2);上面的描述...
2018-10-21 11:48:30
174
转载 详解 JS 中 new 调用函数原理
JavaScript 中经常使用构造函数创建对象（通过 new 操作符调用一个函数），那在使用 new 调用一个函数的时候到底发生了什么？先看几个例子，再解释背后发生了什么。1）看三个例子1.1 无 return 语句构造函数最后没有 return 语句，这也是使用构造函数时默认情况，最后会返回一个新对象，如下：function Foo(age) { this.age = age;}...
2018-10-21 11:18:18
234
转载 util.promisify 的那些事儿
util.promisify是在node.js 8.x版本中新增的一个工具，用于将老式的Error first callback转换为Promise对象，让老项目改造变得更为轻松。 在官方推出这个工具之前，民间已经有很多类似的工具了，比如es6-promisify、thenify、bluebird.promisify。 以及很多其他优秀的工具，都是实现了这样的功能，帮助我们在处理老项目的时...
2018-10-21 11:10:29
270
转载 Vue-Router基础学习笔记
1、安装vue-routernpm install vue-routeryarn add vue-router2、引入注册vue-routerimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)3、链接跳转<router-link to='/home'>&...
2018-10-18 12:25:46
129
转载 用PHP和Python生成短链接服务的字符串ID
假设你想做一个像微博短链接那样的短链接服务，短链接服务生成的URL都非常短例如: http://t.cn/E70Piib, 我们应该都能想到链接中的E70Piib对应的就是存储长链接地址的数据记录的ID，可是这个有大小写字母和数字构成的唯一ID是怎么生成的呢，刚学编程的时候我们用的方法都试拼接一个足够唯一的字符串（比如时间戳加用户ID等等）然后再用MD5或者SHA1散列算法算出一个散列值，用这种方...
2018-10-18 11:37:25
112
转载 Git 学习笔记
最近公司的代码管理工具要从SVN转到Git上，因此虽然之前用过Git，但是都是一些简单的推送提交，因此还是有必要进行一些系统的学习，这里做一下笔记，以备后询，且不定期更新。关于SVN和Git的比较已经有很多文章说过了，就不再赘述，本文的重点是如何使用常用的Git命令进行操作，冷门的就不说了，且比较零散，系统的学习推介廖雪峰的Git教程。声明下面用户名都为SHERlocked93，请自行修改成...
2018-10-18 11:33:38
101
转载 异步解决方案----Promise与Await
前言异步编程模式在前端开发过程中，显得越来越重要。从最开始的XHR到封装后的Ajax都在试图解决异步编程过程中的问题。随着ES6新标准的到来，处理异步数据流又有了新的方案。我们都知道，在传统的ajax请求中，当异步请求之间的数据存在依赖关系的时候，就可能产生很难看的多层回调，俗称'回调地狱'（callback hell），这却让人望而生畏，Promise的出现让我们告别回调函数，写出更优雅的异步...
2018-10-18 11:19:46
80
转载 多页应用 Webpack4 配置优化与踩坑记录
前言最近新起了一个多页项目，之前都未使用 webpack4 ，于是准备上手实践一下。这篇文章主要就是一些配置介绍，对于正准备使用 webpack4 的同学，可以做一些参考。webpack4 相比之前的 2 与 3，改变很大。最主要的一点是很多配置已经内置，使得 webpack 能“开箱即用”。当然这个开箱即用不可能满足所有情况，但是很多以往的配置，其实可以不用了。比如在之前，压缩混淆代码...
2018-10-18 10:52:15
378
转载 左侧固定，右侧自适应的布局方式(新增评论区大佬教的方法）
一.浮动布局1.先让固定宽度的div浮动！使其脱离文档流。 2.margin-left的值等于固定div的宽度相等。 .aside{ float: left; width: 200px; background-color: red; } .content{ margin-left: 200px; ...
2018-10-18 10:36:52
134
转载 精读《Epitath 源码 - renderProps 新用法》
1 引言很高兴这一期的话题是由 epitath 的作者 grsabreu 提供的。前端发展了 20 多年，随着发展中国家越来越多的互联网从业者涌入，现在前端知识玲琅满足，概念、库也越来越多。虽然内容越来越多，但作为个体的你的时间并没有增多，如何持续学习新知识，学什么将会是个大问题。前端精读通过吸引优质的用户，提供最前沿的话题或者设计理念，虽然每周一篇文章不足以概括这一周的所有焦点，但可以保证...
2018-10-17 18:19:13
139
转载 如何编写 Typescript 声明文件
使用TypeScript已经有了一段时间，这的确是一个好东西，虽说在使用的过程中也发现了一些bug，不过都是些小问题，所以整体体验还是很不错的。 TypeScript之所以叫Type，和它的强类型是分不开的，这也是区别于JavaScript最关键的一点，类型的声明可以直接写在代码中，也可以单独写一个用来表示类型的描述文件*.d.ts。常用方式首先在d.ts中是不会存在有一些简单的基本类型定...
2018-10-17 18:02:43
91
转载 API Star：一个 Python 3 的 API 框架
为了在 Python 中快速构建 API，我主要依赖于 Flask。最近我遇到了一个名为 “API Star” 的基于 Python 3 的新 API 框架。由于几个原因，我对它很感兴趣。首先，该框架包含 Python 新特点，如类型提示和 asyncio。而且它再进一步为开发人员提供了很棒的开发体验。我们很快就会讲到这些功能，但在我们开始之前，我首先要感谢 Tom Christie，感谢他为 D...
2018-10-14 12:22:42
153
转载 8 个用于业余项目的优秀 Python 库
这些库可以使你更容易构架个人项目。3 个用于数据科学的顶级 Python 库在 Python/Django 的世界里有这样一个谚语：为语言而来，为社区而留。对绝大多数人来说的确是这样的，但是，还有一件事情使得我们一直停留在 Python 的世界里，不愿离开，那就是我们可以很容易地利用一顿午餐或晚上几个小时的时间，把一个想法快速地实现出来。这个月，我们来探讨一些我们喜欢用来快速完成业余项...
2018-10-14 12:16:14
176
转载 3 个用于数据科学的顶级 Python 库
使用这些库把 Python 变成一个科学数据分析和建模工具。Python 的许多特性，比如开发效率、代码可读性、速度等使之成为了数据科学爱好者的首选编程语言。对于想要升级应用程序功能的数据科学家和机器学习专家来说，Python 通常是最好的选择（比如，Andrey Bulezyuk 使用 Python 语言创造了一个优秀的机器学习应用程序）。由于 Python 的广泛使用，因此它拥有大量的库，...
2018-10-14 12:10:42
134
转载 可怕的万圣节 Linux 命令
虽然现在不是万圣节，也可以关注一下 Linux 可怕的一面。什么命令可能会显示鬼、巫婆和僵尸的图像？哪个会鼓励“不给糖果就捣蛋”的精神？crypt好吧，我们一直看到 crypt。尽管名称不同，crypt 不是一个地窖，也不是垃圾文件的埋葬坑，而是一个加密文件内容的命令。现在，crypt 通常用一个脚本实现，通过调用一个名为 mcrypt 的二进制文件来模拟以前的 crypt 命令来完成它的工作...
2018-10-14 11:38:32
241
转载 Linux 系统中 sudo 命令的 10 个技巧
概览sudo 表示 “superuser do”。 它允许已验证的用户以其他用户的身份来运行命令。其他用户可以是普通用户或者超级用户。然而，大部分时候我们用它来以提升的权限来运行命令。sudo 命令与安全策略配合使用，默认安全策略是 sudoers，可以通过文件 /etc/sudoers 来配置。其安全策略具有高度可拓展性。人们可以开发和分发他们自己的安全策略作为插件。与 su 的区别在 ...
2018-10-14 11:31:55
161
转载 让你提高效率的 Linux 技巧
想要在 Linux 命令行工作中提高效率，你需要使用一些技巧。巧妙的 Linux 命令行技巧能让你节省时间、避免出错，还能让你记住和复用各种复杂的命令，专注在需要做的事情本身，而不是你要怎么做。以下介绍一些好用的命令行技巧。命令编辑如果要对一个已输入的命令进行修改，可以使用 ^a（ctrl + a）或 ^e（ctrl + e）将光标快速移动到命令的开头或命令的末尾。还可以使用 ^ 字符实现...
2018-10-11 12:59:58
225
转载 选择 NoSQL 数据库需要考虑的 10 个问题
那么我为什么要写这篇文章呢？是因为我认为NoSQL解决方案不如RDBMS解决方案吗？当然不!是因为我专注于SQL的做事方式，而不想陷入一种相对较新的技术的不确定性吗？不，也不是！事实上，我非常兴奋地学习和使用各种分布式数据库提供的设施。那我为什么要写这个？原因很简单——几年前，我见证了设计一个为遥测事件提供模式管理设施的系统。事实证明，这比最初计划的要昂贵得多。为什么呢？因为选择了错误的数...
2018-10-11 12:10:12
176
转载 10 个 Linux 中方便的 Bash 别名
你有多少次在命令行上输入一个长命令，并希望有一种方法可以保存它以供日后使用？这就是 Bash 别名派上用场的地方。它们允许你将长而神秘的命令压缩为易于记忆和使用的东西。需要一些例子来帮助你入门吗？没问题！要使用你创建的 Bash 别名，你需要将其添加到 .bash_profile 中，该文件位于你的家目录中。请注意，此文件是隐藏的，并只能从命令行访问。编辑此文件的最简单方法是使用 Vi 或 Na...
2018-10-11 12:03:45
95
转载 扒一扒 EventServiceProvider 源代码
Ajax用一句话来说就是无须刷新页面即可从服务器取得数据。注意，虽然Ajax翻译过来叫异步JavaScript与XML，但是获得的数据不一定是XML数据，现在服务器端返回的都是JSON格式的文件。完整的Ajax请求过程完整的Ajax请求过程创建XMLHttpRequest实例发出HTTP请求接收服务器传回的数据更新网页数据下面先看一个红宝书上给出的发起Ajax请求的例子，API的...
2018-10-11 11:57:01
122
转载 Ajax基础知识梳理
Ajax用一句话来说就是无须刷新页面即可从服务器取得数据。注意，虽然Ajax翻译过来叫异步JavaScript与XML，但是获得的数据不一定是XML数据，现在服务器端返回的都是JSON格式的文件。完整的Ajax请求过程完整的Ajax请求过程创建XMLHttpRequest实例发出HTTP请求接收服务器传回的数据更新网页数据下面先看一个红宝书上给出的发起Ajax请求的例子，API的...
2018-10-10 18:14:45
124
转载 不要再问我跨域的问题了
写下这篇文章后我想，要不以后就把这种基础的常见知识都归到这个“不要再问我XX的问题”，形成一系列内容，希望大家看完之后再有人问你这些问题，你心里会窃喜：“嘿嘿，是时候展现真正的技术了！”一、不要再问我this的指向问题了跨域这两个字就像一块狗皮膏药一样黏在每一个前端开发者身上，无论你在工作上或者面试中无可避免会遇到这个问题。为了应付面试，我每次都随便背几个方案，也不知道为什么要这样干，反正面完...
2018-10-10 17:22:30
121
转载 setInterval与setTimeout
在自己用canvas画一个时钟时，画秒钟用的是利用图片将重复的线条遮住，但是会出现有两个秒钟线条同时存在，才想起setInterval有那么个坑，查了点资料，记录下，若有不对的或者未写到的点，还请大家指出，谢谢^_^在此之前先科普下这个学习点进程与线程的区别借用阮一峰大大借用的比喻，实现一个小实例:有一个大型工厂工厂里有若干车间，每次只能有一个车间在作业每个车间里有若干房间，有若干工...
2018-10-10 17:08:50
201
转载 JS基础篇--sort()方法的用法，参数以及排序原理
sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。如果想...
2018-10-10 16:58:09
423
转载 JavaScript 日期权威指南
简介JavaScript通过强大的对象为我们提供日期处理功能：日期。本文确实_不是_谈论 Moment.js ，我认为它是处理日期的最佳库，你应该在处理日期时几乎总是使用它。Date对象Date对象实例表示单个时间点。尽管被命名为Date，它也处理时间。初始化Date对象我们使用初始化Date对象new Date()这将创建一个指向当前时刻的Date对象。在内部，日期以19...
2018-10-10 16:48:53
83
原创 ES6关于Promise的用法
Node的产生，大大推动了Javascript这门语言在服务端的发展，使得前端人员可以以很低的门槛转向后端开发。当然，这并不代表迸发成了全栈。全栈的技能很集中，绝不仅仅是前端会写一些HTML和一些交互，后台熟悉数据库的增删查改。想必接触过Node的人都知道，Node是以异步(Async)回调著称的，其异步性提高了程序的执行效率，但同时也减少了程序的可读性。如果我们有几个异步操作，并且后一个操作...
2018-10-10 16:42:39
87
转载 JS进阶篇--JS数组reduce()方法详解及高级技巧
基本概念reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。语法:arr.reduce(callback,[initialVal...
2018-10-10 16:38:55
334
转载 理解Object.defineProperty的作用
对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式：var obj = new Object; //obj = {}obj.name = "张三"; //添加描述obj.say = function(){}; //添加行为除了以上添加属性的方式，还可以使用Object.defineProperty定义新属性或修改原有的属性...
2018-10-09 14:48:35
109
转载 JS 装饰器，一篇就够
更多文章，请在Github blog查看在 ES6 中增加了对类对象的相关定义和操作（比如 class 和 extends ），这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候，变得并不是那么优雅。这个时候，我们就需要一种更优雅的方法来帮助我们完成这些事情。什么是装饰器Python 的装饰器在面向对象（OOP）的设计模式中，decorator被称为装饰模式。OOP的装饰模式需...
2018-10-09 13:30:11
5086
转载 JS正则表达式入门，看这篇就够了
前言在正文开始前，先说说正则表达式是什么，为什么要用正则表达式？正则表达式在我个人看来就是一个浏览器可以识别的规则，有了这个规则，浏览器就可以帮我们判断某些字符是否符合我们的要求。但是，我们为什么要使用正则表达式呢？下面我们就看一下下面这个业务场景。另外推荐一下正则表达式实例验证QQ号的合法性/***合法qq号规则：1、5-15位；2、全是数字；3、不以0开头*///1.在不使...
2018-10-08 23:02:59
168
转载 JavaScript字符串操作方法大全，包含ES6方法
一、charAt()返回在指定位置的字符。var str="abc"console.log(str.charAt(1))//a二、charCodeAt()返回在指定的位置的字符的 Unicode 编码。var str="abc" console.log(str.charCodeAt(1))//98三、concat()连接字符串。 var a = "abc"; ...
2018-10-08 17:18:50
129
转载 JavaScript常用数组操作方法，包含ES6方法
一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); //[1, 2, 3]console.log(arr3); //[1, 2, 3, 4, 5]...
2018-10-08 17:15:56
109
转载 揭密 Vue 的双向绑定
Vue 中需要输入什么内容的时候，自然会想到使用 的方式来实现双向绑定。下面是一个最简单的示例剖析Vue原理&实现双向绑定MVVM<div id="app"> <h2>What's your name:</h2> <input v-model="
2018-10-08 12:29:17
209
转载 webSocket
webSocket是什么webSocket是HTML5新出的一种协议，底层是基于TCP/IP协议的。跟http没有关系，只是复用了http握手通道，用来升级协议。webSocket的作用轮询：客户端以一定的时间间隔向服务端发出请求，以频繁请求的方式来保持客户端和服务器端的同步。缺点：浏览器需要不断的向服务器发出请求，然而HTTP请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分...
2018-10-07 18:59:06
97
转载 原生js替换jQuery各种方法-中文版
原文https://github.com/nefe/You-D...原生JS与jQuery操作DOM对比You Don't Need jQuery 前端发展很快，现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery 使...
2018-10-07 17:06:52
363
转载 正则表达式-基础知识Review
正则表达式（Regular Expression)是计算机科学的一个概念。 正则表达式使用单个字符窜来描述、匹配一系列符合某个句法规则的字符窜。 在很多文本编辑器里， 正则表达式通常用来被检索替换哪些符合某个模式的文本。正则表达式实例创建JavaScript通过内置对象 RegExp支持正则表达式， 有两种方式创建正则表达式对象， 如果我们想匹配字符窜中<%xxx%>两个百分号分...
2018-10-07 16:58:34
760
转载 Swoole 4.1.0 正式版发布，支持原生 Redis/PDO/MySQLi 协程化
重大新特性支持 Redis/PDO/MySQLi从4.1.0版本开始支持了对PHP原生Redis、PDO、MySQLi协程化的支持。可使用Swoole\Runtime::enableCorotuine()将普通的同步阻塞Redis、PDO、MySQLi操作变为协程调度的异步非阻塞IOSwoole\Runtime::enableCoroutine();go(function () {...
2018-10-07 12:18:40
212
转载 Node.js 中流操作实践
本文节选自 Node.js CheatSheet | Node.js 语法基础、框架使用与实践技巧，也可以阅读 JavaScript CheatSheet 或者 现代 Web 开发基础与工程实践 了解更多 JavaScript/Node.js 的实际应用。Stream 是 Node.js 中的基础概念，类似于 EventEmitter，专注于 IO 管道中事件驱动的数据处理方式；类比于数组或者映...
2018-10-07 11:30:24
424
转载 精读《sqorn 源码》
1 引言前端精读《手写 SQL 编译器系列》 介绍了如何利用 SQL 生成语法树，而还有一些库的作用是根据语法树生成 SQL 语句。除此之外，还有一种库，是根据编程语言生成 SQL。sqorn 就是一个这样的库。可能有人会问，利用编程语言生成 SQL 有什么意义？既没有语法树规范，也不如直接写 SQL 通用。对，有利就有弊，这些库不遵循语法树，但利用简化的对象模型快速生成 SQL，使得代码抽...
2018-10-07 11:15:19
872
转载 nodejs源码—初始化
概述相信很多的人，每天在终端不止一遍的执行着node这条命令，对于很多人来说，它就像一个黑盒，并不知道背后到底发生了什么，本文将会为大家揭开这个神秘的面纱，由于本人水平有限，所以只是讲一个大概其，主要关注的过程就是node模块的初始化，event loop和v8的部分基本没有深入，这些部分可以关注一下我以后的文章。（提示本文非常的长，希望大家不要看烦~）node是什么？这个问题很多人都会回答...
2018-10-07 11:08:20
1497
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人