20200227 前端开发日报

不用 TypeScript 的7 个理由；从零开始搭建Electron+Vue+Webpack项目框架，一套代码，同时构建客户端、web端（四）；图片input框自定义样式及前端回显；浅析vue-router源码并尝试实现一个简单的前端路由；前端高级进阶N: 在前端中如何更好地优化打包资源；记一次vue-cli3 webpack简单性能优化；何时使用 Map 来代替普通的 JS 对象；Node.js 开发者调研

1. 不用 TypeScript 的7 个理由很多人人都喜欢 TypeScript。它“解决”了 JS 的许多问题，它是 JS 的“超集”，它能够使你的代码易于查错且易于阅读。有很多使用 TypeScript 的充分理由，但是我将给你 7 个不去用它的“非常好的”理由。
2. 从零开始搭建Electron+Vue+Webpack项目框架，一套代码，同时构建客户端、web端（四） 导航： （一）Electron跑起来 （二）从零搭建Vue全家桶+webpack项目框架 （三）Electron+Vue+Webpack，联合调试整个项目 （四）Electron配置润色 （五）预加载及自动更新（未完待续） （六）构建、发布整个项目（包括client和web）（未完待续） 摘要：前面几篇介绍了如何启…
3. 图片input框自定义样式及前端回显在实际项目中，经常需要用户选择图片以便后续的上传，这时要用到Html的input,并将其type设置为file。原生的input上传图片按钮通常无法符合设计稿，我的做法是将其透明度设置为0，再把宽度高度设置为100%。
4. 浅析vue-router源码并尝试实现一个简单的前端路由 作为 vue 生态圈中的重要一员： vue-router 已经成为了前端工程师要掌握的基本技能之一。本文抛开了 vue-router 的日常使用，从源码入手，一起学习下源码并自己尝试实现一个自己的 vue-router 。阅读过程中,如有不足之处，恳请斧正。 本文共2000余字，阅读本篇大概需要15分钟。如有不足之处，恳请斧正 此…
5. 前端高级进阶N: 在前端中如何更好地优化打包资源这是山月关于高级前端进阶暨前端工程系列文章的第 M 篇文章 (M 随便打的，毕竟也不知道能写多少篇)，关于前 M-1 篇文章，可以从我的 github repo shfshanyue/blog 中找到，如果点进去的话可以捎带~点个赞~，如果…
6. 记一次vue-cli3 webpack简单性能优化 打包不优化，亲人泪两行，附图（未优化前）： 分析打包后各文件的体积 安装 webpack 插件 webpack-bundle-analyzer 执行命令 npm install –save-dev webpack-bundle-analyzer 或 yarn add -D webpack-bundle-analyzer 这是一款可视化分析 webpack 打包后各文件体积的插件 再 vue.config.js 里…
7. 何时使用 Map 来代替普通的 JS 对象点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
8. Node.js 开发者调研 该研究的主要目的是概要分析国内 Node.js 用户，了解他们如何使用 Node.js 并评估对 Node.js 和其他相关技术的满意度以及对将来的预期。 希望您能抽出几分钟时间，将您的感受和建议告诉我们，我们非常重视每位用户的宝贵意见，期待您的参与！现在我们就马上开始?
9. TypeScript 安利指南 骚年，你感受过debug一年找不到问题，最后发现是变量名写错时的绝望吗？ 骚年，你感受过生产线上代码出现Uncaught TypeError时的恐惧吗？ 骚年，你感受过写代码找一万个文件还找不到方法定义时的委屈吗？ 拿起键盘，让我们对谋害生命的代码拖进垃圾箱！(划掉) 前言 据了解…
10. [推荐] 2020 前端开源领域技术展望 作者|展炎、御术、偏右 导读：可以说开源前端领域正如偏右所说的渡过了波澜不惊的2019年，2020年开启了下一个10年，站在这个起点展望前端的未来，必会面临巨大的变化和挑战。说实话，展望接下来的十年会发生什么？十年对于互联网，对于前端来说太长了，很难想象十年后会是什么一个场景，但这路上有些事情在我们…
11. Vue.js 学习教程指南
12. 轻松理解vuex的运用和常见问题，顺便学会vue企业必备实例 Vue的核心是数据驱动和组件化开发，无论是组件的封装还是组件的传参，都是面试中最常见的问题，也难倒了无数面试者，以下就跟大伙分享分享当vue 组件之间的通信感到崩溃时如何运用vuex及面试中常见vuex问题的解决。 先看常见问题： 使用Vuex只需执行 Vue.use(Vuex)，并在Vue的配置中传入一个store对象的示例，store…
13. 【第1期】前端算法精选-字符串系列很多前端工程师甚至很多研发工程师都缺乏数据结构和算知识，前端算法精选系列是一个针对常见的、高频的算法题做的一个算法解析系列，文章会给出详细的思路和解答，希望可以帮助到你。
14. 你可能不知道的JS开发技巧目录 既然写文章有这么多的写作技巧，那么我也需要对「JS开发技巧」整理一下，起个易记的名字。 「String Skill」：字符串技巧 「Number Skill」：数值技巧 「Boolean Skill」：布尔技巧 「Array Skill」：数组技…
15. 前端规范那些事 随着前端工程化的日益成熟，代码规范化对于开发效率的提升起着很大的作用，包括后期的维护，统一的规范能节省交接的时间成本，而规范包括目录结构、代码质量（命名、注释、JS规范、CSS规范、缩进等） 1.eslint 一个插件化的 javascript 代码检测工具，它可以用于检查常见的 JavaScript 代码错误，也可以进…
16. GitHub 用户专属福利，实际到账 3K+，Namebase Airdrop 我经常提醒自己的防骗第一准则：天上不会掉馅饼。 冒着被人当骗子的风险，写这样一篇文章，是因为这次是真的领到了馅饼。不过这个馅饼不是随机掉落，是限定了条件定向投放的，满足条件的可以一试，不满足的就不用浪费时间了，可以推荐给身边的 GitHub 用户来碰碰运气。 我的馅饼到账图： …

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

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