20200508 前端开发日报

简明扼要聊聊 Vue3.0 的 Composition API 是啥东东；前端宅男五一总结；JS数据类型的强制转换；HTTP 的基本概念；React(二)-组件和数据；让 WebSocket 更友好：给 Hyperf 加上 socket.io 支持；在 Node.js 中用 Puppeteer 实现网络爬虫；你不知道的CSS国际化

1. 简明扼要聊聊 Vue3.0 的 Composition API 是啥东东

   对于没太了解 Vue3.0 的同学，在看到 Composition API 时，除了看起来会有一个“高大上”的感觉，可能更多的是有点懵逼，心中不免泛起一堆疑惑，这到底是何方神圣？干了何等大事？承担了何种重任？ 下面我们就一起来简明扼要聊聊，用人人都听得懂的话来阐述 Vue3.0 Composition API。 What 首先，这两单词是啥意思…

2. 前端宅男五一总结

   节前发沸点立了一个flag，五一不出去浪了，待在家里看书写代码，对于在职人士来说，五天的完整时间 ，还是很宝贵的 完成状况 早起游戏九连胜 达到历史最高段位钻一 中学偷偷去网吧才能早起的策略 现在依然适 看了一本产品的书 里面的求职信让我重新思考职业的热情，另外一本《增长黑客》读了一…

3. JS数据类型的强制转换

   想要搞明白数据类型的转换，首先得清楚js有哪几种数据类型 1.数据类型 ES最新标准现共有8种数据类型，其中基本数据类型7种，引用数据类型1种 基本数据类型 Boolean 布尔值，只含有两个关键字（true，false） String 字符串 Undefined 一个声明的但未定义的值，拥有全局属性unde…

4. HTTP 的基本概念

   前言（废话） 今天同事说电话面试遇到了一些http相关的问题，在这里记录一下。（梳理完发现确实有很多遗漏的知识点） 主题 今天主要分以下五个主题 HTTP是什么 超文本传输协议 HTTP中常见字段 …

5. React(二)-组件和数据

   一、元素和组件 const div = React.createElement( ‘div’,…) 这是一个React元素(d小写) const Div = ( )=>React.createElement(‘div’,… ) 这是一个React组件(D大写) JSX文件/JS文件中一个返回 React 对象的函数就是组件，（前者用标签后者用React API） 二、类组件和函数组件 定义组件最简单的方式就是编写 …

6. 让 WebSocket 更友好：给 Hyperf 加上 socket.io 支持

7. 在 Node.js 中用 Puppeteer 实现网络爬虫

   你是否曾想要用你最喜欢的公司或网站的 API 做一个新的 App 项目，结果发现人家要么压根没有 API 支持，要么已经不对外开放了？（说的就是你，Netflix）好吧，这事儿就发生在我身上，而鉴于我是一个不达目的不罢休的人，我最终还是找到了破局的办法：网络爬虫。 网络爬虫是一种使用软件从一个网站中自动提取和收集数据…

8. 你不知道的CSS国际化

   我遇到过一些人，他们根本不认为CSS与国际化有关，但如果你仔细想想，国际化不仅仅是把你网站上的内容翻译成多种语言，然后就收工了。该内容的呈现方式有各种细微的差别，这些细微的差别会影响到母语人士使用您的…

9. 如何在 JavaScript 中创建自定义排序方法

   点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

10. 使用 Reactor 响应式编程

    Contents 1 介绍 1.1 响应式编程 1.2 Reactor 2 Spring Boot中使用Reactor 2.1 添加依赖 3 Reactor使用示例 3.1 创建操作 3.2 联合操作 …

11. CSS 中你需要知道 auto 的一切

    点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

12. 动图学CS: 有用的 Git 命令（上）

    尽管 Git 是一个非常强大的工具，但是我相信大部分同学有时候学起 Git 来，感觉很难搞~ 笔者总是习惯于在脑海中重现学习的知识，Git 也一样：当我们执行了切换分支命令，分支之间是如何交互的？又是如何影响历史…

13. Vue(2.x 和 3.0) 双向绑定原理及实现（Object.defineProperty 和 Proxy）以及常见错误区分

    vue实现双向绑定原理，主要是利用Object.defineProperty 来给实例data的属性添加 setter和getter. 并通过发布订阅模式（一对多的依赖关系，当状态发生改变，它的所有依赖都将被通知）来实现响应。 这个环节中包含了三个部分 Observer 用来监听拦截data的属性为监察者。 Dep用来添加订阅者，为订阅器 …

14. webpack 构建示例

    webpack 是一个现代 JavaScript 应用程序的静态模块打包工具，它对于前端工程师来说可谓是如雷贯耳，基本上现在的大型应用都是通过 webpack 进行构建的。 webpack 具有高度可配置性，它拥有非常丰富的配置，在过去一段时间内曾有人将熟练配置 webpack 的人称呼为 “webapck 工程师”。当然，这 title 只是玩笑话，但也从…

15. 关于Node.js中内存管理的思考与实践

    ❝ 本人最近沉迷于Node的探索，也对Node用于后端开发感兴趣。所以本着探索的精神，认真重读了一下《深入浅出Node.js》关于内存的部分，觉得自己其实开始不会去关心了解这些内容，现在真的开阔我的眼界，受益匪浅。 ❞ 01 前言 随着Node的发展，JavaScript的运行已经不再局限于运行在浏览器中了，Node在…

16. NodeJS 中 DNS 查询的坑 & DNS cache 调研

    近期在做一个 DNS 服务器切换升级的演练中发现，我们在 NodeJS 中使用的 axios 以及默认的 dns.lookup 方法存在一些问题，会导致切换过程中的响应耗时从 ~80ms 上升至 ~3min，最终 nginx 层出现大量 502。 具体背景与分析参见 《node中请求超时的一些坑》 :arrow_right: 总结来说，NodeJS DNS 这块的“坑”可能有↓↓…

17. 前端进阶算法2：从Chrome V8源码看JavaScript数组（附赠腾讯面试题）.md

    我们知道在 JavaScript 中，可以在数组中保存不同类型值，并且数组可以动态增长，不像其它语言，例如 C，创建的时候要决定数组的大小，如果数组满了，就要重新申请内存空间。这是为什么喃？

更多内容请关注公众号【前端开发博客】每日更新