20191212 前端开发日报

前端面试必会 | 一文读懂 JavaScript 中的闭包;实现Vue项目主题切换;连v-show都不会你还敢说熟悉 Vue 原理?;【Webpack4】CSS 配置之 MiniCssExtractPlugin;前端应该知道的cors web跨域细节;JS回顾变量、作用域、内存问题;2020年Node.js将会有哪些新功能;Vue & TypeScript 初体验 – TypeScript中的Interface

  1. 前端面试必会 | 一文读懂 JavaScript 中的闭包 本文翻译自 blog.bitsrc.io/a-beginners… ,作者 Sukhjinder Arora,内容有部分修改,标题有修改。 闭包是每个 JavaScript 程序员都应该知道并且掌握的基础概念。然而,这个概念使很多 JavaScript 新手感到困惑。 对闭包有适当的了解将有助于您编写更好,更有效和干净的代码。反过来,它将帮助您成为更好的 JavaScr...
  2. 实现Vue项目主题切换 对于SaaS平台而言,因为需要一套平台面向不同客户,所以会有不同主题切换的需求。本篇主要探讨如何在Vue项目中实现该类需求。 几种方案 有产品需求就要想办法通过技术满足,经过搜索,找到了以下几种方案: 方案一, 定义 theme 参数,通过 prop 下发,子组件根据 theme 来动态绑定 style 的方式实现。具...
  3. 连v-show都不会你还敢说熟悉 Vue 原理? Vue 作为最主流的前端框架,中文资料齐全、入门简单、生态活跃,可以说是工作中最常用的,如今对 Vue 原理的熟悉基本上是简历的标配了。之前参与了部分 2019 校园招聘的面试工作,发现很多简历上都写了:“精通 Vue”、“熟悉 Vue 原理和源码”、“熟悉 Vue 全家桶及其底层原理”、“熟悉 Vue&nb...
  4. 【Webpack4】CSS 配置之 MiniCssExtractPlugin 在配置 Webpack 时,需要区分用于开发模式还是生产模式。比如我们只需要在生产模式时压缩 CSS;而在开发模式的时候,我们又希望生成 Sourcemap 便于调试,以及样式热更新。那么,怎么在 webpack.config.js 中判断开发、生产模式呢? 我通常会定义三个 webpack 配置文件: webpack.config.base.js :通用的配置...
  5. 前端应该知道的cors web跨域细节 本文将要讲什么 什么是cors跨域、细节 cors跨域带cookie的细节 结合 demo( zhiguangphoenix/cors-demo ) 前提知识和背景 知道什么是跨域,什么是同源策略,跨域的限制等等 知道除cors外常见的跨域实现 前段时间在工作中接了一个小的后端服务的需求,做的过程中可能需要接入跨域带cookie的方案...
  6. JS回顾变量、作用域、内存问题 ECMAScript变量包含两种不同数据类型的值: 基本数据类型 和 引用数据类型 在将一个值赋值给变量时,解析器必须知道这个值是基本数据类型还是引用数据类型.基本数据类型: Undefine、Null、Boolean、Number和String,这五种基本数据类型是按值访问的,因为可以操作保存变量中的实际的值. 引用数据类型的值是保存在内存...
  7. 2020年Node.js将会有哪些新功能2019 年是 Node.js 诞生的第 10 个年头,npm 上可用的包数量超过了 100 万。 Node.js 本身的下载量也在持续增长,同比增长了 40%。另一个重要的里程碑是 最近 Node.js加入了 OpenJS 基金会,该基金会承诺改善项...
  8. Vue & TypeScript 初体验 - TypeScript中的Interface 前文回顾 Vue & TypeScript 初体验 Vue & TypeScript 初体验 - 使用Vuex (vuex-module-decorators) 在这两篇中, 主要介绍了在vue 2.x版本中使用TypeScript面向对象编程时, 一些在编写Vue组件时语法上的变化. 以及使用Vuex时一些变化. 本文主要介绍下, 利用TypeScript语言的特性, 如何有...
  9. Node.js 内存溢出时如何处理? Node.js 做密集型运算,或者所操作的数组、对象本身较大时,容易出现内存溢出的问题,这是由于 Node.js 的运行环境依赖 V8 引擎导致的。如果经常有较大数据量运算等操作,需要对 Node.js 运行环境限制有充分的了解。 本文涵盖 内存溢出问题 为什么会内存溢出 2.1 V8内存分...
  10. 探讨JS中获取元素属性8大方法 今天想聊聊在Web前端开发中经常用到的技术:获取元素属性的一系列方法【innerHTML、outerHTML、innerText 、outerText、value、text()、html(),val()】。 这些方法,大家应该用过,如果让你说出它们的一些区别和联系,能答得上来吗?接下来让我们一起来温故下。 首先我们需要把它们归类下: innerHTML、outerH...
  11. Vue3.0 新特性全面探索 - 基于 Composition Api 快速构建实战项目基于 Composition API 即 Function-based API 进行改造,配合 Vue Cli,优先体验 Vue3 特性
  12. node&前端 脚手架入门 脚手架是为了保证各施工过程顺利进行而搭设的工作平台。在项目开发中我们把创建项目结构模版的工具也称之为脚手架。如vue-cli,create-react-app等。这些脚手架等原理都一样,即用Node.js命令行程序生成项目模版。 第一个Node.js命令行脚本 编写脚手架其实就是Node.js命令行开发,和写shell脚本类似,使用JavaScript语...
  13. 写给前端的正则表达式入门 1. 概览 在JavaScript中,使用//即可创建一个正则表达式对象,当然也可以使用new RegExp() 常用的跟正则相关的方法有match、test和replace。 其中match,replace都是字符串上的方法,test是正则对象上的方法。 下面看具体的图示: 2. 匹配单字符 /r...
  14. 一篇文章搞定javascript中的字符串 一篇文章搞定javascript中的字符串 字符串作为javascript的基本类型之一,其创建方式有两种,第一种是 var str = "this is javascript String Article" 或者 var str = String(" this is javascript String Article") 都可以 ,这里可以使用“”或者‘’都可以,javascript中不区分单,双引号,这种...
  15. 一看就会的 CI/CD :Github Actions 什么是 CI/CD? 我这里先不说概念,先说一个平时开发的场景问题: 我们平时开发一个项目,经常会遇到这些“小”问题: 就是如何保证自己的项目是正确的,至少拿给别人的时候,可以编译运行的? 或者说多人开发的时候,如何保证提交没有编译冲突? 或者如何做到...
  16. 花椒web端实时互动流媒体播放器 项目背景 春天的时候花椒做了一个创新项目, 这是一个直播综艺节目的项目,前端的工作主要是做出一个PC主站点,在这个站点中的首页需要一个播放器,  既能播放FLV直播视频流,还要在用户点击视频回顾按钮的时候, 弹出窗口播放HLS视频流;我们开始开发这个播放器的时候也没有多想, 直接使用了大家都能想到...
  17. 现代前端库开发指南系列(三):从说明文档看库的前世今生我们在工作中很多时候都要做技术选型,去找寻既能满足自己需求又靠谱的第三方库;在前端开源生态季度繁盛的现状下,只要不是太小众的需求,我们很容易就能找到一堆相关的开源库,那我们具体要怎么做决策呢?我的...
  18. 深入理解Angular onPush变更检测策略 默认情况下,Angular使用 ChangeDetectionStrategy.Default 策略来进行变更检测。 默认策略并不事先对应用做出任何假设,因此,每当用户事件、记时器、XHR、promise等事件使应用中的数据将发生了改变时,所有的组件中都会执行变更检测。 这意味着从点击事件到从ajax调用接收到的数据之类的任何事件都会触发更改检测...
  19. 阿里经济体前端技术最新内容汇总作为阿里经济体前端委员会四大技术方向之一,前端智能化项目经历了 2019 双十一的阶段性考验,交出了不错的答卷,天猫淘宝双十一会场新增模块 79.34% 的线上代码由前端智能化项目自动生成。在此期间研发小组经历...
  20. 前端数据结构与算法细致分析—中下(排序)归并排序正如名字所示。使用的是分治思想,即将一个大的问题拆解成一个个小的子问题,小的问题都解决了,组合到一起就等价于大的问题也解决了,如果你react使用的比较熟练,你应该能明白,一个大的模块我们可以将...
  21. Javascript之作用域相关概念的个人理解 开头的废话 这篇文章也是不久前总结的。其实,这些东西也不是什么新鲜的概念,但是每次回忆起来的时候总是零零碎碎的,似懂非懂。索性总结一下,虽然很多观点不一定对,但是能帮助我理解就够了。当然,如果有错误还是希望大家指正,谢谢! 废话一大堆,下面开始一本正经的聊聊我写的bug,咳咳咳(严肃)! 1、执行上...
  22. 还没搞懂 NodeJS 的 HTTP 服务器?看这一篇就够了 http2/https不在本文的讨论范围,本文基于Nodejs v13.1.0 阅读本篇文章之前,请阅读前置文章: nodejs深入学习系列之libuv基础篇(一) nodejs深入学习系列之libuv基础篇(二) nodejs是如何和libuv以及v8一起合作的?(文末有彩蛋哦) Nodejs流学习系列之三: Duplex Stream &...

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

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