20190921 前端开发日报

JavaScript 是如何运行的?;webpack4知识点总结归纳;JavaScript重要概念之七种继承方式;Vue Composition API 响应式包装对象原理;JavaScript · ES6简明参考手册(转);2019大龄前端如何准备面试?;只要css就能实现的骨架屏方案;详解|天猫搜索前端技术历代记

  1. JavaScript 是如何运行的? 什么是JavaScript? 我们来确认一下JavaScript的定义:JavaScript 是一门解释型的动态语言。 解释型语言是相对于编译型语言存在的,源代码不是直接编译为目标代码,而是转成中间代码,再由解释器对中间代码进行解释运行。 主流编程语言有编译型(如 C++)、解释型(如 JavaScript)、和半解释半编译(如 Java)这…
  2. webpack4知识点总结归纳 webpack 是一个现代JavaScript 应用程序的静态模块打包器(module bundler),webpack4是webpack当前最新的主版本。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。。在我们做vue的项目时,对webpack一定不陌…
  3. JavaScript重要概念之七种继承方式 继承是面向对象软件技术当中的一个概念,与多态,封装共同为面向对象的三个基本特征。 继承可以使子类具有父类的属性和方法或者重新定义,追加属性和方法等。 方式 原型的继承 分析 由于原型链的存在,实例对象可以通过原型链向上查找属性和方法,就可以使用到原型对象的属性和方法。 实例对象和原型对象是相…
  4. Vue Composition API 响应式包装对象原理 上一篇文章 Vue 3.0 最新进展,Composition API 中,笔者通过描述Vue Composition API 的最新修正,本文通过解析 @vue/composition-api 的响应式原理部分代码,以便在解读学习过程中,加深对 Vue Composition API 的理解。 如果读者对 Vue Composition API 还不太熟悉,建议在阅读本文之前先了解 Vue 3.0 即将带来…
  5. JavaScript · ES6简明参考手册(转)ES6相关的一系列文章,这里把原文、译文,以及相关扩展的链接一并列出: 原文 《es6-cheatsheet》 译文 《ECMAScript6:ES6简明参考手册》 扩展 《ECMAScript6(1):块级作用域》《ECMAScript6(2):解构赋值》《EC…
  6. 2019大龄前端如何准备面试? 今年毋庸置疑是找工作的寒冬,今年出来找工作的每一个同学 都是值得尊敬的。在寒冬季找工作,虽然略难,但是反过来看也会逼迫我们成为更加优秀的自己。 但是不管是旺季还是寒冬,有一些优秀的同学找工作还是挺顺利的。所以说还是得提高我们自己的硬实力。 今年前端很明显一个变化就是前端面试里除了基础知识 也添加了…
  7. 只要css就能实现的骨架屏方案线上体验地址[链接] 先说优缺点,毕竟骨架屏实现的方案有很多种 优点 简单,不需要工程,不用puppeteer生成骨架dom,也不需要二次开发维护 定制程度高,想怎么搞就怎么搞 不臃肿,只给你想要的 缺点 自动化程度低…
  8. 详解|天猫搜索前端技术历代记导读:作者从 17 年双十一前开始接手天猫搜索前端,开发第一个需求—— H5 凑单页,到今天已经将近两年了。在这两年里,天猫搜索的前端体系发生了比较大的变化。今天分享一篇阶段性的总结文章,记录天猫搜索前端技…
  9. Git 分支管理规范开发主管向 Git 管理员提交 Git 仓库申请【邮件:发送给 Git 管理员,抄送给项目经理,申请表可向 Git 管理员获取】
  10. vue面试题之二:路由 vue-router 面试题 mvvm即Model-View-ViewModel,mvvm的设计原理是基于mvc的 MVVM是Model-View-ViewModel的缩写,Model代表数据模型负责业务逻辑和数据封装,View代表UI组件负责界面和显示,ViewModel监听模型数据的改变和控制视图行为,处理用户交互,简单来说就是通过双向数据绑定把View层和Model层连接起来。在MVVM架构下,View和Model…
  11. 【React技术栈】从零开始手写reduxRedux 是 JavaScript 状态容器,提供可预测化的状态管理。Redux 除了和 React 一起用外,还支持其它界面库。Redux 体小精悍,仅有 2KB。这里我们需要明确一点:Redux 和 React 之间,没有强绑定的关系。本文旨在…
  12. 长连接、短连接、长轮询、短轮询、WebSocket释疑看到一篇不错的文章,特意转载过来,原文地址:长连接、短连接、长轮询、短轮询、WebSocket 一、短连接和长连接 短连接:每次Http请求都会建立Tcp连接,管理容易 长连接:只需要建立一次Tcp连接,以后Http请求重…
  13. react hooks 函数你还在为该使用无状态组件(Function)还是有状态组件(Class)而烦恼吗?——拥有了hooks,你再也不需要写Class了,你的所有组件都将是Function。
  14. GitLab 获 2.68 亿美元 E 轮融资,计划明年年底上市2019 年 9 月 17 日,GitLab 宣布该公司已完成价值 2.68 亿美元的 E 轮融资;领投方为 Iconiq Capital 和高盛,跟投方有现有投资者 Y Combinator Continuity Fund、新投资者 Adage Capital Management、L.P、Alke…
  15. Vue.js slot 插槽 前言 在开始学习插槽的时候并不是很理解,看了一眼就过了,现在进入项目组后不得不看了,所以决定重新学习一遍,通俗来讲插槽(也就是slot),是组件的一种HTML的模板,这块模板显示不显示、以及怎样显示由父组件来决定。实际上,一个slot最核心的两个问题在这里了,是显示不显示和怎样显示。 插槽内容 官方文档的解释:V…
  16. vue 数据更新却不render? 以下都基于数据已经渲染到 dom 上后再对数据进行修改,console 出来的数据更新了,但绑定的 dom 不更新的问题 1. 更新对象的属性不render data() { return { detail: {} } } created() { this.detail = { a: ‘1’, // 更新 b: ‘2’ // 更新 } } mounted () { this.detail….
  17. 构建web离线应用(二)上一篇文章中,我们成功尝试使用 service workers。我们也可以在应用中缓存一些资源。这篇文章我们准备了解这些:service workers 以及缓存是如何一起配合给用户一个完美的离线体验。

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

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


关注我

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

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

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