20191031 前端开发日报

vue3 源码解读之 time slicing;腾讯视频 Node.js 服务是如何支撑国庆阅兵直播高并发的?;js中判断变量是否相等的几种方法;npm script详解;面试中知道开头不知道结尾的web知识点;大厂前端面试都问些什么问题?入职爱奇艺年薪48万,面试经验总结;面试分享:三年经验面试阿里前端失败总结(附面试真题及答案);用 Git 和 GitHub 提高效率的 10 个技巧

  1. 腾讯视频 Node.js 服务是如何支撑国庆阅兵直播高并发的? 导语 | 上个月,我有幸参与了腾讯视频国庆阅兵直播页面开发的相关工作,最终,累计观看2.38亿人次,经受住了高并发的考验。在参于Glama框架的开发维护及平时基础建设相关讨论实践中,对高并发有一些部分实践心得,正好老友也想了解腾讯视频这边的经验,特撰写本文,对相关经验进行梳理总结,与大家探讨。(本文作者:Luc...
  2. js中判断变量是否相等的几种方法 无论是在开发中,还是面试时,在js中 判断变量是否相等 ,都是一个比较常见的问题。比较典型的有, == 和 === 的区别?判断变量是否相等有哪些方式? 这里打算总结一下判断变量是否相等的方式,以及做一些简单的分析。 判断变量相等的方式 判断变量是否相等,大致有以下一些方式 == 以及 === ; ...
  3. npm script详解 npm 允许在package.JSON文件里面,使用scripts字段定义脚本命令。 { // ... "scripts": { "build": "node build.js" } } 复制代码 上面代码是 package.json 文件的一个片段,里面的scripts字段是一个对象。它的每一个属性,对应一段脚本。比如,build命令对应的脚本是 nod...
  4. 面试中知道开头不知道结尾的web知识点 1. 假设高度已知,请写出三栏布局,其中左栏、右栏宽度各位300px,中间自适应 ​ 2. css盒模型box-sizing 2.1 盒模型分为两类 标准模型:content-box width*height 怪异模型:border-box (width+padding)*(height+padding) 2.2 Js获取盒模型对应的宽和高 dom.style.width/height-->内联s...
  5. 大厂前端面试都问些什么问题?入职爱奇艺年薪48万,面试经验总结“金九银十“跳槽季,又到了面试求职的高峰期。好多小伙伴都会跳槽去找工作。如果你不跳槽,也建议把这篇文章看完,毕竟金九银十之后,就是金三银四了,总是逃不掉的
  6. 面试分享:三年经验面试阿里前端失败总结(附面试真题及答案)大家好,我是来自驾考宝典及掌游天下的WckY,目前离职,正在找新工作。我在掌游天下一直负责h5游戏这块的业务,离职后我在github里创建了一个h5游戏大全,可直接点击 此处 了解。从上周二开始面试至今,期间意外...
  7. 用 Git 和 GitHub 提高效率的 10 个技巧 点击上面的蓝色字体“肉眼品世界”,深度价值体系传递 Git 和 GitHub 都是非常强大的工具。即使你已经使用他们很长时间,你也很有可能不知道每个细节。我整理了 Git 和 GitHub 可能提高日常效率的10个常用技巧。 GitHub ...
  8. 初识 HTML,最通俗易懂的解释 喜欢我的话,点击上方蓝色文字关注吧 不喜欢看文字的同学,点击下方绿色按钮,竖起耳朵听吧。 终于有心情写技术贴啦。 今天主要介绍一下前端三大基石之一——HTML。 HTML,全称叫做“超文本标记语言”,英文是“Hyper Text Markup La...
  9. 方便编写vue组件库文档的vuepress插件 在编写Vue组件库的时候,并使用vuepress进行文档编写的时候 目录结构一般是这样的 docs | packA.md └ packB.md packages └---packA | |--src | | └ demo.vue | └--index.js └---packB | |--src | | └ demo.vue | └--index.js 复制代码 当组件比较多是时候,我们会发现,组件代码和对应的文档md文件,距离比...
  10. 茶余饭后聊聊 Vue3.0 响应式数据那些事儿 "别再更新了,实在是学不动了"这句话道出了多少前端开发者的心声,"不幸"的是 Vue 的作者在国庆区间发布了 Vue3.0 的 pre-Aplha 版本,这意味着 Vue3.0 快要和我们见面了。既来之则安之,扶我起来我要开始讲了。Vue3.0 为了达到更快、更小、更易于维护、更贴近原生、对开发者更友好的目的,在很多方...
  11. 重温一下 JS 进阶需要掌握的 13 个概念阿里云服务器很便宜火爆,今年比去年便宜,10.24~11.11购买是1年86元,3年229元,可以点击 下面链接进行参与:[链接]
  12. 2019年,你是否可以抛弃 CSS 预处理器?随着前端工程化的不断完善,CSS 预处理器已经成为项目中不可缺少的部分,很多人在项目技术选型阶段就会先选择一个 CSS 预处理器,绝大部分前端工程的脚手架也内置了一系列的 CSS 预处理的模版,大家已经习惯了享...
  13. 一个自动生成vue路由文件的webpack插件 可以根据不同的环境生成指定的路由文件,而不是一次性打包所有文件,默认可以遍历page目录下的所有.vue文件。 获取命令行参数 在package.json中新建一个scripts指令,带上参数,如 --test 新建 InitRouterPlugin.js ,使用 yargs 模块获取命令行参数 const argv = require('yargs').argv console...
  14. 一起写一个即插即用的Vue Loading插件 无论最终要实现怎样的网站,Loading状态都是必不可少的一环,给用户一个过渡喘息的机会也给服务器一个递达响应的时间。 从使用方式说起 不管从0开始写起还是直接下载的Loading插件,都会抽象为一个组件,在用到的时候进行加载Loading,或者通过API手动进行show或者hide <wait> </wait> ... this.$wait...
  15. 仿nuxt.js,自动构建路由,释放你的双手? 写过nuxt.js的同学,肯定也对nuxt的路由规则有一定的了解,在pages目录下创建文件,即可以自动构建路由,本文来带领大家实现一下在vue里怎么去自动构建路由。我这里使用的是Vue-cli 3.X版本进行初始化。cli 2.X版本也是一样只不过初始化出来的文件目录不一。 做前准备 了解require.context: 它是webpack里一个重...
  16. js性能优化之防抖与节流 函数防抖(debounce):当持续出发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。 节流 函数节流(throttle):当持续触发事件时,保证一定时间段内只调用一次时间处理函数。 节流的定义应该比较好理解,举例来说就是,你在疯狂点击...
  17. rrweb源码解析1 之前的文章有简单介绍 rrweb 的底层设计 ,这篇文章开始会记录 rrweb 的源码。 rrweb 的源码由 3 个仓库组成: rrweb-snapshot : 包含 snapshot 和 rebuild 功能。 snapshot 用于将 DOM 及其状态转化为可序列化的数据结构; rebuild 则是将 snapshot 记录的数据结构重建为对应的 DOM 。 rrweb : 包...
  18. Vue-Test-Utils + Jest 单元测试入门与实践 Vue-Test-Utils 是 Vue.js 官方的单元测试实用工具库,它提供了一系列的 API 来使得我们可以很便捷的去写 Vue 应用中的单元测试。 主流的单元测试运行器有很多,比如 Jest 、 Mocha 和 Karma 等,这几个在 Vue-Test-Utils 文档里都有对应的教程,这里我们只介绍 Vue-Test-Utils + Jest 结合的示例。 Jest 是...
  19. Redux 源码剖析(JS版) 什么是Redux? Redux 的工作流程(核心思想): 1.设计全局 state 的数据结构状态树 2.设计更改 state 数据、状态的 actionType 常量 3.根据 actionType,编写 actionCreator 4.根据各个 actionCreator 的返回值,用 reducer 做数据处理 5.有个 reducer 之后,用 createStore 来得到全局唯一的 store,来管...
  20. “寒冬”三年经验前端面试总结(含头条、百度、饿了么、滴滴等)之手写题(promise篇)不论是寒冬还是暖冬,找工作之前都需要做好充足的准备,面试的时候才能做到游刃有余。此文是把我最近找工作准备的以及笔试面试中涉及到的手写题做一个总结。给自己,也给需要的同学。手写题是比较好准备的一个环...
  21. webpack4+react16+react-router-dom4从零配置到优化,实现路由按需加载(下) 上一篇介绍了下webpack的一些配置,接下来讲下reactRouter4里面关于路由的一些配置,如何做到模块的按需加载,这也是常用的一种优化网站性能的方式。 前言 react-router 还是 react-router-dom? 首先在创建React项目的时候,我们一般要引入两个包,react 和 react-dom, 那么 react-router 和react-router-dom ...

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

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

原文:20191031 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20191031.html)