20190115 前端开发日报

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

  1. 2019 年(大)前端技术规划 新的一年里,有些新的技术会从实验走向试用;有些技术,则会从试用走向采用;有些技术,则会从采用走向弃用。若是以此为出发点,那么这个 2019 年和过去的 2018 年相比,并不会有太大的区别。学一些新的技术,忘掉一些不同使用的技术。只是前端一个这么广的领域,到底要关心什么技术,到底要忽略什么技术呢? 这便也是...
  2. 记一次 Vue 单页面上线方案的优化 前段时间在工作中会设计到项目上线方案,也踩了一些坑,写个博客记下来她们。 前提 项目是 SPA 单页面应用( Vue 项目),首次会加载 manifest ,这个文件会记录当前项目中所需要的 JS 的版本映射,由于是 SPA ,在点击其他页面时只会加载对应版本的 JS 静态文件和 HTML 文件在同一域名中,比...
  3. 前端常用代码片段(四)前端常用代码片段(一) 点这里前端常用代码片段(二) 点这里前端常用代码片段(三) 点这里前端常用代码片段(四) 点这里前端常用代码片段(五) 点这里前端常用代码片段(六) 点这里
  4. 前端常用代码片段(五)问题点击穿透问题:点击蒙层(mask)上的关闭按钮,蒙层消失后发现触发了按钮下面元素的click事件
  5. vue-cli3使用svg问题的简单解决办法此解决办法使用的是 vue-cli 插件 vue-cli-plugin-svg-sprite 效果如下: 那个朋友圈图标就是我从网上找的svg图片 使用方式如下: {代码...} vue.config.js添加配置,在文件内最下方找到pluginOptions {代码...} ...
  6. 细说 async/await 相较于 Promise 的优势 上一篇文章 「前端面试题系列1」今日头条 面试题和思路解析 中提到了 async/await。它是在 ES8 中正式提出的,但是我发现,身边的朋友用到 async/await 的并不多。那么今天,我们就具体地聊聊什么是 async 函数,与 Promise 相比较,有哪些写法与运用上的优势。 熟悉的同学,也可以温故而知新,正文开始。。。 asyn...
  7. 前端基本功-示例代码(一)1.ajax {代码...} 2.jsonp 1.)原生实现: {代码...} 服务端返回如下(返回时即执行全局函数): {代码...} 2.)jquery ajax: {代码...} 3.)vue.js: {代码...} 4.)npm包jsonp: {代码...} {代码...} 本节参考...
  8. webpack4系列教程(四):处理项目中的资源文件(一)之前的博文已经介绍了Loader的概念以及用法,webpack 可以使用 loader 来预处理文件,这允许你打包除 JavaScript 之外的任何静态资源, 甚至允许你直接在 JavaScript 模块中 import CSS文件。
  9. 用 JS 实现人脑和计算机交互,这个厉害了!】作者非计算机科学背景却用JS 实现了人脑和计算机交互![憧憬]如果你想要入门神经科技,可以看看下面这篇文章,听作者分享他在学习神经科技过程中学到的东西: ​​​

    用 JS 实现人脑和计算机交互,这个厉害了
  10. 从Web到未来 】本文会以时间轴为主线,从介绍我们最为熟悉的一种承载互联网技术形态(浏览器)的历史开始,通过对一些重大节点的还原,以史为鉴,从历史的沿革总结具有启发性的准则,来指导我们一起去看未来技术的发展走向。全文=> ​​​ 本文会以时间轴为主线,从介绍我们最为熟悉的一种承载互联网技术形态(浏览器)的历史开始,通过对一些重大节点的还原,以史为鉴,从历史的沿革总结具有启发性的准则,来指导我们一起去看未来技术的发展走向。    web诞生   在1989年3月,供职于欧洲粒子物理研究所Tim Berners Lee写下了他关...

    从Web到未来
  11. 以太坊工作面试问题集锦(四):DApps 和 Web3 本文由火星彩虹博客译自网友Chirag Maliwal在Coinmonks上的文章Blockchain Job Interview Questions。翻译和转载已得到作者授权。 这是该系列的第四部分,主要是与DApps和Web3有关的一些问题。你还可以阅读该系列的其它部分。 以太坊工作面试问题集锦(一)——以太坊基础知识 以太坊...
  12. 20190114 前端开发日报React 渲染器了解一下;20190113 前端开发周报;20190113 前端开发日报;预计今年发布的 Vue 3.0 到底有什么不一样的地方?;JavaScript 一大痛点得以解决;javascript –...详情→ ​​​

    20190114 前端开发日报
  13. JavaScript是如何工作的:渲染引擎和优化其性能的技巧这是专门探索 JavaScript 及其所构建的组件的系列文章的第11篇。 如果你错过了前面的章节,可以在这里找到它们: JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述! JavaScript 是如何工作的:深入V8引擎...
  14. 你配置 Webpack 4 的方式可能是错的!】很多人一直在抱怨 Webpack 使用起来很麻烦,但你有没有想过你配置 Webpack 4 的方式可能是错的!关注@InfoQ,精彩内容抢先来看☞ ​​​

    你配置 Webpack 4 的方式可能是错的
  15. 20190114 前端开发周报】2018前端入门年终总结;前端面试官的套路,你懂吗?;八种方法实现CSS页面底部固定;Vue.js最受期待的5个特性;CSS 三角实现;2019 年的 JavaScript 新特性学习指南;《...详情→ ​​​

    20190114 前端开发周报
  16. JSON 的兴起与崛起 | 我们不禁要问为什么 XML 的噩运来的如此之快,以至于短短十来年,“异步 JavaScript 和 XML” 这个名称就成为一个很讽刺的误称。 … ​​​

    JSON 的兴起与崛起
  17. #前端技术#【2019 前端开发者学习路线】详见: 一份前端开发者学习路线参考,帮助你对前端、后端、DevOps 在技术全局上的了解,让你能选择更适合自己的学习路线。 ​​​

    2019 前端开发者学习路线
  18. JS 异步编程六种方案 我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务。 这种模式虽然实现起来比较简单,执行环境相对单纯,但是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(...
  19. 聊聊RxJS中的错误重试 最近工作中有一个需求是:如果这个请求超时,则进行重试,且重试次数可配置。 首先我们发请求使用的库为: Axios ,其处理请求的位置,是在 redux-observable 中的 epic 里。 那么如果要完成重试机制的话,有两种办法: 在对 Axios 封装的函数里添加重试代码 在 epic 里,使用 RxJS 操作符进行重试。 ...
  20. git解决pre -commit hook failed (add --no-verify to bypass)的问题pre -commit hook failed (add --no-verify to bypass)
  21. 2018 年度 GitHub 开源项目 TOP 25:数据科学 & 机器学习 AI 科技评论按:本文作者 Pranav Dar 是 Analytics Vidhya 的编辑,对数据科学和机器学习有较深入的研究和简介,致力于为使用机器学习和人工智能推动人类进步找到新途径。2018 这一年中,作者在每个月都会发布一份开源项目月度推荐榜单,而本文则是对全年开源项目的盘点和总结。雷锋网 AI 科技评论编译如下。 ...
  22. 从react转职到vue开发的项目准备首先,为什么我需要做这个项目准备工作呢?因为常年习惯React开发的我,最近突然接手了一个Vue项目,而之前基本没有过Vue的实践,这么突兀让还在沉溺于React开发的我进行Vue开发,甚是不习惯,那自然我需要想办法...

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

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

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