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