20200212 前端开发日报

大前端之路 -webpack 速成(二);深入理解JavaScript的作用域和作用域链;vue前端动态路由实现用户权限过滤;5分钟看懂系列:HTTP缓存机制详解;如何在 Vue 中使用 JSX 以及使用它的原因;字节跳动面试官:请说一下vuex工作原理(重点就几行代码而已啦);Vue之事件总线;7 个基础 JavaScript 函数

  1. 大前端之路 -webpack 速成(二) 当引入一个模块的时候,只引入 我们使用过的代码,那些没引用过的代码,我们就不打包了 另外 tree shaking 只支持 es module ,import模块的引入。 不支持 common js 的引入。 如果是生产模式 mode: 'production', 复制代码 那么这个tree shaking 默认就是打开的。 另外要注意 要在package.json 这边 额外添加 ...
  2. 深入理解JavaScript的作用域和作用域链(一)作用域是什么了解作用域之前先看一下变量和函数,变量和函数都有一定的访问权限,就是必须满足条件或者在某个范围之内才能访问,这个范围就是作用域。
  3. vue前端动态路由实现用户权限过滤 在后台系统这类的项目中,用户角色和权限的区分是不可分割的一部分需求。常见的用户权限区分形式有两种,一是前端请求接口拿到后台配置的用户权限信息;另一种是直接由前端来定义每种用户角色的权限页面,然后在生成对应的路由。今天我们来了解前端配置路由权限的方式。 角色权限页面配置 在配置角色对应的路由页面时...
  4. 5分钟看懂系列:HTTP缓存机制详解HTTP 缓存可以说是HTTP性能优化中简单高效的一种优化方式了,缓存是一种保存资源副本并在下次请求时直接使用该副本的技术,当 web 缓存发现请求的资源已经被存储,它会拦截请求,返回该资源的拷贝,而不会去源服...
  5. 如何在 Vue 中使用 JSX 以及使用它的原因点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
  6. 字节跳动面试官:请说一下vuex工作原理(重点就几行代码而已啦) 不知为何掘金的文章最近都流行以 "字节跳动面试官" 作为开头,不蹭一波都不好意思说逛过掘金了。23333 最近是真到了面试的季节,那么就说一下 Vuex 的源码吧。看完你会发现,Vue和Vuex的实现原理主要就那么几行代码。 Vue双向绑定 要说 Vuex 的双向绑定那么必须先从 Vue 的双向绑定开始 Vue 的双...
  7. Vue之事件总线什么是事件总线? 有一个全局EventBus 所有事件都订阅它 所有组件也发布到它,订阅组件获得更新 所有组件都能够将事件发布到总线,然后总线由另一个组件订阅,然后订阅它的组件将得到更新 预知详情可点这里,看这...
  8. 7 个基础 JavaScript 函数 原文链接: 7 Essential JavaScript Functions ,by David Walsh 译者:翻译过程中,对于原文的叙述做了部分修改。 debounce 防抖函数英文名叫“debounce function”,它通常是作为频发事件的回调使用的。对于 scroll 、 resize 、 key* 这类事件,如果不使用防抖函数处理,那么由于事件的频繁发生,触发...
  9. 2020 前端面试 | 第一波面试题总结 先介绍一下自己的情况吧 内蒙古呼和浩特某大学毕业,专科,计算机多媒体专业毕业 16年出来工作,工作经验四年,之前主要做平面相关,自己喜欢瞎折腾,从17年开始研究前端,然后公司内部转岗到开发部门工作,算下来前端经验也快三年之久。 年底由于种种原因想换一份工作,但由于太忙,没认真搞简历,也没怎么复习基础...
  10. vue2.x+vue-cli3.0地图demo踩过的坑 一、前言 1、背景 最近在做数据可视化的学习,从网上找了一下,没有相关的学习资料,打算结合自己的摸索和学习,记录一下踩过的坑,便于后续查阅以及供大家参考学习。 2、版本包 nodejs:12.14.0 vue:2.6.10 vue-cli:3.0.1 echarts:4.6.0 二、地图项目实战 1、项目初始化 打开cmd命令窗口,进入本地某...
  11. mixins设计模式以及在js中的使用 在《Javascript设计模式》一书中介绍了一种设计模式-Mixin 模式。在一些著名的组件库中,Mixins也是十分常见的关键字。但,菜狗的我在日常的开发中好像没怎么用过mixin。 看来我和大佬之间的第一个差距就是mixins的使用了(笑) 那到底什么是mixins ,以及怎么使用呢? 初识Mixins 在《Learning JavaScript Design Patt...
  12. Webpack源码分析 - loader及优化 loader解析文件是Webpack中重要的一环,之所以能一切皆模块就是因为有许多强大的loader提供的支持。了解它的工作原理可以让我们从容地为项目选择合适的配置,还可以更有目的性的针对性能瓶颈分析优化,更好地做一个合格地Webpack配置工程师。 如果要了解loader内部执行原理,可以看这篇文章loader-runner loader基础...
  13. 事件循环 -- JSConf分享 原文链接 对于浏览器而言,有多个线程协同合作,如下图。具体细节可以参考 一帧剖析 。 对于常说的JS单线程引擎也就是指的 Main Therad 。 注意以上主线程的每一块未必都会执行,需要看实际情况。 先把 Parse HTML -> Composite 的过程称为渲染管道流 Rendering pipeline 。 浏...
  14. Vue.js渐进式JavaScript框架点击蓝色 “达达前端” 关注我哦! 加个 “星标” ,每天一篇文章,一起学编程 ​ 2020年02月09日 什么是vue.js? vue.js是一款渐进式的JavaScript框架。 什么是渐进式? 渐进式就是指可以由浅入深的,由简单到困难的一...
  15. 今天,我们来聊一聊WebSocket原理 WebSocket = “HTTP第1次握手” + TCP 的“全双工“通信 的网络协议。 主要过程: 首先,通过 HTTP 第一次握手保证连接成功。 其次,再通过 TCP 实现浏览器与服务器全双工( full-duplex )通信。(通过不断发 ping 包、 pang 包保持心跳) 最终,使得 “服务端” 拥有 “主动” 发消息给 “客户端” 的能力。...
  16. iOS 今天我们来聊一聊WebSocket WebSocket = “HTTP第1次握手” + TCP 的“全双工“通信 的网络协议。 主要过程: 首先,通过 HTTP 第一次握手保证连接成功。 其次,再通过 TCP 实现浏览器与服务器全双工( full-duplex )通信。(通过不断发 ping 包、 pang 包保持心跳) 最终,使得 “服务端” 拥有 “主动” 发消息给 “客户端” 的能力。...

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

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