20190707 前端开发周报

前端团队代码评审 CheckList 清单;从源码解读Vue生命周期,让面试官对你刮目相看;【Promise 】必知必会经典题;JavaScript深入浅出第3课:什么是垃圾回收算法?;千秋万代,一统江湖:Flutter for All Screens;Vue入门学习之技术分享-3(Vue中的动画特效);Vue中jsx不完全应用指南;JS里我才知道的东西

  1. 前端团队代码评审 CheckList 清单 前言 前端团队有评审代码的要求,但由于每个开发人员的水平不同,技术关注点不同,所以对代码评审的关注点不同,为了保证代码质量,团队代码风格统一,特此拟定一份《前端团队代码评审 CheckList 清单》,这样代码评审人员在评审代码时,可以参照这份清单,对代码进行评审。从而辅助整个团队提高代码质量、统一代码规…
  2. 从源码解读Vue生命周期,让面试官对你刮目相看 观感度::star2::star2::star2::star2::star2: 口味:蜜桃乌龙 烹饪时间:30min 在我们的实际项目中,与Vue的生命周期打交道可以说是家常便饭。掌握Vue的生命周期对开发者来说是特别重要的。那么如果能够从源码角度理解Vue的生命周期,对我们的开发和成长会有进一步的提升。 本文从基础知识开始讲起,…
  3. 【Promise 】必知必会经典题 题目转载来自: github.com/nswbmw/node… 如何写出清晰优雅的代码也是调试重要的一部分,而在过去很长一段时间内,JavaScript 最令人吐槽的就是回调地狱(callback hell)了。先看一段代码: 现在,我们以十道题巩固一下前面所学到的 Promise 的知识点。 题目一 const promise = new Promise((resolve, reject) =…
  4. JavaScript深入浅出第3课:什么是垃圾回收算法?摘要: JS是如何回收内存的? 《JavaScript深入浅出》系列: JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼? JavaScript深入浅出第2课:函数是一等公民是什么意思呢? JavaScript深入浅出第3课:什么…
  5. 千秋万代,一统江湖:Flutter for All Screens 前言 2018年2月27日,Google发布了Flutter的第一个Beta版本,由于自己是一个Google粉,所以很快就下载尝鲜了,之后还在简书上发过一篇博客《你好,Flutter》,是我的第一篇阅读量过10w的文章。在学习flutter期间也做过一些零散的笔记,但由于当时觉悟不高,并没整理成册,而且当时正准备保研,手头事情很多加上…
  6. Vue入门学习之技术分享-3(Vue中的动画特效) 今天又是学习的一天,但是我今天不想熬夜了,我要去看一会会电视剧了。等我哪天忘了我就打开我的掘金然后猫几眼寄几写的东西 总结内容如下 正文 Vue中的CSS动画原理 如果需要动画效果则需要把元素放在 transition 标签之中(可以给transition标签取一个名字加入这个名字是fade),这样就会有一个过渡的动画效果。 …
  7. Vue中jsx不完全应用指南文章所有的代码是基于Vue CLI 3.x版本,不会涉及到一步步通过Webpack来配置JSX所需要的知识点。
  8. JS里我才知道的东西 我告诉大家一个写作心得,文章是靠改的。我的文章通常要改六七次,看上去像一气呵成,其实花费很多精力。 ——《木心专访》 译文原链: air.ghost.io/js-things-i… 导读:2017年底,本文作者 Nick 通读了 MDN 文档,发现了一些之前不知道的 JS 特性和 API,于是写了一篇简短的小文。作者说:“这份简短的清…
  9. 来看看我们为你开的六月前端小灶~ 【阿里云 TXD 前端月刊】- 热门前端技术快报,聚焦业界新视界;前端领域急速发展的节奏从未停歇,在这个过去的六月里,来看看我们为您准备了那些前端小灶吧~ 欢迎订阅&  投稿 编辑: 尹挚 校对: 佐七 学习专栏 这里整理了一份 35 个 VS Code 提高开发效率和体验的高级功能列表,包含用法和视频展…
  10. 微前端如何落地?在过去的几星期里,随着 Martin Fowler 博客上,那篇 Cam Jackson 写的微前端的文章发布,到处都在讨论 Microfrontend。作为一个微前端 “专家”,我也分享一下:如何去落地微前端。
  11. Node.js内存管理和V8垃圾回收机制 对于 Node.js 服务端研发的同学来说,关于垃圾回收、内存释放这块不需要向 C/C++ 的同学那样在创建一个对象之后还需要手动创建一个 delete/free 这样的一个操作进行 GC(垃圾回收), Node.js 与 Java 一样,由虚拟机进行内存自动管理,但是这样并不表示就此可以高枕无忧了,在开发中可能由于疏忽或者程序错误导致的内存…
  12. 读《进化:从孤胆极客到高效团队》2016年,我从一家中型的IT公司离职,这短短一年经历了人生的起起伏伏。因为表现突出转正后从一名基层开发被领导提拔为部门前端方向负责人,所谓的技术leader。而就在我真的达到公司的事就是我的事的精神状态短短…
  13. JavaScript 数据结构与算法之美 – 递归前言 算法为王。 排序算法博大精深,前辈们用了数年甚至一辈子的心血研究出来的算法,更值得我们学习与推敲。 因为之后要讲有内容和算法,其代码的实现都要用到递归,所以,搞懂递归非常重要。 1. 定义 方法或函…
  14. React 学习(二):深入浅出 JSX 虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 文 | 川川 如果不习惯读文章,文末可看视频 或者扫下方二维码 如需高清视频,后台可回复【re…
  15. JavaScript设计原则&&常用设计模【瞅一眼这波不亏】【前言】 最近阅读了《JavaScript设计模式与开发实践》,收货颇丰,于是想写一点总结及感想 写一篇文章对于我的意义在于: {代码…} 这种过程大概叫费曼学习法,图解:(图片来自网络,侵删) 这篇文章我想表达…
  16. 前端十大学习网站,排名前十阿里巴巴淘宝前端团队网站,一群崇尚极客精神的人正在用技术为体验提供无限可能。在这里,可以涉及“无线”、“全栈”、“工程”、“安全”、“架构”等多方面的技术。
  17. 驳《抛弃 JS,使用 TypeScript》 20190704 前端开发日报 驳《抛弃 JS,使用 TypeScript》;8个有用的JS技巧;JavaScript之“use strict”;为vue3学点typescript, 基础类型和入门高级类型;…
  18. 一周 GitHub 开源项目推荐:阿里巴巴、美团点评、字节跳动…… 一周 GitHub 开源项目推荐 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 一些有趣且鲜为人知的 Python 特性 这个有趣的项目意在收集 Python 中那些难以理解和反人类直觉的例子以及鲜为人知的功能特性,并尝试讨论这些现象背后真正的原理! 如果…
  19. JavaScript 函数防抖了解一下 说到防抖,想必多数人首先想到的是相机的防抖。因为我们并不是机器人,所以拿手机拍照的时候,手都会有不易察觉的抖动,这样的抖动会影响相片的质量。手机对这些情况做的一些补偿操作,减小了手抖对成像造成的影响。 我们都知道,JavaScript 是一门编程语言,不是人类也不是机器人。那什么情况下,会产生“抖动”呢? …
  20. Vue 面试知识点总结本文内容来自网络,整理出来分享于大家~~ 一、剖析 Vue.js 内部运行机制 参考至小册剖析 Vue.js 内部运行机制 先来一张总体图,然后我们对每一部分详细分析。 1、初始化与挂载 new Vue之后回调用一个_init方法…
  21. vuex中的四大金刚 vuex常常让我这样的初学者摸不着头脑,刚学完vuex的我想用下面几个简单通俗的栗子来进行小小的分享 什么是vuex? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。(vuex是以插件的方式存在的) 复制代码 什么情…
  22. 9102,Promise 和 Async 你会真的会用了吗? 遥想当年刚接触 JavaScript 时被回调地狱支配的恐惧,:joy::joy::joy:! 解救之道,就在其中啊 — Promise 和 Async/await 推荐 vscode 插件 Code Runner,可以运行代码片段。学习利器啊。不过是基于 Node 运行环境 Promise 一个 Promise有以下几种状态: 状态一旦改变,便不能更改。 pending: 初始状态,既不是成…
  23. 8个有用的JS技巧使用 grid ,需要重新创建原始数据,并且每行的列长度可能不匹配, 为了确保不匹配行之间的长度相等,可以使用Array.fill方法。
  24. 为vue3学点typescript, 基础类型和入门高级类型这一节很重要, 可以说是ts的最核心部分, 这一节学完其实就可以开始用ts写代码了, 想想typescript中的type, 再看看标题中的”类型”2字, 所以请大家务必认真.
  25. Vue 项目功能实现:刷新当前页面前些日子项目中突然接到了一个需求,要求点击当前路由刷新页面,进过实验有如下几种方案可实现需求,并简述不同。
  26. 公司内部分享——D3.js的简单使用 本篇是入门中的入门,甚至不会涉及svg,因为d3并不会帮我们去屏蔽svg和canvas的相关知识,只是让你更好的控制它们,所以为了快速了解d3的使用,这里用dom做渲染。 一、概述 官方定义: D3 (或者叫 D3.js )是一个基于 web 标准的 JavaScript 可视化库. D3 可以借助 SVG, Canvas 以及 HTML 将你的数据生动的展现出来….
  27. 提前使用Vue 3.0新特性,vue-function-api尝鲜 Vue3.0的预告已经快一年了,本月的Vue Conf大会上尤雨溪放出了Vue 3.0最重要的RFC,即Function-based API,有不少的小伙伴对此提出质疑。对此,我也想知道这样的一个升级究竟能带来怎样的改变。 正好VueJs的开发团队放出了基于Vue2.0的vue-function-api插件,可以在Vue2.0上进行function-api的尝鲜,作为新技术的狂热追…
  28. vue打包后vendor.js文件过大解决方案 第一步、cdn引入各种包 index.html中cdn的方式引入vue、vuex、axios、element-ui、vue-router等包,如下图: 第二步、在使用vue等包的地方,注释掉import引入 在所有使用vue的地方注释掉引入的vue等包,但是Vue.use(axios)、Vue.use(VueRoter)、Vue.use(vuex)等依然要使用,除了Vue.use(ElementUI), 如果加上…
  29. 抛弃 JS,使用 TypeScript 最近几个月我已经全面抛弃 JavaScript,完全使用 TypeScript 进行前端开发(只在上课的时候用到 JS)。 先说优点: bug 显著减少,之前会遇到的 xxx 为空的…
  30. 前端知识总结系列笔记二:new Foo()和Object.create(Foo.prototype)的区别? 上一篇文章写了关于Object.create()的实现原理,而在实际应用中,我们通常会把一个构造函数的原型作为参数来创建一个对象。 传送门,Object.create()的相关介绍以及实现原理 juejin.im/post/5d15c5… new Foo()和Object.create()同是创建对象的不同方式,接下来我们来讨论一下,new Foo()和Object.create(Foo.proto…
  31. 支付宝玉伯:从前端到体验,如何把格局做大? 阿里妹导读:国内的前端行业,是一个群星璀璨,同时又有些纷纷扰扰的圈子。很多初出茅庐的年轻人怀着改变世界的梦想,谁也不服谁。不过,有一些为前端领域做出贡献的拓荒者几乎受到所有人的尊敬,玉伯就是这些拓荒者中的一员。正值毕业季,很多同学在面临新的抉择,今天就跟阿里妹一起了解玉伯的职业发展和他的一些思考…
  32. Babel是什么? 相信很多新手没有听说过Babel和ES6,如果你是老手的话,那么请自动忽略~ ES6也就是ECMAScript 6,也就是最新的一代js规范,添加了很多语言的特性,包括模块…
  33. 深入 webpack 打包后的 js 世界 在现代主流的前端项目开发中,几乎总能找到 webpack 的影子,它似乎已经成了现今前端开发中不可或缺的一部分。 下图是 webpack 官网首页,它生动形象的展现了 webpack 的核心功能:将一堆依赖关系复杂的模块打包成整齐有序的静态资源。 webpack 的出现加上现成脚手架的支持,让我们可以集中精力在项目开发…
  34. Node.js + Express + TypeScript 最佳实践(一) 初始化服务 很多时候,我们在学习了某个新东西以后,却不知道如何在项目中运用自己学到的新东西。本篇旨在使用 Node.js + TypeScript 实现一个简单的登陆注册后台服务器,以此更加深入的理解 ts 在实际开发中的运用。 基础知识 阅读本篇专栏前,你需要掌握以下知识: 掌握 JavaScript 基础; 了解 Node.js 及 Express …
  35. 3D Three.js初探 + 广告业务的关联思考 随着5G大浪潮越演越烈,越发越感觉到VR、裸眼3D、全息投影等技术体验离我们普通人的生活越来越近。作为广告部门的一只前端程序猿,也在思考Three.js在业务中能有什么用。好在之前在大学做项目的时候接触过OpenGL,渲染原理基本上都差不多,在初步学习完之后,列出一些自己的初步思考。这篇文章的前半部分会简单介绍一下Th…
  36. Web 安全漏洞之文件上传文件上传漏洞是指网络攻击者上传了一个可执行的文件到服务器上,当开发者没有对该文件进行合理的校验及处理的时候,很有可能让程序执行这个上传文件导致安全漏洞。大部分网站都会有文件上传的功能,例如头像、图…
  37. 精读《Vue3.0 Function API》Vue 3.0 是否有 break change,就像 Python 3 / Angular 2 一样?
  38. 以小见大——从setTimeout引申JS的几大特性 最近在复习JS基础,回新手村整理下笔记 回想当初看书的过程,有两位朋友曝光度极高 那就是 setTimeout 和 setInterval 他们的一些迷惑行为,初看实在让人摸不着头脑,但其实背后暴露出了JS的几大特性 如果能全盘理解,也就能基本掌握JS的一些原理了 先介绍一下 setInterval ,是 每隔一段时间 执行一次函…
  39. JS引擎:它们是如何工作的?从调用堆栈到Promise,需要知道的所有内容有没有想过浏览器如何读取和运行JS代码? 这看起来很神奇,我们可以通过浏览器提供的控制台来了解背后的一些原理。
  40. JavaScript系列之闭包(Closure) 相信很多初学者在学习JavaScript 的时候,一直对闭包(closure) 有所疑惑。因为从字面上来看,完全看不出它所代表的东西。那么今天,我想通过这篇文章,尽量用简单易懂的话来与各位介绍「闭包」到底是什么。 在具体介绍闭包之前,为了更好的理解本文要介绍的内容,建议先去阅读前面的文章 《JavaScript系列之变量对象…
  41. Vue入门学习之技术分享-2(深入理解Vue组件) 继前几天学习了指令,属性学习后,这两天又深入学习了组件。每次学习过后发一篇文章,自己对知识点的记忆也更加深刻了,同时也希望自己的分享能够帮助到其他人 正文 使用组件的细节点 is的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&gt…
  42. 爬虫爬不到数据?试试puppeteer(Node.js) 前不久,在学校仿微博鲜知微信小程序的时候,正愁数据从哪来,翻到了数据一样的页面微博新鲜事(需退出登录状态),接着用cheerio爬取数据。结果翻车了,检查了一下发现发出请求拿到的body是空的,到微博新鲜事的网页源代码一看,发现…人家的html是js渲染的,应该是还有一次跳转。哇,好狠! 本着只要思想不滑坡,…
  43. 【js】what is Promise和手写实现简易版Promise官方的解释:Promise是一个用来传递异步操作消息的对象。Promise有三种状态,pending(等待中),resolved(已完成),rejected(已失败)。对象状态不受外界影响,只有异步操作的结果可以改变状态,这就是“promi…
  44. 来用 SVG 和 CSS 画朵云彩吧希腊神话中有这样一个故事是讲述宙斯创造出来一个云女神涅斐勒,并且类似大多数的希腊神话一样的,这个故事非常的奇异且限制级。下面一个简短克制的版本。
  45. JavaScript之“use strict”“use strict”是ECMAScript 5引入的-一条指令。指令不是语句(但非常接近于语句)。“usestrict”指令和普通的语句之间有两个重要的区别:
  46. 使用vue中的混入mixin优化表单验证插件 之前写了一篇介绍在vue项目中,如何使用自定义指令开发表单验证插件的博客。时隔一个多月的时间,我来更新上一篇文章中所遗留的问题了。这段时间开发的时候使用到了这个表单校验插件,用起来比较麻烦就不说了,还有较严重的缺陷。自己最终还是抽空把这个插件进行了一些优化,虽然优化的方式和当初自己定下的方向不怎么相…
  47. 面试准备 | HTML/HTML5相关知识点 准备面试,扎实基础,知识点将持续更新与修改,如有错误,欢迎提出。 HTML 1 – 浏览器 | 浏览器页面构成 2 – 浏览器 | 浏览器内核相关知识点 3 – W3C | 对WEB标准以及W3C的理解与认识? 4 – 标签 | Doctype相关知识点 5 – 标签 | meta相关知识点 6 – 标签 | label相关知识点 …
  48. 学习笔记-HTML截图 最近项目需求总是有HTML页面生成图片功能,所以就想记录一下自己在过程中遇到的问题,并加深印象,日后如果忘了也可以回顾。我们项目使用的是html2canvas插件,还有其他插件,例如dom-to-image、rasterizehtml,可以根据需求使用。 html2canvas使用问题汇总 项目中引入的是0.5.0-beta4版本的cdn链接,直接调用方法htm…
  49. 实现 React 理解 React(下) 点击上方“独立开发者周刊” 喜欢本文,请置顶或星标 原文 – Learning React Without Using React Part 2 接着我们上次讲到的内容。这篇文章将着重于改进我们简单的待办事项列表。当前的实现由一组函数组成,它们呈现完整的应用,并包含一个管理我们…
  50. 5分钟打通rollup.js副本 正所谓万事开头难,配置rollup最难的一步也正是开头的第一步。不过没关系。 微笑面对危险,梦想成真不会遥远! 鼓起勇气坚定向前,奇迹一定会出现! 开始游戏(初始化项目) npm init 没错骚年,一路回车,你已经成功完成了本文最难以及最核心的一步——初始化了一个项目。相信你在剩余的几个简单步骤…
  51. JavaScript必须要掌握的知识-作用域 在学习作用域之前先简单了解一下JavaScript的编译、执行过程。 JavaScript被称之为解释性语言,与Java等这类编译语言区别在于:JavaScript代码写好了就可以直接立即执行,Java则需要相对较长时间的编译过程才可生成可执行的机器码。 但其实JavaScript也是有编译过程的,JavaScript使用的是一种即时编译的方式(JIT)。 J…
  52. Vue 面试知识点总结(二)【持续更新中~】模板内可以放表达式,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:
  53. 一道前端面试题引发的思考直接开始题目是 {代码…} 说句实话开发中谁写成这样保证会被打死。 不过面试就是面试,有面试官的考量点。 我理解的点有两个 1、隐式类型转换 先说说隐式类型转换有几种情况 先说条件判断 == String和Number比较…
  54. vuex了解一下? Vuex 使用 单一状态树 ,用一个对象就包含了全部的应用层级状态。作为一个“唯一数据源”而存在 getter getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算(可以认为是 store 的计算属性)。 接受 state 作为第一个参数 接受其他 getter 作为第二个参数 mutation …
  55. 一张图教你快速玩转vue-cli3 本文系统的梳理了vue-cli3搭建项目的常见用法,目的在于让你快速掌握独立搭建vue项目的能力。你将会了解如下知识点: 如何安装项目插件 添加浏览器支持 如何配置scss/stylus共享全局变量 如何整合eleemntUI等第三方框架并实现按需引入 配置单/多页面 如何配置自定义环境变量 如何在vue.config.j…
  56. js类型检测的几种方式盘点开始之前,必须要知道js中关于类型的定义。js中有6种基本类型,null,undefined,boolean,string,number,symbol(es6新增的类型)。还有一种引用类型(复杂类型)是object。像是{},function函数,[]数组都是对象。
  57. js文档笔记2——标准库 JavaScript 的所有其他对象都继承自 Object 对象,即那些对象都是 Object 的实例。 Object 对象的原生方法分成两类: Object 本身的方法与 Object 的实例方法。 (1)Object对象本身的方法(静态方法) 所谓“本身的方法”就是直接定义在 Object 对象的方法。 Object.print = function (o) { …
  58. 带你了解vue计算属性的实现原理以及vuex的实现原理 在vue的开发中,我们不免会使用到计算属性,使用计算属性,vue会帮我们收集所有的该计算属性所依赖的所有data属性的依赖,当data属性改变时,便会重新获取computed属性,这样我们就不用关注计算属性所依赖的data属性的改变,而手动修改computed属性,这是vue强大之处之一。那么我们不免会产生疑问,computed属性为啥能随…
  59. 探索Angular,React,Vue的趋势比较 小啰嗦 笔者从15年初识用node.js搭建Web前端,后又因老东家接了一些国内的外包项目,慢慢偏向了移动端。16年初有幸因带我的技术大佬的机会,偶然接触了前端框架并在公司推广那时候发展最成熟的Angular。对于我们这种从Web服务端搬迁过来做移动端的来说,Angular这个成熟的框架确实拯救了我们。以至于现在我都对它有一…
  60. 【一文学会】vue.js入门到放弃 最近正好学习了vue.js就准备将此记录下来,希望能给各位做个参考,当然因为技术有限所以出现很多错误,烦请大佬们能够不吝赐教,此篇博客会一直保持更新,以后关于vue就在本篇博文上填加内容了。 VueJs简单入门 1.1、vuejs概述 Vue.js是一个渐进式框架(主张少:调用多少算多少,没有赠品) 1.2 mvvm模式 m…
  61. 浅谈ES6中基本数据类型的操作方法在Javascript中,数据类型分为基本数据类型和引用数据类型两大类,其中,Array和Function在本质上仍然是一种特殊的对象:
  62. React(二)—— JSX 在上一篇文章中,我们研究了 React 是什么,并在高层讨论它是如何工作的。在本文中,我们将讨论 React 生态系统的一部分:ES6 和 JSX。 JSX/ES5/ES6 WTF??! 在网上对 React 的搜索中,你一定已经遇到了 JSX , ES5 和 ES6这些术语。这些不透明的缩写很快就会让人混淆。 ES5(ES 代表 ECMAScript)基本上是“常规 Jav…
  63. nodejs实现远程桌面监控 最近使用node实现了一个远程桌面监控的应用,分为服务端和客户端,客户端可以实时监控服务端的桌面,并且可以通过鼠标和键盘来控制服务端的桌面。 这里因为我是用的同一台电脑,所以监控画面是这样的,当然使用两台电脑一个跑 客户端 ,一个跑 服务端 才有意义。 原理 其实这个应用的功能…
  64. Node.js 实现远程桌面监控(二) 上一篇文章中讲了远程桌面监控的实现思路。虽然是可用的,但有很多不好用的地方,于是我又进行了完善。 我对这个工具的期望是我希望用户在用的时候,只要通过npm全局安装一个服务端的包,然后命令行启动服务端,在另一台机器全局安装客户端的包,也是命令行启动,这样就可以做到远程监控了。且命令行支持灵活地参数配…
  65. 深入理解 JavaScript 中的Async and Await 原文: blog.bitsrc.io/understandi… 作者:Arfat Salman 翻译:前端小白 首先我们来讨论下回调函数,回调函数没什么特别的,只是在将来的某个时候执行的函数。由于JavScript的异步特性,在许多不能立即获得结果的地方都需要回调 这是一个Node.js异步读取文件的例子: fs.readFile(__filename,…
  66. jQuery $ 原理及extend函数源码实现 jQuery在页面直接通过$调用 $ 就是jQuery的别称 通过 $() 创建jQuery的实例对象 实现 (function(root){ var jQuery = function(){ return new jQuery() } root.$ = root.jQuery = jQuery })(this) console.log($) 复制代码 一开始的思考是这样实现,打印$可以直接打印出jQuery构造函数…
  67. 一文搞清楚前端 polyfill polyfill 在英文中有垫片的意思,意为兜底的东西。在计算机科学中,指的是对未能实现的客户端上进行的"兜底"操作。打补丁在前端 er 是件习以为常的事情,结合笔者日常工作经验,总结出 3 种打补丁方式。涉及 @babel/preset-env 、 @babel/polyfill 、 @babel/transform-runtime 、 @babel/runtime 以及 core-j…
  68. 封装函数到实现简化版jQuery 获取一个节点的所有兄弟; 给一个节点添加加多个 class ; DOM 的 API 实现比较繁琐,所以自己封装 API ; 功能实现 1.封装函数 获取兄弟 操作步骤: 在 html 中有一个 ul 标签,在 ul 中有 5 个 li 。 <ul> <li id="item1">选项1</li> &lt…
  69. 细说JS循环方法 传统的JS循环方法,while,do while,for与其他语言类似,本文不做过多描述,更多的集中在: 常见遍历方法for-in、for-of、entires、Object.keys、Object.getOwnProperty比较。 数组遍历map、forEach、reduce、every、some、fiter方法的比较。 常见遍历方法 for-in:遍历数组索引、对象的属性,用于遍…
  70. [数据可视化]d3js源码,selection(四)添加事件,控制流,局部变量 出于交互考虑,selection支持监听(listening)和分派(dispatching)事件。 selection.on(typenames ]) 根据typenames向元素添加或删除事件监听,类型为字符串如click、mouseover、DOM event type都支持,可以通过click.foo添加回调函数,多个name用空格分隔。 当一个事件分派到元素上,lise…
  71. 混子前端带你入门webpack 本文是混子前端之前在学习 webpack 时整理的说明文件 有些枯燥 但整理的很详细,其中代码模块我已图文备注说明,如果你刚开始准备学习 webpack 那本文对你帮助很大,一定要按照文字走完全流程 webpack基本介绍 webpack : 给js准备的一个打包工具,可以把很多模块打包成很少的静态文件,有一个自己的特性:代码分割 …
  72. 记录一次vue练习的填坑记录 前段时间练习了vue,写了个简单的demo,是模仿网易音乐h5页面效果,内容比较简单只实现了基本的功能,使用了vue脚手架、vue-router、vuex以及vant  ui库。在此简单记录下遇到的坑以及简单的填坑记录。 1、动态路由 通常我们写的路由都是静态路由,就是写死路由的名字,但是有时候我们的路由不能写死,比如涉及到…
  73. 学习vue源码—mvvm 这一篇主要是讲解一下vue里mvvm的原理,以及如何理解vue实现mvvm。 稍微有去了解过vue是如何双向绑定的我们都很容易知道vue是通过 Object.defineProperty 劫持 data 属性的 setter 和 getter ,但是这仅仅只是实现的一部分,在这个实现里我们还要理解 dep (订阅中心)和 watcher (订阅者)的概念。 dep —…
  74. JS 实现全景图预览 WebGL(全称 Web Graphics Library)是一种 3D 绘图协议,这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定,WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了,还能创建…
  75. vue日历组件 最近业务需求需要一个日历组件,要求可切换周视图和月视图,并且可以显示日程安排及事件标注。 看了下网上已有的日历组件, fullcalendar 插件star还挺多的,文档也挺全面的,但是使用起来不够简便,和我司的应用场景也有些许出入,考虑再三决定还是重新封装一个日历组件。 组件封装 整体思路如下: 1、将涉及日…

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

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


关注我

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

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

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