20191112 前端开发日报

前端面试每日3+1(周汇总2019.11.10);现代 JavaScript 教程 — 逻辑运算符;深入理解JS迭代协议——手写迭代器;可能是最透彻的JavaScript数据类型详解;【Dmitri Pavlutin】详细介绍JavaScript的变量提升;React SSR + express 构建简单服务端渲染Demo;GitHub 吸星大法 – 一年收获 2000+ Star 的心得;前端项目优化(一)

  1. 前端面试每日3+1(周汇总2019.11.10)《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。 前端面试每日3+1题,以面试题来驱动学习,每天进步一点! 让努力成为一种习惯,让奋斗成为一种享受!相信 坚持 的力量!!!
  2. 现代 JavaScript 教程 — 逻辑运算符 逻辑运算符 JavaScript 里有三个逻辑运算符: || (或), && (与), ! (非)。 虽然他们被称为“逻辑”运算符,但这些运算符却可以被应用于任意类型的值,而不仅仅是布尔值。他们的结果也同样可以是任意类型。 让我们来详细看一下。 ||(或) 两个竖线符号表示了“或”运算: result = a || b; 复...
  3. 深入理解JS迭代协议——手写迭代器 可迭代协议允许 JavaScript 对象去定义或定制它们的迭代行为, 例如(定义)在一个 for..of 结构中什么值可以被循环(得到)。一些内置类型都是内置的可迭代类型并且有默认的迭代行为, 比如 Array or Map, 另一些类型则不是 (比如Object) 。 为了变成可迭代对象, 一个对象必须实现 @@iterator 方法, 意思是这个对象(...
  4. 可能是最透彻的JavaScript数据类型详解 接触写博客有一段时间了,都是边学边学着写,但总感觉写的凌乱,想起啥写啥。这几天在刷红宝书,收获还是蛮多的,决定结合自己的学习,写一个系列,我叫它「前端料包」,旨在巩固前端基础,努力提升自己,同时也乐于做一个分享者。这个系列包括但不限于下面脑图中的内容,目录和发文顺序暂且如下: 概述 ...
  5. 【Dmitri Pavlutin】详细介绍JavaScript的变量提升 翻译:道奇 作者:Dmitri Pavlutin 原文: JavaScript Variables Hoisting in Details 程序里的变量随处可见,数据和逻辑的交互使得应用程序有了生命, JavaScript 中处理变量时会会遇到一个重要的概念:变量提升。如果你正在找变量提升的详细介绍,那么你就来对地方了。 1.简介 变量提升是将变量的声...
  6. React SSR + express 构建简单服务端渲染Demo 服务器端渲染(ssr):用户请求服务器,服务器上直接生成 HTML 内容并返回给浏览器。 ssr实现原理 - virtual Dom 的存在 在服务器端,判断是服务器环境,通过操作js对象,把virtual Dom通过renderToString 或 renderToStaticMarkup映射成字符串输出。通过url请求,在真实浏览器环境把virtual Dom映射成真实Dom,完成页...
  7. GitHub 吸星大法 - 一年收获 2000+ Star 的心得笔者做前端开发这些年,几乎每天都会刷 GitHub,也时不时在上面分享博客和做一些开源项目,也算是 GitHub 的重度使用者了,其中也掌握了一定的技巧,并在一年内收获了 2000+ Star。
  8. 前端项目优化(一) 一,本文分为两部分 普通项目优化 Vue项目优化 防止XSS与XSRF(安全性) 二,普通项目优化: 页面加载阶段 页面渲染阶段 一、 页面加载 dns预解析 使用cdn 静态资源的压缩与合并 减少https请求 异步加载defer,async 服务端渲染ssr 多使用内存和缓存 二、 页面渲染 css放前面...
  9. 为了学好 React Hooks, 我抄了 Vue Composition API, 真香 前几篇文章都在讲 React 的 Concurrent 模式, 很多读者都看懵了,这一篇来点轻松的,蹭了一下 Vue 3.0 的热度。讲讲如何在 React 下实现 Vue Composition API (下面简称 VCA ),只是个玩具,别当真。 实现 'React' Composition API?看起来很吊,确实也是,通过本文你可以体会到这两种思想的碰撞, 你可以深入学习...
  10. babel plugin开发思考 babel 就是把ecma较新的js语法翻译成浏览器可以识别的解释器,具体详见 babel官网 babel plugin 关于 plugin 的设计结构 plugin 是一个很常见的设计结构了,往前看 jquery的时期,jquery 暴露了一个extend 方法,把插件都挂$.extend 下 之后像webpack这样的plugin,就是注册了webpack的生命周期钩子,...
  11. Golang的json包本文对常见的JSON包做一些介绍,方便快速入门。每一小节均有示例说明。大家在实际开发中可以选择适合自己的json包。
  12. 开发一个高质量的前端组件,这些姿势一定要知道2009 年 11 月 8 日,在欧洲 JSConf 大会上,Ryan Dahl 第一次正式向业界宣布了 Node.js 的面世,使 JS 语言书写后端应用程序成为了可能。在随后的几年里,Node.js 受到了 JavaScript 社区的狂热追捧,前端行业也...
  13. 前端与算法 leetcode 350. 两个数组的交集 II[TOC] 前端与算法 leetcode 350. 两个数组的交集 II 题目描述 给定两个数组,编写一个函数来计算它们的交集。 示例 1: {代码...} 示例 2: {代码...} 说明: 输出结果中每个元素出现的次数,应与元素在两个数组中...
  14. NodeJS 内存泄漏检测与定位 最近解决了一个 Node.JS 应用内存泄漏 Bug,顺便学会了用 Chrome DevTools 去看 heapdump 文件。这里做一些简单的记录。 如何「优雅地」获得 heapdump 文件 由于我们所有应用都是以容器部署的,所以要去获得某个容器内的文件,并拷贝到本地难度还是比较大,也非常麻烦。考虑到调试时或许会需要下载非常多次的 snaps...
  15. 利用 typescript 写 react-redux 和 redux-thunk,以及 thunk 等中间件的实现过程reducer 又接收两个参数,state 和 action,根据不同的 action 返回一个新的 state
  16. jQuery 跨站脚本漏洞影响大量网站 Snyk 发布了 2019 年度的 JavaScript 框架安全状况报告 (PDF),除了最流行的 JS 框架 Angular 和 React 外,报告还观察了其它三个流行 JS 前端框架 Vue.js、Bootstrap 和 jQuery 的 安全漏洞 。jQuery 过去 12 个月的下载量超过了 1.2 亿次,是 Vue.js 的 4000 万次和 Bootstrap 的 7900 万次之和。Vue.js 发现了 ...
  17. 推荐几篇最近看的,React的文章完全理解React Fiber 原文链接: [链接] React Fiber架构 原文链接: [链接] React hooks概览 原文链接: [链接] Stop Asking if React Hooks Replace Redux 原文链接: [链接] Mobx还是Redux 原文链接...

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

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

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