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

Vue学习路线图；JavaScript强制类型转换的抽象操作；javaScript高阶级函数；提高 JavaScript 开发效率的高级 VSCode 扩展；30 行 Javascript 代码搞定智能家居系统；前端技术周刊 2018-12-10：前端自动化测试；JS使用技巧1——使用fast-json-stringify代替JSON.stringify；vue-admin 详细注释，必须手把手做项目系列之（一）

Vue学习路线图
JavaScript强制类型转换的抽象操作强制类型转换是JavaScript开发人员最头疼的问题之一, 它常被诟病为语言设计上的一个缺陷, 太危险, 应该束之高阁. 作为开发人员, 往往会遇到或写过涉及到类型转换的代码, 只是我们从来没有意识到. 因为我们基本碰运气. 猜猜看:smirk:: 作为基本类型值, 为什么我们可以使用相关的属性或方法? eg: ‘hel…
javaScript高阶级函数函数作为参数传递函数作为返回值输出满足以上一个条件就可以称之为高阶级函数函数作为参数传递看一下例子 function iterator () { const obj = { message: ‘123’ status: false } obj.status = true return obj } const obj2 = iterator() console.log(obj2) /…
提高 JavaScript 开发效率的高级 VSCode 扩展Quokka.js 是一个用于 JavaScript 和 TypeScript 的实时运行代码平台。这意味着它会实时运行你输入后的代码，并在编辑器中显示各种执行结果，建议亲自尝试一下。
30 行 Javascript 代码搞定智能家居系统智能家居可谓是今年物联网的热门领域，通过智能单品和智能音箱，人们已然把『智能』两个字变成了生活的理所应当。搭建云上之家除了买买买，还能 DIY。依托阿里云物联网平台，我们用 30 行代码来搞定一套智能家居…
前端技术周刊 2018-12-10：前端自动化测试再见 Edge，微软正式宣布 Microsoft Edge 浏览器将从 EdgeHTML 内核迁移到开源的 Chromium（Blink + V8）上，ChakraCore JS 引擎将会继续开源并用在其他项目中，预览版预计 2019 年年初推出。Mozilla CEO 也发表…
JS使用技巧1——使用fast-json-stringify代替JSON.stringify使用过JSON对象的程序员最常做的一项工作便是，将JSON对象转化为字符串。该字符串的用途很多，例如可以使用在WEB的URL中，在多个页面间进行传递。
vue-admin 详细注释，必须手把手做项目系列之（一）这是公司的一个项目的阉割版，可以用作模板，里面的技术点基本全部都有注释，全都有注释，全都有注释，重要事说三遍，写注释很辛苦，给个小赞，github给个小start,鼓励鼓励码字的我，项目正在陆续的完善中。还有重申一点，我们是前端工程师，不是码农。麻雀虽小五脏俱全：[项目地址 github.com/whylisa/vue… ) …
浅谈JavaScript的面向对象和它的封装、继承、多态面向对象和面向过程是两种不同的编程思想，刚开始接触编程的时候，我们大都是从面向过程起步的，毕竟像我一样，大家接触的第一门计算机语言大概率都是C语言，C语言就是一门典型的面向过程的计算机语言。面向过程…
一文带你看懂cookie，面试前端不用愁localStorage是H5中的一种浏览器本地存储方式，而实际上，cookie本身并不是用来做服务器存储的。但在 localStorage 出现之前，cookie被滥用当做了存储工具，什么数据都放在cookie中，即使这些数据只在页面中使用…
JavaScript 如何复制对象原文: COPYING OBJECTS IN JAVASCRIPT 作者: Victor Parmar 这篇文章，我们将介绍在 JavaScript 中复制对象的各种方法。其中包括了浅复制和深复制。开始之前，有必要说一些基础概念：JavaScript 中的对象，是对内存中存储位置的引用。这些引用是可变的，即：引用可以被重新赋值。因此，简单的复制…
vue-cli webpack配置cdn路径以及上线之后的字体文件跨域处理config/index.js 里面设置build 下的 assetsPublicPath 打包的时候便可以添加公共前缀路径
深入理解jQuery插件开发总结（四）软件开发过程中是需要一定的设计模式来指导开发的，有了模式，我们就能更好地组织我们的代码，并且从这些前人总结出来的模式中学到很多好的实践。根据《jQuery高级编程》的描述，jQuery插件开发方式主要有三种： $.extend() $.fn $.widget() 通常我们使用第二种方法来进行简单插件开发，说简单是相对于第三种方…
使用Capacitor 和 Vue.js 构建移动应用通过本教程，你将学到如何使用 Capacitor 以及如 Vue.js、Ionic 4 web 组件等前沿 web 技术来为 Android 和 iOS 构建跨平台移动应用。你还可以利用 Capacitor 的优势，用相同的代码来构建其他平台，比如桌面和 web。最近，Ionic 团队发布了一项名叫Capacitor 且继承了 Apache Cordova 和 Adobe PhoneGap 核心思想的…
Vue源码学习（二）——从宏观看Vue我们知道Vue的构造函数在src/core/instance/index.js中,不明白的可以去看上一篇文章 Vue源码学习笔记一。那我们关注一下Vue的构造函数的内容:
NodeJS 基于redis的分布式锁的实现（Redlock算法）开发时，碰到互斥问题，需要保证在分布式环境下，避免重复性操作修改用户状态，如：用户订单状态，购票时，修改票的余额等 2. 分布式锁的条件分布式锁需要满足下列条件锁需要有充足的可访问的存储空间锁必须被唯一标识锁至少要有两种状态同时，要保证 …
花点时间顺顺 Git（下）作者 | 金雷进入正文前插个楼，因为vim的操作下面会频繁用到 vim的操作 1.输入i进入插入模式，对上一条commit信息的内容进行修改 2.按下ESC键，退出编辑模式，切换到命令模式。 3.保存修改并且退出 vim：”ZZ”或者”:wq” 4.保存文件，不退出vim：”:w” 5….
canvas+websocket+vue做一个完整的你画我猜小游戏第一次在掘金发文章，瑟瑟发抖。这个主要是为了学习使用一下canvas和websocket，项目地址。你画我猜大家应该都玩过，一个人画，其他人猜。目前实现了最基本的功能，慢慢修改。项目截图完成进度登录，登录后username存储到了sessionStorage中。座位，登录后可以选择座位，并通过ws…
【Nginx源码分析】Nginx中http2浅析本文通过一个小例子串一遍nginx处理http2的流程。主要涉及到http2的协议以及nginx的处理流程。
【2019 年 Vue 学习路线图】如果你是 Vue 开发新手可能会听过很多行话术语以及工具和库，但一口气吃不成胖子，试图一下子学习所有东西可能都是徒劳的，所以我将在这篇文章中展示一个高级“知识地图”，它包含了与 Vue 开发相关的关键领域，你可以使用这张地图作为 2019 年学习 Vu  全文
【从前后端分离看阿里Web应用架构演变】前后端分离为什么出现？本质上是什么？前后端分离运动对 web 应用的架构带来了怎么样的变化？前后端分离怎么分离？为什么是 Node.js? 前后端分离的未来怎样？详见（来自：前端之巅）
jQuery源码分析系列 : 整体架构 query这么多年了分析都写烂了，老早以前就拜读过，不过这几年都是做移动端，一直御用zepto, 最近抽出点时间把jquery又给扫一遍我也不会照本宣科的翻译源码，结合自己的实际经验一起拜读吧！ github上最新是jquery-master，加入了AMD规范了，我就以官方最新2.0.3为准整体架构 jQuery框架的核心就是从HTML文档中匹…
【20181212 前端开发日报】想写好前端，先练好内功；vue路由动画；Vue项目结构介绍；改进用户界面与体验的21种JavaScript和CSS库；使用 Gatsby.js 搭建静态博客 2 实现分页；Vue.js子组件向父组件…详情→
webpack-tapable-0.2.8 源码分析 webpack 是基于事件流的打包构建工具，也就是内置了很多 hooks。作为使用方，可以在这些钩子当中，去插入自己的处理逻辑，而这一切的实现都得益于 tapable 这个工具。它有多个版本，webpack 前期的版本是依赖于 tapable 0.2.8 这个版本，后来重构了，发了 2.0.0 beta 版本，因为源码都是通过字符串拼接，通过 new Functi…
gulp-html-import，在html中引入外部html文件写于 2016.06.14 项目地址： gulp-html-import 曾经学习PHP的时候，深深觉得 include 语法非常好用，后接触了 ejs ，发现里面也有类似的语法，能够方便地引入公共html文件；在学习了 vue ， react 等框架以后，“组件化思想”更是在我脑海根深蒂固，再也无法忍受每个页面重复大量代码的原始方…
教你在Nodejs中如何获取当前函数的调用行数及文件名在自定义Egg.js的请求级别日志这篇文章中，我们实现了自定义请求级别的日志模块。看上去功能是完整了，但好像还缺点什么。大家在根据日志追查问题的过程中，很多时候看到了某条log信息想去找出处，但是实际上代码里面打相同类型的log地方可能不止一处，这时你就比较难去定位这行log到底是哪里打的。举个最极端…
JavaScript 极致性能追求：TC39 二进制 AST 提案原文作者：Dylan Schiemann 译者：UC 国际研发 Jothy 写在最前：欢迎你来到“UC国际技术”公众号，我们将为大家提供与客户端、服务端、算法、测试、数据、前端等相关的高质量技术文章，不限于原创与翻译。 WebAssembly 正越来越受欢迎，它不仅能提高应用性能，而且支持将其他语言的源代码转换为可在 Web 浏览器中运…
如何在 React Native 中实现视频通话对于 Web、iOS、Android 开发者来讲，React Native 给跨平台开发工作带来了很大的帮助。仅用 JavaScript 就可以创建运行于移动端的应用。同时，你也可以将 React Native 代码与 Native 代码结合，不论你是用 Objective C、Java 还是用 Swift 开发。有一位 Agora 开发者，同时也是 React Native 爱好者（Github…