20190108 前端开发日报-前端开发博客

搭建自己的 Git 服务器；es6的set和map学习；《你不知道的JavaScript》 (中) 读书笔记；2019 年，为什么全网 HTTPS 势在必行？；思考 gRPC：为什么是 HTTP/2；vue封装一个简单的div框选时间的组件；前端必备基础概念与实战系列视频教程；vue学习笔记（慎入，内容仅供学习时查询某些函数具体起到什么作用）

搭建自己的 Git 服务器根据 RhodeCode 在 2016 年做过的一项分析报告 Version Control Systems Popularity in 2016，在如今的 VCS（版本控制系统）领域，Git 几乎已经一统江山，在选择自己的 VCS 时，有 87% 的人会选择使用 Git，排在第二名的 SVN 只占 6%，无论是从 Google Trends，还是在 Stack Overflow 上的提问，都可以看到 Git 的爆…
es6的set和map学习因为 Set 中的值总是唯一的，所以需要判断两个值是否相等。在ECMAScript规范的早期版本中，这不是基于和===操作符中使用的算法相同的算法。具体来说，对于 Set s， +0 （+0 严格相等于-0）和-0是不同的值。然而，…
《你不知道的JavaScript》 (中) 读书笔记本书属于基础类书籍，一次会有比较多的基础知识，所以这里仅记录平常不怎么容易注意到的知识点，不会全记，供大家和自己翻阅；
2019 年，为什么全网 HTTPS 势在必行？前言：全网HTTPS势在必行 HTTPS（全称：HyperText Transfer Protocol over Secure Socket Layer），是为了保证客户端与服务器之间数据传输的安全。近两年，Google、Baidu、Facebook 等这样的互联网巨头，不谋而合地开始大力推行 HTTPS，国内外的大型互联网公司很多也都已经启用了全站 HTTPS，这也是未来互联…
思考 gRPC：为什么是 HTTP/2 背景 gRPC是google开源的高性能跨语言的RPC方案。gRPC的设计目标是在任何环境下运行，支持可插拔的负载均衡，跟踪，运行状况检查和身份验证。它不仅支持数据中心内部和跨数据中心的服务调用，它也适用于分布式计算的最后一公里，将设备，移动应用程序和浏览器连接到后端服务。 https://grp…
vue封装一个简单的div框选时间的组件前言新年第一篇文章，记录一下我前段时间封装的一个vue组件吧。技术需要积累，有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧。 div框选实现 div框选效果，其实没有什么好的方法，就是获取鼠标事件，根据鼠标的位置，动态创建一个…
前端必备基础概念与实战系列视频教程前端最基础、必备知识点梳理，也是前端开发万丈高楼的基石。此系列教程从最基础的 JavaScript 概念开始梳理，帮你掌握火热的前端开发最基础、最核心的基本概念。前端最基础、必备知识点梳理，也是前端开发万丈高楼的基石。是不是经常被 ES3, ES5, ES6, ECMAScript, CommonJS, AMD, UMD, CMD 这些概念搞的有点迷糊…
vue学习笔记（慎入，内容仅供学习时查询某些函数具体起到什么作用）getAndRemoveAttr 从ast模板对象中取出相应的属性。检测属性是否存在，通过对象attrsMap来检测，提升效率如果存在，则从attrsList中中移除如果第三个传参为true，删除attrsMap中对应的属性返回取到的结果，或…
vue基于d2-admin的RBAC权限管理解决方案选择d2-admin是因为element-ui的相关开源项目里，d2-admin的结构和代码是让我感到最舒服的,而且基于d2-admin实现RBAC权限管理也很方便，对d2-admin没有大的侵入性的改动。
JS实现停留几秒sleep，Js中for循环的阻塞机制，setTimeout延迟执行
什么是 React Hooks React Hooks是React在2018年带给我们的一个惊喜。 Dan Abramov在2018年10月举行的 React Conf开发者大会上宣布将React Hooks作为React 16.7.0-alpha的提议引入。react hooks作为在React函数组件中使用状态和副作用的一种方法，它将带给函数组件翻天覆地的变化。你需要把 react 和 react-dom 更…
前端图片上传解决方案图片上传是前端开发中经常使用到的，上传方案也有很多种吧，可能你有在使用一些插件完成上传，（比如我以前自己写的一个后台系统）现在在这里总结下图片上传的解决方案。主要有一下几种：
使用 d3.js 力导布局绘制资源拓扑图最近公司业务服务老出bug，各路大佬盯着链路图找问题找的头昏眼花。某天大佬丢了一张图过来“我们做一个资源拓扑图吧，方便大家找bug”。就是这个图，应该是马爸爸家的好吧，来仔细瞧瞧这个需求咋整呢。一圈资源围着一个中心的一个应用，用曲线连接起来，曲线中段记有应用与资源间的调用信息。emmm 这个看起来…
前端常用函数/命令积累HTML CSS JS String substring() {代码…} slice() {代码…} split() {代码…} 注释：String.split() 执行的操作与 Array.join 执行的操作是相反的 indexOf() {代码…} lastindexOf() {代码…} charAt() {代…
用NAN写一个nodejs的c++扩展 NAN的全称为Native Abstraction for Node.js, 其表现上是一个Node.js包。安装后，就得到一堆C++头文件，里面是一堆宏。它主要为Node.js和V8跨版本提供了封装的宏，使得开发者不用关心各个版本之间的API的差异。(from 《nodejs来一打C++扩展》) NAN的优势在于可以屏蔽不同版本Node的API，使得C++扩展可以 wirte once, …
Less与TypeScript的简单理解与应用，并使用WebPack打包静态页面
【前端面试JS方法的各种实现代码】在面试前端开发中，原生JavaScript能力的高低是占比很大的一个体现部分，不少考官会有要求现场写一些JS方法，以下整理了一些前端面试的各种方法，希望能帮到你。
JavaScript 原生实现 jQuery 的方法提供 jQuery 中的 $()、siblings()、addClass()、hasClass()、removeClass()、toggleClass() 等方法的原生 JavaScript 实现方法，以下方法适用于 Vue.js 项目 Vue.js 不等于 jQuery 个人强烈推荐，既然用了 Vue.js 来做项目的话，不要去引用 jQuery，因为 jQuery 能实现的功能，在 Vue.js 的项目一定能找到对应…
《GraphQL-前端开发的利剑与桥梁》GraphQL 是一种用于 API 的查询语言，由Facebook开发和开源，是使用基于类型系统来执行查询的服务端运行时。GraphQL并没有和任何特定数据库或者存储引擎绑定，而是依靠你现有的代码和数据支撑。（by 大转转FE – 卢铭）
【20190107 前端开发日报】大前端时代你的 vscode 插件；前端面试整理；Mesh: 来一起用 JavaScript 开发无人机应用；2019 年前端的 3 个趋势；Git 提交规范的使用和总结；前端开发如何做好本地接口…详情→
如何为你的 Vue 项目添加配置 Stylelint
说清楚javascript面向对象、原型、继承这是两年前写的笔记，自己都有遗忘，相信也会有人不明白，贴在这里。都是红宝书上的内容，在比较难理解的地方加了一些示例和说明。
《Promise探讨》传统的异步编程解决方案之一回调，很容易产生臭名昭著的回调地狱问题。虽然回调地狱可以通过减少嵌套、模块化等方式来解决，但我们有更好的方案可以采取，那就是 Promise。（by 大转转FE – 周浪）
#前端开发那些事#【纯 JS 实现上传文件小工具】详见：手摸手利用 JS 实现一个简洁易用的上传工具。（作者：不再是从乾）
【webpack系列】从零搭建 webpack4+react 脚手架（一）
「前端面试题系列3」伪类与伪元素的区别及实战你知道伪类与伪元素么，它们的分别是什么？这时，能回答上来的很少。换一种问法，你知道 :hover, :active, :focus, :visited么？这时，基本都能回答上来，这不就是a标签的四种状态么。嗯，ok。然后继续问，那么 …
保护代码完整性（六）：在 Git 上使用 PGP | 我们继续我们的 PGP 实践系列，来看看签名标签的标签和提交，这可以帮你确保你的仓库没有被篡改。 …
JavaScript 如何正确处理 Unicode 编码问题JavaScript 处理 Unicode 的方式至少可以说是令人惊讶的。本文解释了 JavaScript 中的处理 Unicode 相关的痛点，提供了常见问题的解决方案，并解释了ECMAScript 6 标准如何改进这种情况。