20190727 前端开发日报

如何回答关于 JS 的继承;「干货」我的 Sublime Text 3 私房菜;详解JavaScript的任务、微任务、队列以及代码执行顺序;小tips,注意vue深度监听对象新老值如何保持不一样;Node.js 12中的ES模块[每日前端夜话0x9E];前端插件之Select2使用;Vue原理解析(三):new Vue发生了什么?(下);JavaScript 数据结构与算法之美 – 归并排序、快速排序、希尔排序、堆排序

  1. 如何回答关于 JS 的继承 最近从某个大佬的github博客上看到一个关于js继承的博客,先放上来供大家参考: JavaScript深入之继承的多种方式和优缺点 看完之后,总结了几个点: 为什么说寄生组合式继承是最优的? 作者引用了高程的解释: 引用《JavaScript高级程序设计》中对寄生组合式继承的夸赞就是: 这种方式的高效率体现它只调用了…
  2. 「干货」我的 Sublime Text 3 私房菜今天为大家分享一款我用了很久的编辑器:sublime text 3。它的轻便和高度可定制化,是我觉得最棒的地方。本文会涉及到 sublime text 3 的方方面面,方便自己的同时,也希望能帮到你。
  3. 详解JavaScript的任务、微任务、队列以及代码执行顺序正确的答案是:script start, script end, promise1, promise2, setTimeout,但是由于浏览器实现支持不同导致结果也不一致。
  4. 小tips,注意vue深度监听对象新老值如何保持不一样 前言 假如你用vue监听复杂对象的时候,新旧值通常是一样的,vue官方也给出了解释: 注意:在变异 (不是替换) 对象或数组时,旧值将与新值相同,因为它们的引用指向同一个对象/数组。Vue 不会保留变异之前值的副本。 那么,问题来了,如何让vue深度监听对象新老值如何保持不一样? Vue官方也给出了方案: 观察 Vue …
  5. Node.js 12中的ES模块[每日前端夜话0x9E] 每日前端夜话 0x9E 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:2552 字 预计阅读时间:10 分钟 作者:Brian De Sousa 翻译:疯狂的技术宅 来源: logrocket ES Modules In Node.js 12 多年来,在 JavaScript 生态中出…
  6. 前端插件之Select2使用 工欲善其事,必先利其器 本系列文章介绍我在运维系统开发过程中用到的那些顺手的前端插件,上一篇文章介绍了 bootstrap-duallistbox 这个插件的使用,这一篇开始Select2的征服之旅 Select2是一款基于JQuery的下拉列表插件,主要用来优化select,支持单选和多选,同时也支持分组显示、列表检索、远程获取数据等众多…
  7. Vue原理解析(三):new Vue发生了什么?(下) 让我们继续 this._init() 的初始化之旅,接下来又会执行这样的三个初始化方法: initInjections(vm) initState(vm) initProvide(vm) 复制代码 5. initInjections(vm): 主要作用是初始化 inject ,可以访问到对应的依赖。 inject 和 provide 这里需要简单的提一下,这是 vue@2.2 版本添加的一对需要一起使用的…
  8. JavaScript 数据结构与算法之美 – 归并排序、快速排序、希尔排序、堆排序笔者写的 JavaScript 数据结构与算法之美 系列用的语言是 JavaScript ,旨在入门数据结构与算法和方便以后复习。
  9. 一个Vue.nextTick DEMO 引发的学(血)案 上Demo代码 <div id="example"> <div ref="test">{{test}}</div> <button @click="handleClick">click</button> </div> 复制代码 var vm = new Vue({ el: ‘#example’, data: { test: ‘begin’, }, methods: { …
  10. 前端面试每日3+1——第100天今天的面试题 (2019.07.25) —— 第100天 [html] HTML5怎么为输入框添加语音输入的功能呢? [css] 如何让大小不同的图片等比缩放不变形显示在固定大小的div里?写出来 [js] 分别封装精确运算的加减乘除四个方法 [软…
  11. rollup 搭建打包 JS rollup 采用 es6 原生的模块机制进行模块的打包构建,rollup 更着眼于未来,对 commonjs 模块机制不提供内置的支持,是一款更轻量的打包工具。rollup 比较适合打包 js 的 sdk 或者封装的框架等,例如,vue 源码就是 rollup 打包的。而 webpack 比较适合打包一些应用,例如 SPA 或者同构项目等等。 git demo地址 …
  12. 用In.js颗粒化管理、加载你的Javascript模块 近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载Javascript的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于jQuery的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是一些十分优秀的模块加载器。但是本文将会向大家介绍一个新的…
  13. NodeJs简明教程(10) NodeJs简明教程将从零开始学习NodeJs相关知识,助力JS开发者构建全栈开发技术栈! 关注获取更多 NodeJs精品文章 本文是NodeJs简明教程的第十篇,将介绍NodeJs dgram 模块( UDP服务端/客户端 )相关的基本操作。 啥是UDP Internet 协议集支持一个无连接的传输协议,该协议称为用户数据报协议(UDP,User Da…
  14. NodeJs简明教程(11) – 完结篇NodeJs简明教程将从零开始学习NodeJs相关知识,助力JS开发者构建全栈开发技术栈! 关注获取更多NodeJs精品文章 本文是NodeJs简明教程的完结篇,将对以往文章进行归档。 系列文章 NodeJs简明教程(1)——简介 NodeJs…
  15. jQuery源码剖析(四) – Deferred异步回调解决方案 jQuery 源码解析代码及更多学习干货: 猛戳GitHub 本篇代码为 my-jQuery 1.0.4.js 建议阅读本篇先弄懂上一篇Callbacks 原理分析,因为Deferred异步回调是基于Callbacks。下载源码然后根据文章思路学习,最好自己边思考边多敲几遍。 一、基本概念 Promise/A+规范 首先推荐各位阅读一下Promise/A+规范 …
  16. JavaScript 字符串匹配算法 字符串匹配算法,在日常开发中也常被频繁用到。当然,我们可以用正则匹配来完成字符串匹配,但是,学习和理解相关的字符串匹配算法,对于我们技术成长还是有很多好处的。 定义 字符串匹配算法,是在实际工程中经常遇到的问题,也是各大公司笔试面试的常考题目。此算法通常输入为原字符串(string)和子串(pattern)…
  17. 翻译:Vue.js 2.6.0 中的新指令v-slot 为了提高英文水平,尝试着翻译一些英文技术文章,首先就从这个Vue的小技巧文章开始,目前英文版一共22篇。计划用时2~3个月翻译完成。 目前进度 原文链接 New v-slot directive in Vue.js 2.6.0 译文 我很高兴看到人们喜欢VueDose!我收到了关于前面发布的性能文章的惊人反馈!非常感谢你的支持和赞美! …
  18. Riot.js riot.compile源码解析 用过riot.js的都知道,他是一个依托于自定义模板的JS框架,自定义模板都是采用.tag文件(版本4改成了.riot),这类文件对于浏览器来说是识别不了的,必须要有一个工具将他们编译成js文件。 riot.compile 就是将他的 .tag(@v3)/.riot(@v 4) 模板文件编译成浏览器可以识别的js代码的函数(我们主要研究版本3的源码)。 …
  19. ThreeJs 认识纹理 这篇文章,我们主要来了解一下 ThreeJs 中纹理相关的知识。渲染一个 3D 物体时,网格 Mesh 决定了这个物体的形状态,如一个球,一辆车,一个人等。而纹理决定了这个物体的表面具体长什么样子。一个球包上一层篮球的花纹就是篮球了,而如果包上的是一层足球的花纹那可能就是足球了。 二、概述 ThreeJs 中为定义了多种…
  20. 【ES6脚丫系列】模块Module本文字符数8200+,阅读时间约16分钟。 『ES6知识点总结』模块Module 第一节:Module基本概念 【01】过去使用CommonJS和AMD,前者用于服务器,后者用于浏览器。 Module可以取代CommonJS和AMD规范,成为浏览器和服…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流