20190823 前端开发日报

前端20个灵魂拷问 彻底搞明白你就是中级前端工程师 【中篇】;VueCli3 MPA 多页面配置;基于Vue/React项目的移动端适配方案;来一个老生长谈的话题,Javascript 中,数组如何去重?;前端模块化解决方案的前世今生;积极使用解构赋值以及箭头函数提升 Javascript 表现力;前端代码规范 — JavaScript 风格指南;Webpack的几点性能优化

  1. 前端20个灵魂拷问 彻底搞明白你就是中级前端工程师 【中篇】前端20个灵魂拷问,彻底搞明白你就是中级前端工程师 上篇 感觉大家比较喜欢看这种类型的文章,以后会多一些。 欢迎加入我们的前端交流二群 目前一群人数有点多 所以开放了二群 ~ 欢迎加入 里面很多小姐姐哦~~...
  2. VueCli3 MPA 多页面配置 Vue Cli 3 多页面应用搭建 -DEMO 创建项目, 然后采用默认配置 项目结构 html 模板文件 index.js (每个页面的入口文件) 5. vue 模板文件 6 更改vue.config.js 多页面其实就是指定多个入口,并且指定每个入口js文件的挂载点, ...
  3. 基于Vue/React项目的移动端适配方案 本文的目标是通过下文介绍的适配方案,使用vue或react开发移动端及H5的时候,不需要再关心移动设备的大小,只需要按照固定设计稿的px值布局,提升开发效率。 下文给出了本人分别使用create-react-app搭建的react(create-react-app)项目和使用vue-cli 2.x 搭建的vue项目中的 亲测可用 配置方案。 px2rem或...
  4. 来一个老生长谈的话题,Javascript 中,数组如何去重? 关于如何去除一个给定数组中的重复项,应该是 Javascript 面试中最常见的一个问题了,最常见的方式有三种: Set 、 Array.filter 以及 Array.reduce ,对于只有简单数据的数组来讲,我最喜欢 Set ,没别的,就是写起来简单。 const originalArray = ...
  5. 前端模块化解决方案的前世今生 美好的一天从 npm run dev 开始,对于现在的前端而言从百家争鸣到逐渐统一的辅助开发工具对前端效率的提升有着不可替代的作用,这一切都必须依赖前端的模块化。在前端还处在刀耕火种的年代想实现模块化只能通过闭包也就是 IIFE ,而如今 ES6 Modules 可能是前端最常用的模块解决方案,那么本篇从 IIFE 来开始归纳前端模...
  6. 积极使用解构赋值以及箭头函数提升 Javascript 表现力 本文列举了一些日常会使用到的 Javascript技巧,可以明显提升代码的表现力。 解构赋值 首先,我们来看一下下面这段代码: const animal = { type: { mammal: { bear: { age: 12 }, deer: { age: 4 } } } } console.log(animal.type.mammal.bear) // 输出:{ ag...
  7. 前端代码规范 — JavaScript 风格指南本文基于 github 项目 airbnb/javascript 翻译,也加入了一些个人理解。规范有利于我们更好的提高代码可读性,避免一些不必要的 bug。但是,并没有统一的标准和硬性要求,这里只是给大家提供一些参考,适合团队和...
  8. Webpack的几点性能优化 Webpack的性能优化主要从打包时间和打包出来的包的大小来考虑 减少 Webpack 打包时间 优化 Loader 对于打包来说,loader越多说明代码需要转换的越多,则效率就越低,因此在优化loader的时候,可以选择loader的搜索范围。 module.exports = { module: { rules: [ { // js 文件才使用 babel ...
  9. setTimeout 或者 setInterval,关于 Javascript 计时器:你需要知道的一切都在这里先来回答一下下面这个问题:对于 setTimeout(function() { console.log('timeout') }, 1000) 这一行代码,你从哪里可以找到 setTimeout 的源代码(同样的问题还会是你从哪里可以看到 setInterval 的源代码)?
  10. JavaScript中按位操作符的有趣应用原文标题:Interesting use cases for JavaScript bitwise operators原文地址:[链接] 本文首发于公众号:符合预期的CoyPan
  11. js中的数组各个方法总结 编写时间:2019-08-20 更新时间:2019-08-20 作者:鬼小妞 备注: 本文 编写 了与js中的数组各个方法总结,仅供参考,前面的直接给出方法表格,后面有详细的解释 状态: 已完成、待整合 2019-08-20 创建数组 方法 描述 举例 var a = ...
  12. 快速排序-分步演示-js递归代码 基于分治的思想,是对冒泡排序的改进。首先在数组中选择一个基准点,然后分别从数组的两端扫描数组,设两个指示标志(low指向起始位置,high指向末尾),首先从后半部分开始,如果发现有元素比该基准点的值小,就交换low和high位置的值,然后从前半部分开始扫秒,发现有元素大于基准点的值,就交换low和high位置的值,如...
  13. 当 vue-function-api 遇上 vuex / vue-router (文章中包含源码和原理分析, 需要有一定的基础, 如果看不懂可以直接翻到最底部, 有现成的库可以解决问题) 2019年05月30日, Vue 的创建者尤雨溪发布了一个 请求意见稿(RFC) , 内容是在即将发布的 Vue 3.0 中使用函数式风格来编写 Vue 组件. 接着 Vue 开发团队放出了可以在 Vue 2.0 中使用这个特性的插件 vue-funct...
  14. 作为一个前端工程师也要掌握的几种文件路径知识之前在做webpack配置时候多次用到路径相关内容,最近在写项目的时候,有一个文件需要上传到阿里云oss的功能,同时本地服务器也需要保留一个文件备份。多次用到了文件路径相关内容以及Node核心API的path模块,所以...
  15. React学习笔记-webpack基本配置 首先要确保你的电脑安装了node.js;安装完成后打开命令行窗口运行命令 node -v 可以查看版本号证明安装成功。 这时说明Nodejs下的包管理器 npm 也安装成功。由于使用npm安装模块是从国外服务器下载,受网络影响较大,可能下载较慢或者出现丢包等情况,推荐使用淘宝镜像来安装模块 运行 npm install -g cn...
  16. 在 Node.js 中将 SVG 图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式你需要将SVG文件转换为PNG、JPEG、TIFF、WEBP 和 HEIF 格式吗?本文将指导你如何转换为所有这些类型的格式。
  17. Nodejs 构建Web应用 前一章我们已经知道了答题的服务器和客户端的工作流程,大体的请求头和响应头的结构如下图 复制代码 在具体的业务中,我们可能的需求有: * 请求方法的判断 * URL的路径解析 * URL中查询字符串解析 * Cookie的解析 * Basic认证 * 表单数据的解析 * 任意格式文件的上传处理 * session会话 复制代码 基础...
  18. 浅谈js执行上下文和词法作用域 每当js引擎执行一段新的js代码时,它都会创建一个全新的执行上下文,由执行上下文来跟踪整个代码的执行情况、当前执行函数、作用域、this指向和变量映射。js引擎通过读取执行上下文就可以管理追踪该段js代码的执行情况,那么多个上下文是通过什么来管理的呢?答案是栈,多个上下文的管理是通过上下文栈来管理的。如果解...
  19. iView+Vue+Echarts+ES6+Mock 实习项目中的技术栈是iView+Vue+Echarts,用了webpack打包等。现在记录学习和复习总结,结束后整理成文档。 Vue 在了解iView之前,要先了解Vue的基础知识。 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的 渐进式框架 。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注...
  20. Vue 动态改变css样式的方法总结 在网页开发中,我们经常会遇到动态的改变某个元素样式的需求,在vue里如何实现呢?我自己总结了三种方式 1.class,三元表达式 根据三元表达式来动态的在两种样式间切换 :class=" " 复制代码 2.:style=“xxxxx”,这里xxx可以是个函数,也可以是个计算属性 函...
  21. ( 第二篇 )仿写'Vue生态'系列___'模板小故事.'核心: 完成'模板解析'模块的相关编写, 很多文章对模板的解析阐述的都太浅了, 本次我们一起来深入讨论一下, 尽可能多的识别用户的语句.
  22. GitHub 官方福利:学生开发者工具包更新,41 项资源免费使用GitHub 今日宣布, GitHub 学生开发者包正式回归,通过 GitHub 认证的学生开发者,可以在读书期间免费获得 GitHub Pro 账户。

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

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

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