ankuailan3925-优快云博客

转载《前端之路》之前端开发规范从制定到实施

目录前端开发规范从制定到实施一、前端开发为什么需要开发规范？二、前端开发规范是什么？三、什么时候需要这个规范？四、如何制定这个规范？五、如何落实这个规范？六、总结前端开发...

2019-04-28 14:04:00 627

转载《前端之路》之 2019年三月前端跳槽小记（杂谈

2019年三月前端跳槽小记本来按照一月一篇的更新速度来着，因为三月份换工作的原因，鸽了一篇，真的是难受。这篇文章中，不会涉及到太多前端知识点，只是对于这个阶段的一个总结以及一些可能对目前的你有帮助的前端面试经验。一、互联网寒冬1. 人员优化：早在 2018年的第四季度，很多互联网公司都陆续出现所谓的人员优化的现象。那么作为一只有着5年互联网经验的从业人员来说，这，...

2019-04-04 15:45:00 266

转载《前端之路》之前端安全 XSS 原理以及防御手段

什么是 XSS一、XSS什么是 XSSXSS，即 Cross Site Script ，翻译过来就是跨站脚本攻击；为了和 css 有所区分，因而在安全领域被称为 XSS。什么是 XSS 攻击XSS 攻击指的是攻击者在网站上注入恶意的客户端代码，通过恶意脚本对客户端网页进行篡改，从而在别的用户浏览网页的时候，对用户进行控制或者获取用户对隐私数据的这么一种攻击...

2019-01-25 09:48:00 230

转载 ReactJs 的各个版本生命周期、API变化汇总（一、V16.0.0）

目录一、React 各个版本之间的纵向对比二、React 的基础 1、Components and Props 三、React V 16.0.0 1、 The Component Lifecycle ( v16.0.0 ) 2、 Ot...

2019-01-02 21:44:00 232

转载前端 SPA 单页应用数据统计解决方案 (ReactJS / VueJS)

