20190115 前端开发日报-前端开发博客

2019 年（大）前端技术规划；记一次 Vue 单页面上线方案的优化；前端常用代码片段(四)；前端常用代码片段(五)；vue-cli3使用svg问题的简单解决办法；细说 async/await 相较于 Promise 的优势；前端基本功-示例代码（一）；webpack4系列教程（四）：处理项目中的资源文件（一）

2019 年（大）前端技术规划新的一年里，有些新的技术会从实验走向试用；有些技术，则会从试用走向采用；有些技术，则会从采用走向弃用。若是以此为出发点，那么这个 2019 年和过去的 2018 年相比，并不会有太大的区别。学一些新的技术，忘掉一些不同使用的技术。只是前端一个这么广的领域，到底要关心什么技术，到底要忽略什么技术呢？这便也是…
记一次 Vue 单页面上线方案的优化前段时间在工作中会设计到项目上线方案，也踩了一些坑，写个博客记下来她们。前提项目是 SPA 单页面应用（ Vue 项目），首次会加载 manifest ，这个文件会记录当前项目中所需要的 JS 的版本映射，由于是 SPA ，在点击其他页面时只会加载对应版本的 JS 静态文件和 HTML 文件在同一域名中，比…
前端常用代码片段(四)前端常用代码片段(一) 点这里前端常用代码片段(二) 点这里前端常用代码片段(三) 点这里前端常用代码片段(四) 点这里前端常用代码片段(五) 点这里前端常用代码片段(六) 点这里
前端常用代码片段(五)问题点击穿透问题：点击蒙层（mask）上的关闭按钮，蒙层消失后发现触发了按钮下面元素的click事件
vue-cli3使用svg问题的简单解决办法此解决办法使用的是 vue-cli 插件 vue-cli-plugin-svg-sprite 效果如下：那个朋友圈图标就是我从网上找的svg图片使用方式如下： {代码…} vue.config.js添加配置，在文件内最下方找到pluginOptions {代码…} …
细说 async/await 相较于 Promise 的优势上一篇文章「前端面试题系列1」今日头条面试题和思路解析中提到了 async/await。它是在 ES8 中正式提出的，但是我发现，身边的朋友用到 async/await 的并不多。那么今天，我们就具体地聊聊什么是 async 函数，与 Promise 相比较，有哪些写法与运用上的优势。熟悉的同学，也可以温故而知新，正文开始。。。 asyn…
前端基本功-示例代码（一）1.ajax {代码…} 2.jsonp 1.）原生实现： {代码…} 服务端返回如下（返回时即执行全局函数）： {代码…} 2.）jquery ajax： {代码…} 3.）vue.js： {代码…} 4.）npm包jsonp： {代码…} {代码…} 本节参考…
webpack4系列教程（四）：处理项目中的资源文件（一）之前的博文已经介绍了Loader的概念以及用法，webpack 可以使用 loader 来预处理文件，这允许你打包除 JavaScript 之外的任何静态资源，甚至允许你直接在 JavaScript 模块中 import CSS文件。
【用 JS 实现人脑和计算机交互，这个厉害了！】作者非计算机科学背景却用JS 实现了人脑和计算机交互！[憧憬]如果你想要入门神经科技，可以看看下面这篇文章，听作者分享他在学习神经科技过程中学到的东西：
【从Web到未来】本文会以时间轴为主线，从介绍我们最为熟悉的一种承载互联网技术形态（浏览器）的历史开始，通过对一些重大节点的还原，以史为鉴，从历史的沿革总结具有启发性的准则，来指导我们一起去看未来技术的发展走向。全文=> 本文会以时间轴为主线，从介绍我们最为熟悉的一种承载互联网技术形态（浏览器）的历史开始，通过对一些重大节点的还原，以史为鉴，从历史的沿革总结具有启发性的准则，来指导我们一起去看未来技术的发展走向。　web诞生　　在1989年3月，供职于欧洲粒子物理研究所Tim Berners Lee写下了他关…
以太坊工作面试问题集锦（四）：DApps 和 Web3 本文由火星彩虹博客译自网友Chirag Maliwal在Coinmonks上的文章Blockchain Job Interview Questions。翻译和转载已得到作者授权。这是该系列的第四部分，主要是与DApps和Web3有关的一些问题。你还可以阅读该系列的其它部分。以太坊工作面试问题集锦（一）——以太坊基础知识以太坊…
【20190114 前端开发日报】React 渲染器了解一下；20190113 前端开发周报；20190113 前端开发日报；预计今年发布的 Vue 3.0 到底有什么不一样的地方？；JavaScript 一大痛点得以解决；javascript –…详情→
JavaScript是如何工作的:渲染引擎和优化其性能的技巧这是专门探索 JavaScript 及其所构建的组件的系列文章的第11篇。如果你错过了前面的章节，可以在这里找到它们： JavaScript 是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript 是如何工作的：深入V8引擎…
【你配置 Webpack 4 的方式可能是错的！】很多人一直在抱怨 Webpack 使用起来很麻烦，但你有没有想过你配置 Webpack 4 的方式可能是错的！关注@InfoQ，精彩内容抢先来看☞
【20190114 前端开发周报】2018前端入门年终总结；前端面试官的套路，你懂吗？；八种方法实现CSS页面底部固定；Vue.js最受期待的5个特性；CSS 三角实现；2019 年的 JavaScript 新特性学习指南；《…详情→
JSON 的兴起与崛起 | 我们不禁要问为什么 XML 的噩运来的如此之快，以至于短短十来年，“异步 JavaScript 和 XML” 这个名称就成为一个很讽刺的误称。 …
#前端技术#【2019 前端开发者学习路线】详见：一份前端开发者学习路线参考，帮助你对前端、后端、DevOps 在技术全局上的了解，让你能选择更适合自己的学习路线。
JS 异步编程六种方案我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。这种模式虽然实现起来比较简单，执行环境相对单纯，但是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（…
聊聊RxJS中的错误重试最近工作中有一个需求是：如果这个请求超时，则进行重试，且重试次数可配置。首先我们发请求使用的库为： Axios ，其处理请求的位置，是在 redux-observable 中的 epic 里。那么如果要完成重试机制的话，有两种办法：在对 Axios 封装的函数里添加重试代码在 epic 里，使用 RxJS 操作符进行重试。 …
git解决pre -commit hook failed (add –no-verify to bypass)的问题pre -commit hook failed (add –no-verify to bypass)
2018 年度 GitHub 开源项目 TOP 25：数据科学 & 机器学习 AI 科技评论按：本文作者 Pranav Dar 是 Analytics Vidhya 的编辑，对数据科学和机器学习有较深入的研究和简介，致力于为使用机器学习和人工智能推动人类进步找到新途径。2018 这一年中，作者在每个月都会发布一份开源项目月度推荐榜单，而本文则是对全年开源项目的盘点和总结。雷锋网 AI 科技评论编译如下。 …
从react转职到vue开发的项目准备首先，为什么我需要做这个项目准备工作呢？因为常年习惯React开发的我，最近突然接手了一个Vue项目，而之前基本没有过Vue的实践，这么突兀让还在沉溺于React开发的我进行Vue开发，甚是不习惯，那自然我需要想办法…