20200308 前端开发日报

搭建websocket消息推送服务，必须要考虑的几个问题；JS原型链 (foo.__proto__.__proto__.__proto__ === null)；JavaScript变量类型；前端常见面试-vue篇；学习webpack的第三天；从手写Promise到async/await；利用better-scroll实现Vue轮播图组件；Git Flow工作流总结

1. 搭建websocket消息推送服务，必须要考虑的几个问题
2. JS原型链 (foo.__proto__.__proto__.__proto__ === null) 记得有一次面试, 就考到了原型链. 面试官在批改我的笔试题时, 他突然说你这题是做对了, 那你把它完整的原型链画出来吧! 难受:persevere:, 当时我也是一知半解的做对了, 我只能瞎操作一顿了. 今天就好好整理下关于 原型链 的知识 要理解原型链是什么, 就要知道什么是__proto__、什么是prototype、还有constrtctor, …
3. JavaScript变量类型数据类型 对外的，面对编译器 基本数据类型（值类型） 包括 Undefined Null Boolean String Number  Symbol（ES6） 存放位置：内存中的栈区域。值的不可变性，称这些类型的值为原始值。基本数据类型的值是按值访…
4. 前端常见面试-vue篇前面，我们已经针对前端的基础知识和常见的一些进阶知识都做了整体的梳理，并且也对缓存进行了单独的具体讲解，有需要的朋友可自行查看相关的文章，文章如下：前端常见面试-css篇、前端常见面试-js篇、前端常见面…
5. 学习webpack的第三天 使用npm run dev时，已经安装了webpack为何还有报错信息？ 我们发现又一些dev是用webpack启动的，又一些webpack-dev-server启动的原因是? "dev": "webpack –config webpack.config.js" "dev": "webpack-dev-server –open –config build/webpack.dev.js", "dev"…
6. 从手写Promise到async/await导言:在学习 async/awit之前, 我们很有必要学习一下 , 迭代器(lterator)和生成器(Generator)
7. 利用better-scroll实现Vue轮播图组件 上一次基于better-scroll实现了移动端纵向滚动的演示。这一次继续利用它实现一个横向滚动——轮播图组件。演示如下： 首先来整理一下需求： 能够根据异步请求到的图片数据进行轮播图展示。 能够控制它是否自动播放，是否循环播放，自动播放间隔。 能够提示当前播放页。 Mock数据 由于是一…
8. Git Flow工作流总结就像代码需要代码规范一样，代码管理同样需要一个清晰的流程和规范，git flow制定了一个比较规范的分支管理和版本发布方案。Git flow的优点是清晰可控，缺点是相对复杂，需要同时维护两个长期分支（主分支master…
9. 前端响应式布局原理与实践作为一个前端开发者，响应式网站开发是必备技能之一。响应式有它的很好的优点，也有它一定的缺点。这就需要我们在开发的时候做出取舍。对于内容较少、主要为展示类网站，故采用响应式；对于内容多，管理类的网站…
10. Webpack4不求人(3) ——性能优化 限定Webpack处理文件范围 项目比较小的情况下Webpack的性能问题几乎可以忽略，但是一旦项目复杂度上升，Webpack会有额外的性能损失需要我们进行优化。 通过前面内容的学习我们可以知道Webpack主要干下面这些事情： 通过entry指定的入口脚本进行依赖解析。 找到文件后通过配置的loader对其进行处理。 …
11. 小手一敲，让JS Map方法现原形 一.前言 文章主要讲JS Map对象的用法和如何手写Map，非常适合初步学习了JS的同学，适当的学会手写JS源码的技能，对JS理解和面试都有很大的帮助。大多数人都知道Map方法的使用，但是在网上对Map源码实现的文章很少，希望通过这篇文章可以帮助到大家对Map方法的理解。 说在前面 Map 对象保存键值对，并且能够记住键…
12. JavaScript 是如何执行代码的作用域: 引擎的另一个好朋友，负责创建并维护所有的声明（变量，函数），并实施一套严格的规则，规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。
13. 二月前端实战面试 作者从事前端一年半 基础的我就不讲了，我讲一些回答的不是很好的 腾讯 一面 webpack 的劣势在哪里 技术选型上为什么选择 vue ， vue 有哪些缺陷 是如何进行 code review 的，这里讲了持续化集成 js 的基础类型(这个脑子短路了，给忘了) webpack 针对模块化做的处理 …
14. react hooks之useReducer+useContext实现redux简易版将全局useReducer返回的state和dispatch传递给全局Context.Provider的value中
15. 易企秀数据埋点：高性能 Http 后端服务 介绍 这是一个基于Netty框架二次封装的高性能Http接口服务，增加了对http请求路由的功能，并简化了操作，目的是将接收到的日志经过简单处理后快速推送到kafka ，服务于易企秀数据埋点业务，春节期间日处理10亿+ 特点：简单、高效 （在最普通的机器环境压测QPS最高可以达到2.5w/s） 项目地址：https://github.com…
16. 基于JS正则实现模板数据动态渲染
17. Web终端仿真器 本文为原创文章，转载注明出处，欢迎关注网站https://hkvision.cn 背景 ​ 在我的上一篇文章中已经说过了，我想做一个web命令行。但是呢，我这两天碰到了一些问题，主要是基础不牢引起的一些概念性的问题，导致我在搜索资料的时候花费了很多时间。 ​ 最开始我碰到的问题是我在执行 git clone 命令的时候，我发现如…
18. vue优化小技巧 用vue项目有个特点就是一进入页面会有一段时间的白屏，给人的体验非常差，网上也有很多方案，不过大多都是说什么模块按需加载，开启gzip压缩，服务端渲染（ssr），服务端渲染还算靠谱，前面那两种只能加快页面加载速度，还是无法解决刚进入页面的白屏情况的，原因是因为模板文件 index.html 里有如下的一个标签 <d…

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

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