前端 SPA 单页应用数据统计解决方案 (ReactJS / VueJS)一、百度统计的代码： UV PV 统计方式可能存在问题在 SPA 的前端项目中数据统计，往往就是一个比较麻烦的事情，React 和 Vue 也是一样。在发现问题之前，我们得来思考下百度统计的统计原理是什么？1-1: 百度统计代码 var _hmt = _hmt || []; (fu...

2018-11-07 21:03:00 739

转载《前端之路》之 Babel 下一代 JavaScript 语法编译器

写本章的内容的出发点主要是为了对于之前关于 JS 版本的一个总结，在之前的开发中，我们始终对于 ECMAScript 的版本的更新不够重视，以至于在后面的开发过程中，我们始终会被各种新奇的语法打断了我们的思考思路，所以对于基础的追求，是任何时候都不能忘记的。不然会的框架再多，会玩儿的花样再多，到头来都只是API 。另外一个目的就是想做一个好玩的东西，就是实时编译所写的高版...

2018-10-31 18:43:00 169

转载《前端之路》之 Javascript 模块化管理的来世今生

目录第二章 - 04： Javascript 模块化管理的来世今生一、什么是模块化开发 1-1、模块化第一阶段 1-2、封装到对象 1-3、对象的优化二、模块化管理的发展历程 2-1、CommonJS ...

2018-09-25 16:45:00 86

转载《前端之路》之 webpack 4.0+ 的应用构建

目录一、版本二、webpack 的主体概念 2-1、入口 2-1-1、单页面入口 2-1-2、多页面应用的入口 2-2、输出 2-3、loader 2-4、plugins 三、如何使用...

2018-09-14 10:08:00 94

转载《前端之路》之 JavaScript 进阶技巧之高阶函数（下）

目录第二章 - 03：前端进阶技巧之高阶函数一、防篡改对象 1-1：Configurable 和 Writable 1-2：Enumerable 1-3：get 、set 2-1：不可扩展对象 2-2：密封的对象 2...

2018-09-10 17:44:00 100

转载聊一聊即将来临的跳槽季

第十四章 - 02：聊一聊即将来临的跳槽季之前的文章中都是聊的技术，今天在九月即将开始的前一天，咱们来聊一聊跳槽季古之大佬们都有云：金三银四，金九银十。这句话也被很多职场新人奉为真理，毕竟在那些躁动的几个月里，公司中请假的、裸辞的、休假的的人都变多了。那么在面对诱惑多多的跳槽季，我们应该做一些什么？当然在面对这个每年都在变化的事情，我们当然需要去了解一下 ...

2018-08-31 17:34:00 88

转载《前端之路》之前端正则表达式魔法（下）--- 捕获组、反向引用

目录第二章 - 02：前端正则表达式魔法（中）--- 捕获组、反向引用一、预定义字符类二、分组三、或操作符四、反向引用 4-1 捕获组 4-2 反向引用第...

2018-08-30 20:22:00 152

转载《前端之路》之 JavaScript 高级技巧、高阶函数（一）

目录一、高级函数 1-1 安全的类型检测 1-2 作用域安全的构造函数 1-3 惰性载入函数 1-4 函数绑定 1-5 函数柯里化 1-6 反函数柯里化一、高级函数1-1 安全的类型检测...

2018-08-27 20:01:00 124

转载《前端之路》之前端正则表达式魔法（上）

目录第二章 - 02：前端正则表达式魔法（上）一、创建！二、术语与操作符 2.1 精确匹配 2.2 匹配一类字符 2.3 转义 2.4 匹配开始与结束 2.5 重复出现 ...

2018-08-16 17:06:00 145

转载《前端之路》之网页生成的过程及对性能的影响

11: 网页生成的过程及对性能的影响网页生成的过程网页生成过程，大致可以分成五步1. HTML代码转化为DOM2. CSS代码转化成CSSOM（CSS Object Model）3. 结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息）4. 生成布局（layout），即将所有渲染树的所有节点进行平面合成5. 将布局绘制（paint）在屏幕上在这五步...

2018-08-13 20:34:00 107

转载《前端之路》之前端图片类型 & 优化 & 预加载 & 懒加载 & 骨架屏

目录 09：前端图片类型 & 优化 & 预加载 & 懒加载 & 骨架屏 09：前端图片类型 & 优化 & 预加载 & 懒加载 & 骨架屏这是一篇关于在前端开发中与图片相关的一些常见问题，回想一下，我们在日常的开发过程中前端与图片打...

2018-08-03 18:32:00 812

转载《前端之路》之 Cookie && localStorage && Session Storage 缓存相关

08： Cookie && localStorage && Session Storage 缓存相关客户端、前端存储一、起因首先解释下为什么想来写这个关于前端存储的问题，因为最近在做小程序相关的内容。但是，在开发过程中，我们难免会遇到 token 存储、代码缓存、图片存储等等。以及可能存在的一系列的问题。现在，我们...

2018-08-01 09:49:00 112

转载《前端之路》之 operator 操作符的优先级

Github传送门，欢迎 Star - -Github地址，欢迎 Star转载于:https://www.cnblogs.com/erbingbing/p/9397096.html

2018-07-31 17:21:00 180

转载《前端之路》之 this 的使用技巧总结

06: JS 中 this 的使用技巧总结this 是 JavaScript 中的关键字。一、基本认识在 JS 中我们把 this 关键字当作成一个快捷方式，用来引用当前调用者。解释上面这句话，其实就是一句话：this关键字指向的是当前上下文（context）的主体（subject），或者当前正在被执行的代码块的主体。通俗一点解释就是：谁手里拿着这个名字叫 this 的...

2018-07-30 21:02:00 155

转载《前端之路》之 JavaScript原型及原型链详解

05：JS 原型链在 JavaScript 的世界中，万物皆对象！但是这各种各样的对象其实具体来划分的话就 2 种。一种是函数对象，剩下的就是普通对象。其中 Function 和 Object 为JS自带的函数对象。（哎？等等， Function 为函数对象可以理解，为什么 Object也是函数对象呢？带着疑问我们继续往下看。）Function 和 Object 为...

2018-07-20 16:46:00 106

转载《前端之路》之五 head 头标签指南

12：head 头标签指南常见头标签DOCTYPE文档模式对文档进行有效性验证告诉用户代理或浏览器这个文档是按照什么DTD写的，但是这个动作是被动的，每次页面加载时，浏览器并不会下载DTD，并检查合法性，只有手动校验时才启用。决定浏览器的呈现模式通知浏览器读取文档时用哪种解析算法，如果没有写，浏览器会按照自身的规则对代码进行解析，可能会严重影响html排版布局浏览器的...

2018-07-17 14:52:00 154

转载《前端之路》之四 JavaScript 的闭包、作用域、作用域链

04：JavaScript 的闭包一、定义：常规定义：闭包的定义：有权利访问外部函数作用域的函数。通俗定义：1、函数内部包含了函数。然后内部函数可以访问外部函数的作用域。2、内部函数可以访问父级函数的作用域。...等等等二、思考：1、我们在日常的开发过程中会应用到闭包么？2、如果有遇到的话，会是在什么情况下遇到的？3、举一些具体的例子。1、我们在日常的开发...

2018-07-16 20:50:00 103

转载《前端之路》之三数组的属性 && 操作方法（下）

咱们接着上篇来讲～7、slice()从某个已有的数组返回选定的元素经常用来将类数组转化成数组，这样做一方面可以利用现有的数组方法更加方便的处理，另一方面是处于性能的考虑var f = function(a,b,c,d,e,f){ var args = Array.prototype.slice.call(arguments,0) console.log(args...

2018-07-12 17:18:00 231

转载《前端之路》之三数组的属性 && 操作方法（上）

目录 03：数组的属性 && 操作方法（上） 03：数组的属性 && 操作方法（上）一、Array property 数组的属性1、constructor返回对创建此对象的数组函数的引用[].constructor// ƒ Array() { [native c...

2018-07-10 21:11:00 171

转载《前端之路》之二：数据类型转换 && 隐式转换 || 显式转换

目录 02：数据类型转换 && 隐式转换 || 显式转换 02：数据类型转换 && 隐式转换 || 显式转换在上一个章节中，我们介绍了 JavaScript 的基本的数据类型，由于是弱类型语言，所以不需要在很多时候去定义这个数据的类型，而且也不能够在定义了这个数据类型之...

2018-07-04 22:43:00 317

转载《前端之路》之初识 JavaScript

01 初识 JavaScript作为在码农圈混迹了四五年的老码畜来说，学习一门新的语言，就仿佛是老司机开新车一样轻车熟路。为什么会这么快呢？因为各种套路啊～任何一种计算机语言的最开始都是和数据类型这个东西分不开，那么今天，我们就从 JavaScript 的数据类型开始一、JavaScript 的数据类型因为对于很多的 jser 的初学者而言，或者说说对于很多代码...

2018-07-03 17:24:00 91

转载 VueJs 源码解析（四） initRender.Js

vueJs 源码解析（四） initRender.Js在之前的文章中提到了 vuejs 源码中的架构部分，以及谈论到了 vue 源码三要素 vm、compiler、watcher 这三要素，那么今天我们就从这三要素逐步了解清楚。这部分主要是来解读 render.js。一、initRender 初始化 render 函数核心代码一: vm._c = (a, b, c, ...

2018-04-18 18:55:00 345

转载源码解析中看到的奇淫巧技

源码解析中看到的奇淫巧技一、数组重置let arr = [123,123]arr.length // 2arr.length = 0arr // []当我们给数组的length 属性设置成 0 。那么数组就会被重置为空。（很神奇有木有二、数据类型判断1、判断是否为 undefinedlet isUndef = function(v) ...

2018-04-10 16:32:00 120

转载 vueJs 源码解析（三）具体代码

vueJs 源码解析（三）具体代码在之前的文章中提到了 vuejs 源码中的架构部分，以及谈论到了 vue 源码三要素 vm、compiler、watcher 这三要素，那么今天我们就从这三要素逐步了解清楚好了，话不多说， let's do it在这之前，我们需要对上文中讲到的 vuejs 的源码是 flow 写法的问题进行一个简化。毕竟还有有工具是可以解决的。...

2018-04-08 19:01:00 149

转载常见数组的使用方法简单描述

常见数组的使用方法简单描述在 http://kangax.github.io/compat-table/es5/ 这里查看各个es 的版本中提供的api一、indexOf作用查询数组中是否拥有该项元素，有则返回查询项索引，无则返回 -1案例let arr = ['apple', 'test', 'name']let indexBack = arr.indexOf...

2018-04-02 15:50:00 124

转载 2017 年的人生 hard 模式终于结束了，2018年回归初心（二）

今天周末，深圳的天气简直好的不像话。好了，我们继续之前的话题往下聊。》》》猎头 :关于猎头这个行业，以笔者的感觉来说一般你工作年限未超过三年的话，你是很难遇到猎头来推送你的简历。是不是 2017年有个很火的电视剧《猎场》，就是讲的这个行业。当然特别优秀的除外，或者互联网界的产品网红除外。否则很难遇到专门会有一个猎头来推荐你的简历这里年轻的同学们需要警惕的就是...

2018-01-13 16:59:00 90

转载 2017 年的人生 hard 模式终于结束了，2018年回归初心（一）

2017 年的人生 hard 模式终于结束了，2018年回归初心2017年对于我个人来讲，毫不夸张的说算是近十年来除了高考那一年，最最惊心动魄的一年了，没有之一。》》》开篇 :2017年年底的时候，朋友圈中 18岁的晒照片风，想想自己也已经毕业三年有余，这三年多的职业发展，人生过渡，人情来往等等。在2017年这一年中也都算是有了一个全新的体验和心得，笔者会在后面的文章中描写...

2018-01-11 20:34:00 114

转载基于 nodejs 的 webSockt （socket.io）

基于 nodejs 的 webSockt （socket.io）理解本文的业务基础是在基于 nodejs 的 socket.io 的直播间聊天室（IM）应用来的。项目中具体的框架如下 express + mongodb + socket.io在介绍 socket.io 之前，我们有必要对 webSocket 进行根本的原理的理解。一、webSocket 的前生今世1、...

2017-11-28 20:35:00 553

转载基于 socket.io 的 AI 服务杂谈

为什么会想到来聊下这个话题。前几天在公司的项目中，开发一个基于 socket.io 的直播 IM 功能。直播分为两部分，一部分是比较昂贵的视频推流，另外一部分是 IM 即时聊天服务。从这里开始了，我的 socket 开始之路。然后，在后面的小程序的项目中，我们有一项是联系客服的功能。这里其实是目前的一个痛点，为什么说是痛点呢？其实就是现在大多数所谓的 AI 聊天机器...

2017-10-24 19:39:00 140

转载 topN 算法以及逆算法（随笔）

topN 算法以及逆算法（随笔）注解：所谓的 topN 算法指的是在海量的数据中进行排序从而活动前 N 的数据。这就是所谓的 topN 算法。当然你可以说我就 sort 一下排序完了直接取 slice(0, n) 不就好咯。但是这的性能会很差~ 那到底能有多差，这篇文章会给大家一个直观的感受。第一步、造数据有排序，那么必须先得有数据才能在这基础上进行下一步的操作...

2017-10-16 19:42:00 261

转载 RESTful API 架构解读

RESTful API 架构解读首先我们还是先介绍下 RESTful api 的来龙去脉。首先， RESTful （下文都简称 RESTful api 为 RESTful ）1、RESTful 这个概念最早是在 2000年 Roy Thomas Fielding 博士在他的博士论文《Architectural Styles and the Design of Network-ba...

2017-10-13 18:27:00 120

转载在阿里云 ECS 搭建 nginx https nodejs 环境（三、nodejs）

在阿里云 ECS 搭建 nginx https nodejs 环境（三、nodejs）在阿里云 ECS 搭建 nginx https nodejs 环境（三、nodejs）第一步指定版本源执行 curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -setup_8.x 需要安装的版本号，替换数字就行。vu...

2017-08-15 15:41:00 140

转载在阿里云 ECS 搭建 nginx https nodejs 环境（二、https）

在阿里云 ECS 搭建 nginx https nodejs 环境（二）这次主要内容是如何在 ubuntu 的nginx 下配置二级域名。一、域名解析首先你需要去到你的域名服务商那边进入到域名解析页面。添加 A 类解析，二级域名前缀即为你想要的域名内容mapping 到对应的 ip ok，域名解析现在算是搞定了二、配置nginx配置 nginx ，...

2017-08-14 15:50:00 137

转载 linux 常见操作指令

1、ssh root@ip ssh 登录2、ll ls 列出当文件夹下所以文件3、 cd ./xx 进入 xx 文件夹4、 vim vi xxx 进入 xx文件的编辑模式。 i 开始编辑 esc 退出编辑模式：wq 保存并退出 vim vi5、nginx -s reload 重启 nginx6、apt-get 安装下载 nginx 等等7、wget url 单纯的下载...

2017-08-04 11:41:00 90

转载前端数据存储方案集合（cookie localStorage等）以及详解（二）

前端数据存储方案集合（cookie localStorage等）以及详解（二）在之前的文章中已经介绍到了前端存储方案中的 cookie 。但是 cookie 的存储上限是 4KB。如果超过了 4KB ，在获取cookie 的时候会返回空值。那如果存储内容超过 4kb，我们该如何处理呢？这里我们将分别介绍几种前端存储方式： localStorage， sessionS...

2017-08-04 11:19:00 260

转载前端数据存储方案集合（cookie localStorage等）以及详解（一）

客户端、前端存储一、起因首先解释下为什么想来写这个关于前端存储的问题，因为最近在做小程序相关的内容。但是，在开发过程中，我们难免会遇到 token 存储、代码缓存、图片存储等等。以及可能存在的一系列的问题。现在，我们就专门从浏览器存储入手，来真正的了解缓存存在的场景，以及在日常开发中，我们需要缓存的地方，以及使用缓存会给我们带来哪些...

2017-08-02 13:49:00 153

空空如也

空空如也