20190427 前端开发周报

前端必懂之Sticky Footer(粘性页脚);Vue 实战:武装你的前端项目;TypeScript 在Vue中的实践;JavaScript 新语法详解:Class 的私有属性与私有方法;JavaScript 原型的深入指南;JS操作符拾遗;「JavaScript-指针问题」;Vue组建通信

  1. 前端必懂之Sticky Footer(粘性页脚)写在最前:Sticky Footer是css的一种布局场景。页脚footer永远固定在页面的底部,页面内容不够长的时候页脚黏在视窗底部,内容足够长时会被向下移动。老式门户网站由于内容过短常常版权页脚前移,移动端特定布局…
  2. Vue 实战:武装你的前端项目 本文项目基于Vue-Cli3,想知道如何正确搭建请看我之前的文章: 「Vue实践」项目升级vue-cli3的正确姿势 1. 接口模块处理 1.1axios二次封装 很基础的部分,已封装好的请跳过。这里的封装是依据JWT import axios from ‘axios’ import router from ‘../rout…
  3. TypeScript 在Vue中的实践 类型检查, 拥抱es6,支持部分的esNext草案,直接编译到原生js、引入新的语法糖 为什么用ts TypeScript的设计目的应该是解决JavaScript的“痛点”:弱类型和没有命名空间,导致很难模块化,不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。 typescript不仅可以约束我们的编码习…
  4. JavaScript 新语法详解:Class 的私有属性与私有方法译者按: 为什么偏要用#符号? 原文:JavaScript’s new #private class fields 译者:Fundebug 本文采用意译,版权归原作者所有 proposal-class-fields与proposal-private-methods定义了 Class 的私有属性以及私有…
  5. JavaScript 原型的深入指南不学会怎么处理对象,你在 JavaScript 道路就就走不了多远。它们几乎是 JavaScript 编程语言每个方面的基础。事实上,学习如何创建对象可能是你刚开始学习的第一件事。
  6. JS操作符拾遗 前言 对于js操作符的一些特性和有趣题目的整理。 逗号操作符 逗号操作符有两个作用,一个是用于当你想要在期望一个表达式的位置包含多个表达式时,可以使用逗号操作符。这个操作符最常用的一种情况是:for 循环中提供多个参数。另一个使用逗号操作符的例子是在返回值前处理一些操作。如同下面的代码,只有最后一个…
  7. 「JavaScript-指针问题」 不论是在工作还是学习中,相信大家都会被this指针问题锁困扰,此篇文章就是帮助大家解决this指向问题,希望可以帮大家对this指针有着更深入的了解 1, 定时器中的this指针问题 在项目中,我们不可避免的会使用定时器,定时器也成为大家项目中的家常便客,但是在项目中大家会经常因为定时器this指针问题困扰,特别实在…
  8. Vue组建通信 一般常见的组件之间的通信有以下几种情况,A和B,B和C,B和D之间都是父子关系,C和D之间是兄弟组件关系。 常用的通信手段有两种: 1.ref:给元素或组件注册引用信息 2. children:访问父级组件和子组件的实例。 这两种方式都是直接通过实例的方式获取的方式。示例如下: //comA组件A export default { data () …
  9. 基于vue-cli3.0构建功能完善的移动端架子css:sass支持、normalize.css、_mixin.scss、_variables.scss
  10. React Router v4教程:为你的 React 应用创建路由翻译:疯狂的技术宅原文:[链接] 本文首发微信公众号:前端先锋欢迎关注,每天都给你推送新鲜的前端技术文章 在这篇关于 React Router 的博文中,我将引导你搞懂 React 中路由的概念。 你将看到以下主题: 常规路…
  11. 使用Babel7+nodemon打造你的Node.js项目开发 原文地址:Using babel7 with node(https://hackernoon.com/using-babel-7-with-node-7e401bc28b04) 原文作者:Will Willems 译者:Bangood复制代码 想在你的Node.js项目中使用最新的js语法吗?想让你的项目具备热更新能力吗?本文的目标就是让你能够搭建起这样的一个基本项目。 大家之前可能用过babel的其他低版…
  12. 5 分钟了解凭啥 Typescript 比 JS 还火 文/北妈 阅读本文需要 5.1分钟 一 人的观念和喜好其实对一个成年人,而且有自己特定思想的人来说很难转变,比如生活里,你是宅男、腐女型的。 然后,突然有人说宅不好,要多出去走走,体验体验大自然和不同的生活模式,这对你就造成了一种冲击和下…
  13. 2019春招前端实习面经 从2019.1就开始渐渐的进行复习,2月末开始面试,到现在四月中旬基本宣告结束。在3月和4月经历了无数次 失败 , 沮丧 , 意外 , 期待 , 崩溃 , 焦虑 。我尽量回忆每一场面试问的问题,希望给后辈们做个参考。 碰壁的三月 企家有道( 一面挂 )2019.2.27 第一次面试,问了很多基础,非…
  14. 45个值得收藏的 CSS 形状CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成…
  15. axios封装以及前端接口处理策略 在大型前端项目中,当有很多接口实现数据输入、流出并附加拦截,结合状态管理,抵御XSRF攻击等时,统一管理API接口就成为大型前端项目必须面对的环节。axios作为最流行的基于Promise的HTTP库可以同时运行在浏览器端和服务器端,已经成为大部分前端项目的首选。 POST序列化 通过 JSON.stringify 我们同样可以实现…
  16. Vuex 进阶——模块化组织 Vuex 上上篇:Vuex 入门 上一篇:Vuex 提升 自制vuex LOGO 前两篇讲解了一下 Vuex 的基本使用方法,可是在实际项目中那么写肯定是不合理的,如果组件太多,不可能把所有组件的数据都放到一个 store.js 中的,所以就需要模块化的组织 Vuex,首先看一下 项目结构 。 项目结构 一、首先执行…
  17. Node.js 内部是如何捕获异步错误的? 一、背景 众所周知,由于 JavaScript 特殊的 EventLoop 机制,由 Promise 异步产生错误是没有办法使用try…catch的: try { Promise.reject() } catch(err) { // 这里啥都 catch 不到 console.log(err) } 为了解决这个问题,我们必须在每一处产生异步的地方使用.catch()(或者用as…
  18. LeetCode 之 JavaScript 解答第8题 —— 字符串转换整数 (String to Integer ) Time:2019/4/19 Title: String To Integer Difficulty: Medium Author: 小鹿 题目:String To Integer(字符串转换整数 (atoi)) Implement atoi which converts a string to an integer. The function first discards as many whitespace characters as necessary until the first non-whit…
  19. 前端小知识10点(2019.4.14)1、React.PureComponent 与 React.Component 的区别React.PureComponent 与 React.Component 几乎完全相同,但 React.PureComponent 通过 prop 和 state 的浅对比来实现 shouldComponentUpate()React.Component:
  20. 学习JavaScript中的“提升” 通过之前的文章,我们熟悉了作用域的基本概念。但是作用域中的变量,函数声明在什么地方查找,引用它们的时候又发生了什么。正是我们将要讨论的内容。 在我们的认知中 JavaScript 代码在执行的时候是由上到下一行一行执行的。但实际上并不完全正确。例如: a = 1; var a; console.log(a); 复制代码 按照我…
  21. webpack基本使用 npm install webpack webpack-cli webpack-dev-server -D 复制代码 1.基本配置 webpack.config.js 当在项目中直接运行webpack时,默认读取webpack.config.js中的配置,等同于运行 webpack webpack.config.js const path = require(‘path’); const HtmlWebpackPlugin = require(‘html-webpack-plugin’) //自动生成…
  22. 初识HTML5 Web Audio API 自从上次在趣讲CDN一文中讲了一个"传东奶"的故事之后,就再也没有发过博客。或许有些朋友还以为我们被抓了呢,哈哈哈~ 很久以前,赵忠祥老师就告诉我们,雨季,是个好时节。雨季来了,春暖花开,万物复苏,又到了大草原上程序猿们XX的季节。好吧,扯远了。说到底,就是团队中的小哥哥小姐姐都忙着谈恋爱,…
  23. 10 个最受欢迎的 JavaScript 框架多年来,业界已经发布了大量 JavaScript 框架,怎样进行选择可能是一个挑战。如果你感到困惑,不知道应该选哪个或者究竟哪个适合你,那么我已经帮你解决了问题。在本文中,我将列出用来构建 Web 应用程序的前10个…
  24. JS大坑之19位数的Number型精度丢失问题 最近在实现一个需求的时候,需要接入第三方的接口,先调用A接口,A接口返回的数据里,有一个taskId,然后再使用这个taskId请求B接口,获取最终需要的数据。 后端使用的是node,因此最开始使用的是request-promise这个包请求第三方接口,然而在获取A接口返回的taskId之后,调用B接口之后,B接口的响应居然是系统错误!…
  25. 【vue真的香】开始读源码 这周经历的事情有点多, 从周一的一面,到周二的二面到周三的口头offer,周四的体检, 最后再到没收到正式offer,主要原因是在背调的时候发现虚报了原始薪资(10k报12k)和学历问题(我是延毕的)。认清了自己的品质并不好,还是要诚信诶。 在小公司工作了两年,迫切希望能在中大型公司中工作。对于这次的失利,还是挺难…
  26. 关于前端脚本异常监控的思考 这里讲的是如何高效合理的捕捉与定位问题,不涉及 pv、uv、埋点之类的业务监控 首先我们要明白一点,前端如何捕获错误,在代码中我们可以经常使用 try…catch 来捕获错误,但是 try…catch 无法捕获语法错误和异步错误,如下 所以 try…catch 不适合做全局的异常监听,当然对于已知的可能…
  27. 【多图警告】学会JavaScript测试你就是同行中最亮的仔(妹) 一、几种概念(稍微了解一下) ATDD: Acceptance Test Driven Development(验收测试驱动开发) 这是一种在编码开始之前将客户带入测试设计过程的技术。它也是一个协作实践,用户,测试人员和开发人员定义了自动验收标准。 ATDD有助于确保所有项目成员准确理解需要完成和实施的内容。如果系统未通过测试可提供快速…
  28. 2019前端面试题–这样准备,拿不到offer算我输 哈哈,为了吸引大家点进来,起了一个刚(sao)气的标题。其实我觉得我这个文章挺值得看看的,看看又不长肉呀:smile:。 我是上周开始投简历,一周结束面试,在家等offer啦。坐标杭州,杭州的公司其实投来投去都是那几家,小厂不想去,大厂进不去 ,加上互联网寒冬,其实找工作确实不好找啊。 面试其实是…
  29. this 是什么?JavaScript 对象的内部工作原理 原文链接: What is this ? The Inner Workings of JavaScript Objects (需要梯子) 原文作者: Eric Elliott 译文永久链接: 【译】什么是 this?JavaScript 对象的内部工作原理 译者: 士心 翻译目的:函数动态绑定 this 的特性,经常让开发…
  30. JavaScript 作用域和闭包理解 函数作用域外面的无法访问函数作用域内部的变量和函数,这样就可以将一些变量和函数隐藏起来; 隐藏起来的好处是 形成命名空间,避免各个函数里面的变量冲突 实现模块管理 内部可以访问外部的; function foo(a) { var b = 2; // 一些代码 function bar() { // … } // 更多的…
  31. 脑壳疼的 Webpack Tapable 作者表示,“tapable 听说了很久,终于下定决心系统学习一下”。
  32. 前端监控了解与简易实现 从自测到QA测试以及上线前的Code Review ,进过层层检查,还是会有疏忽。代码上线后,我们更多的是通过用户反馈或者后台的数据统计、异常数据来分析,找问题、定位问题。那么前端是否也能弄用一套比较完善的代码异步监控? 例子错误: src = img.getAttribute("src"); src.indexOf("http://XXX.com/&…
  33. 前端的性能优化(针对内容方面)1.尽量减少HTTP请求数   80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。
  34. Vue踩坑笔记(更新ing) 我们知道,Vue组件中,有时直接操作引用数据类型,视图有时并不会更新。 1.一个方法是使用 $set 例如 this.$set(this.obj,"key","value") this.$set(this.arr,index,"value") 复制代码 2.可以使用数组的部分方法可以使视图自动进行更新,就不需要使用 $set 了。 V…
  35. JS笔记(6):构造函数 new Fn; new Fn(); new Array(); new Function(); new Object(); new RegExp(); 构造函数的返回值:当前类的实例 基于构造函数创建出来的值是引用类型(可以但不建议用构造函数模式创建基本类型值) 二、关于构造函数的this: 构造函数的this是当前类的实例 三、关于构造函数的renturn…
  36. web Audio 音频可视化 简单的录音功能已经实现了,在此基础上,实现下录音音频可视化。 createAnalyser 创建 可视化主要用到的是这个 方法 ,他返回的是一个录音分析节点。在录音时,只需要将节点connect上,我们就能拿到频率数据。 this.analyser = this.context.createAnalyser(); // 录音分析节点 this.analyser.fftSi…
  37. 说说如何利用 Node.js 代理解决跨域问题 前后端分离,经常会出现跨域访问被限制的问题。 跨域访问限制是服务端出于安全考虑的限制行为。即只有同域或者指定域的请求,才能访问。这样还可以防止图片被盗链。服务端(比如 Node.js)可以通过代理,来解决这一问题。 1 安装 request 库 npm install request –save-dev 复制代码 2 配置 我们以知乎日报为…
  38. JavaScript中十种一步拷贝数组的方法JavaScript中我们经常会遇到拷贝数组的场景,但是都有哪些方式能够来实现呢,我们不妨来梳理一下。
  39. React的状态管理 在MVC程序构架中,React经常被称为 View 层,但实际上并不完全是这样, React实际对MVC模式做了新的构想. 本质上React只是借助JSX语法实现的UI界面库,但是UI都需要数据来填充,所以问题就是如何获取数据,如何灵活的展现数据. MVC的思想 MVC架构的基本思想: 模型层(Model)就是数据层. 视图层(View)负责整个应用…
  40. 使用 Node.js 提供百万的活跃 WebSocket 连接 仅使用消费级笔记本和一些 Wifi 资源便可提供大量的 WebSocket 服务 通过最新发布的 TypeScript web 服务工程 uWebSockets.js ,我们看到它带来的不仅有提升的性能,还有提升的内存利用率。对 Node.js 使用者尤其如此,所以为了演示我想在实际使用环境中开展大规模的测试。 我们计划使用我那购买了 6 年的笔记本电…
  41. CSS3 和 HTML5 新特性一览 CSS3新特性 CSS3 选择器 选择器 示例 示例说明 CSS . class .intro 选择所有class="intro"的元素 1 # id …
  42. 使用 React + Koa 从零开始一步一步的带你开发一个 36kr SSR 案例(二) 本来在上周就想写下这篇文章,但是在学习的过程中,越来越觉得之前的很多思路需要修改,所以就下定决心,等我重构完这个项目之后再写第二篇教程。 先上代码仓库 github 看过我第一篇文章的朋友们应该已经大致了解了 react ssr 的基本思路了,如果没有第一篇文章的同学建议先看教程一,但是只是掌握这些还…
  43. 用vue2.6实现一个抖音很火的【时间轮盘】屏保小DEMO 写在前面: 前段时间看抖音,有人用时间轮盘作为动态的桌面壁纸,一时间成为全网最火的电脑屏保,后来小米等运用市场也出现了【时间轮盘】,有点像五行八卦,感觉很好玩,于是突发奇想,自己写一个网页版小DEMO玩玩,先看看效果: 当然实现这个效果,前端的角度来说,有很多,这里介绍最简单的,达到这个效果纯…
  44. 为什么 Node 是前端团队的核心技术栈 Scott 近两年无论是面试还是线下线上的技术分享,遇到许许多多前端同学,由于团队原因,个人原因,职业成长,技术方向,甚至家庭等等原因,在理想国与现实之间,在放弃与坚守之间,摇摆不停,心酸硬抗,大家可以找我聊聊南聊聊北,对工程师的宿命有更多的了解,有更多的看见与听见,Scott 微信: codingdream。 …
  45. 10分钟搭建属于自己的 Vue CLI3 项目模板 0x01 契机 Vue CLI3 出来已经很长时间了,一直想研究它的插件系统却没有时间~~(其实是懒)~~,刚好最近需要统一一下项目组的规范~~(借口)~~,于是就有了契机。 先瞅一眼文档: CLI3插件和Preset 然后就教你怎么完全定制化一套 前端项目模板,妈妈再也不用担心我每次复制粘贴啦~ 特别说明:这种 preset 不需…
  46. 看了就会的next.js路由 在介绍路由之前,想先简单说一下目录结构,其中有些东西对于路由讲解还是很有帮助的 ├── .next │ ├── build-manifest.json │ ├── react-loadable-manifest.json │ ├── server │ └── static ├── components │ ├── head.js │ └── nav.js ├── pages │ ├── _app.js │ └── index.js ├── static │ └── fav…
  47. Vue 折腾记 – (19) 基于Antd Design Vue 封装一个符合业务的树形组件 原型上有个权限分配的功能; 仔细翻了下对应的文档( antd vue ),发现有那么一个树形控件,但是没有上面部分全局控制的功能。 那么只能自己动手改造出一个符合业务的了,有兴趣的看官可以瞅瞅。 效果图 实现的思路 首先先梳理下要实现的功能点 要考虑默认值的传递以及产生的联动 …
  48. Node.js 一行命令上传本地文件到服务器 每次打包完, 都要打开 FileZilla 一顿拖拽然后才能上传代码, 那就立马撸一个自动化脚本就完事了 publish-sftp Github 传送门 ( 顺便来骗个Star ) 以后一行命令上传本地文件到服务器啦 publish-sftp -c // 完事 复制代码 安全性 项目组已经跑了大半年, 没出过幺蛾子, 可放心…
  49. javascript原生实现双向数据绑定<!DOCTYPE html><html lang=”en”><head>
  50. 你应该知道的JS: reduce的n种应用 reduce 是ES5中新引入的一个API。 假如你还不知道reduce的用法,请先阅读下MDN文档中关于reduce的介绍。(不得不说,MDN文档太强大了,里面列举了很多有用的方法) 本文将介绍借助reduce函数,利用其 能够遍历到数组的每一个元素,并且次遍历都可以使用上次遍历结果 的特性,实现的一些功能。 1.累和/…
  51. HTML5原生拖放事件的学习与实践具体实现的效果也很简单:元素可以在容器中任意拖动,元素被移入容器的时候,还会有相关样式的改变已达到更好的展示效果。
  52. Vue eslint 团队代码规范 Prettier 是一个有见识的代码格式化工具。它通过解析代码并使用自己的规则重新打印它,并考虑最大行长来强制执行一致的样式,并在必要时包装代码。如今,它已成为解决所有代码格式问题的优选方案;支持 JavaScript、 Flow、 TypeScript、 CSS、 SCSS、 Less、 JSX、 Vue、 GraphQL、 JSON、 Markdown 等语言,您可以结合…
  53. 使用JSDoc提高代码的可读性工作了四年多,基本上都在围绕着 JavaScript 做事情。 写的代码多了,看的代码也多了,由衷的觉得,写出别人看不懂的代码并不是什么能力,写出所有人都能读懂的代码,才是真的牛X。 众所周知, JavaScript 是一个…
  54. 你不知道的JavaScript上 之 作用域与闭包 本文会用导图梳理本书的脉络,由于是导读, 正文部分只会列举重点内容 ,非重点内容会简单介绍,欢迎讨论与阅读原文。此外本文 适合未读过此书的同学参考是否需要阅读 ,另外 读过此书的同学,可以尝试回答文初的问题及顺着导图回忆本书内容 ,如果非常流畅那么相信您对书中的知识的理解是过关的。 上一篇我们讲了本…
  55. 使用 vue 实例更好的监听事件 使用 vue 实例更好的监听事件 :star:️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 文章举例说明一下在 vue 中如何更好的监听浏览器事件。原文介绍了一种新增 vue 实例的方法,单独监听事件。这样代码书写较为简练,容易管理。 :watermelon: 当监听如下事件的传统做法是: window.scrollX window.scrollY wi…
  56. javascript 原型、this、闭包、深拷贝 JavaScript只有一种结构:对象。 每个实例对象(object)都有一个私有属性(称之为__proto__)指向它的原型对象(prototype),层层向上直到一个对象的原型对象为 null , f —> Function.prototype —> Object.prototype —> null Object.getPrototypeOf() 方法返回指定…
  57. js 剩余参数 我觉得ES6新增标准中,比较好的一个特性就是剩余参数,至少不一个在其他语言中烂大街的特性 定义:在声明函数时,在最后一个形参的前面加上“…”,这个参数就变成了一个叫做“剩余参数”的数组,数组内包含着传入的剩余参数。 有人说,定义函数时,直接使用剩余参数,不再传入任何形参好不好?如果能问出这种问题,请…
  58. 微软员工和 GitHub 员工宣布支持 996.ICU 项目 Microsoft and GitHub Workers Support 996.ICU 微软员工和 GitHub 员工宣布支持 996.ICU 运动 Tech workers in China started a GitHub repository titled 996.ICU, a reference to the grueling and illegal working hours of many tech companies in China – from 9am to 9pm, 6 days a week…
  59. React 与 React-Native 使用同一个 meteor 后台 meteor 可以快速构建 pc,移动端,桌面端应用。 最大的优点是:数据库的数据发生变化时,可以实时推送到前端,非常适用于实时展示的应用开发。 在 react,react-native 应用中,可以仅使用同一个 meteor 后台,实时向前端推送数据。 github 代码地址 metaor 安装 windows 安装 meteor 官方推荐choc…
  60. Vuex 提升 如果本篇有看不明白的地方,请移步上一篇:Vuex 入门 上一篇我们讲了如何通过一些简单的动作来改变 store.js 中的数据对象,在实际工作中,这是完全无法满足工作需求的,所以这篇我们来说说如何做一些简单的流程判断。 自制vuex LOGO 一、比如说我现在有这么个需求,当 count < 5 的时候,就停止 …
  61. webpack4.0入门指南(二)转换es7语法解析静态资源 之前写了怎么转换es6的语法,如果在项目中用了es7的语法和样式,图片,字体该如何配置,下面就写一下配置。 转换es7语法 把之前demo3文件夹一份命名为demo4。 修改demo4/src/index.js文件 let obj = {name: ‘lanpangzhi’}; let obj2 = {blog: ‘http://blog.langpz.com’}; let newObj = {…obj, …obj2}; // es7…
  62. Vue源码学习: 关于对Array的数据侦听 我们都知道Vue的响应式是通过Object.defineProperty来进行数据劫持。但是那是针对Object类型可以实现, 如果是数组呢? 通过set/get方式是不行的。 但是Vue作者使用了一个方式来实现Array类型的监测: 拦截器。 核心思想 通过创建一个拦截器来覆盖数组本身的原型对象Array.prototype。 拦截器 通过查看Vue源码路…
  63. Webpack4入门系列(一) webpack是现代JavaScript应用的静态打包工具。当webpack处理应用时,它内部会生成一个映射你项目需要的每个模块的依赖图,并生成一个或多个包。 自从版本4.0.0后,webpack不需要配置文件就能打包你的项目,然而如果有需要,它也是极易配置的。 要开始使用你只需要理解它的核心概念: Entry Output Lo…
  64. 彻底理解Node.js中的Buffer 每当在Node.js中遇到 Buffer , Stream 和 binary data 之类的单词时,是否总是像我一样感到困惑? 认为它们并不是常用的,而只适合Node.js专家和包开发人员去使用。 实际上,这些单词是非常重要的,尤其对于用Node.js进行web开发而没有任何CS学位的人员。 当然,如果你选择继续做一个普通的Node.js开发人…
  65. 关于vue-cli 3配置打包优化要点 本文同步更新于我的个人博客点击前往。如果对您有帮助,请为我点个小星星。首先说下我目前已经做的优化点,本文是在此基础上做的进一步优化: 配置路由懒加载,封装了异步组件引入的方法,接收一个地址做参数 /** * 返回异步组件 * @tips 请注意页面只能挂载在views文件下,非此路径请勿使用 */ const AsyncCo…
  66. AILearning:GitHub万星的中文机器学习资源,路线图、视频、电子书、学习建议全在这这套名叫AI Learning的GitHub资源,汇集了30多名贡献者的集体智慧,把学习机器学习的路线图、视频、电子书、学习建议等中文资料全部都整理好了。
  67. webpack 打包后文件分析 webpack 用于编译 javascript 模块, 可以把文件格式编译成我们想要的静态文件格式, 但是处理的过程并不是全部由 webpack 本身完成, webpack 只是提供了一个打包机制, 对于各类文件的打包处理需要使用相对应的 预处理模块 loader 来处理, 作为一种机制 webpack 会帮助各种 loader 提供识别入口目录、入口文件、 输出…
  68. 了解 Web 标准规范和组织】Web 标准是由各大标准组织制定,由浏览器和其他 Web 底层框架或工具来实现,再提供给开发者能以最小成本开发适用于多平台的 Web 应用,这些标准是我们能访问无数网站的前提。全文=&gt;   Web 标准是由各大标准组织制定,由浏览器和其他 Web 底层框架或工具来实现,再提供给开发者能以最小成本开发适用于多平台的 Web 应用,这些标准是我们能访问无数网站的前提。  学习标准的必要   最近在 MDN 上学习 Web Components,学习中有些疑惑在 MDN 上没有提及,最后通过查阅 Custom elements 标准…

    了解 Web 标准规范和组织
  69. 手摸手教你用 js 写一个 js 解释器用 js 来 编译 js 看起来是个高大上的东西,实际原理其实很简单,无非就是利用 js 对象属性可以用字符串表示 这个特性来实现的黑魔法罢了。之所以看起来那么 深奥, 大概是由于网上现有的教程,都是动不动就先来个…
  70. Node.js 12 发布更快启动速度、默认 TLS 1.3 今天,Node 官方团队发布博文宣布,Node.js 12 大版本正式发布。这也是 Node 进入半年大版本发布周期后的一次常规升级。本次发布的重要特性包括:更快的启动速度、最好的默认堆内存分配,以及对 V8、TLS、llhttp 的升级。 Node.js 12 将取代 v11 版本进入当前发布线(current release),并将在 2019 年 10 月发布 v13…

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

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


关注我

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

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

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