20190524 前端开发日报

前后端真正分离,网线被拔,也能请求数据(mock.js);单页面(如react,Vue)网站的服务器渲染 SSR 之 seo 大杀器 Rendertron;学习如何去学习 JavaScript – 5 个你应该如何花在学习 JS 上时间的建议;让前端开发者失业的技术,Flutter web初体验;重新巩固JS(三)——JavaScript语句;JavaScript 发布-订阅模式;从零开始写一个 Babel 插件;前端工具函数

  1. 前后端真正分离,网线被拔,也能请求数据(mock.js) 做了一回标题党 (别吐槽,说的大实话,真的可以不用后台,就能拿数据,快!,向下看...) 一、mock.js 是什么? 官网机票 简单的描述一下, mock.js 可以在后台接口没有更新时,来本地模拟数据达到测试界面功能的一个很方便的工具库,mock.js 可以拦截ajax 请求, 重指向并返回你定义的模板数据。更多细节,可...
  2. 学习如何去学习 JavaScript - 5 个你应该如何花在学习 JS 上时间的建议 原文地址: Medium - Learning How to Learn JavaScript. 5 recommendations on how you should spend your time when learning JavaScript 在现代 JavaScript 巨大的生态系统中遨游可谓是一项十分艰巨的任务。且不提众多能在你的机器或服务器上运行起来的 Node.js 模块,如今大堆的前端框架、各种模块打包工具...
  3. 让前端开发者失业的技术,Flutter Web初体验Flutter是一种新型的“客户端”技术。它的最终目标是替代包含几乎所有平台的开发:iosAndroid,Web,桌面;做到了一次编写,多处运行。掌握Flutter web可能是Web前端开发者翻盘的唯一机会。
  4. 重新巩固JS(三)——JavaScript语句 重新巩固JS系列,都是比较基础的东西,可以进行查漏补缺,很快看完,这是第三篇。 其他JS重新巩固系列 : 重新巩固JS(一)——JavaScript基本类型 重新巩固JS(二)——JavaScript操作符与表达式 1. 条件语句 1.1 if else语句 //当条件为真时,执行语句1,条件为假时,执...
  5. JavaScript 发布-订阅模式发布-订阅模式,看似陌生,其实不然。工作中经常会用到,例如 Node.js EventEmitter 中的 on 和 emit 方法;Vue 中的 $on 和 $emit 方法。他们都使用了发布订阅模式,让开发变得更加高效方便。
  6. 从零开始写一个 Babel 插件 相信目前常与 ES6 代码打交道的同学对 Babel 应该不会陌生,在 ES6 代码被编译转化为 ES5 代码的过程中,Babel 插件显得尤为重要,我们最后经由 Babel 生成的代码取决于插件在这一层中做了什么事,在探索这其中的过程之前,我们先来了解下一些所需的基础知识。 抽象语法树 Babel 的工作流可以用下面一张图来表示,...
  7. 前端工具函数将一级的数据结构处理成树状数据结构 处理成树状结构,一般就是需要节点和父节点标识,或者需要考虑以哪个节点为根节点生成树结构数据 {代码...} {代码...} 数组去重 数组去重方法有许多,还分为普通数组和对象数...
  8. webpack4 SplitChunks实现代码分隔详解 代码均放在 git仓库 Webpack 4给我们带来了一些改变。包括更快的打包速度,引入了SplitChunksPlugin插件来取代(之前版本里的)CommonsChunksPlugin插件。在这篇文章中,你将学习如何分割你的输出代码,从而提升我们应用的性能。 SplitChunks插件( webpack 4.x以前使用CommonsChunkPlugin )允许我们将公共依赖项提...
  9. 重新巩固JS(一)——JavaScript基本类型 重新巩固JS系列,都是比较基础的东西,可以进行查漏补缺,很快看完,这是第一篇。 其他JS重新巩固系列: 重新巩固JS(二)——JavaScript操作符与表达式 重新巩固JS(三)——JavaScript语句 JavaScript基本类型 在编程领域中,数据类型(data type)用来将变量的值(value)...
  10. #前端技术#【7 个有用的 Vue 开发技巧】详见: 一些常用的 Vue 开发技巧分享,涉及状态共享、长列表性能优化、去除多余的样式、作用域插槽等内容。(作者:skinner) 1 状态共享 随着组件的细化,就会遇到多组件状态共享的情况,Vuex当然可以解决这类问题,不过就像Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介绍的是vue.js 2.6新增加的Observable API ,通过使用这

    7 个有用的 Vue 开发技巧
  11. Angular 6 开发踩坑 ng new project-name --style=scss --routing 初始化工程文件之后,如果运行 ng serve -o 会出现如下错误: ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sas...
  12. CSS 关于多级菜单的内边距的处理方式原文地址,排版效果更好 [链接] [链接] 在平时的项目中会经常碰到这样一种布局,暂且称之为多级菜单吧 (截图来自于ant-design) 这类布局也很容易,大概就是这样ul和li嵌套,如下 {代码...} 于是就得到下面一个...
  13. HTML 转 PDF 图文报表实践导出 PDF 图文报表实践 方法一: jsPDF 使用 jsPDF 时,需要注意的是其默认单位为 mm,需要在 new jsPDF() 时传入配置 {代码...} 这个方法废了。这个鬼东西多行文本和多个图片,简直要人命! 方法二: wkhtmltopd...
  14. 新发布的 TypeScript 3.5 RC 作出的改进和优化在2019年5月16日,微软宣布推出最新的TypeScript 版本候选版本:3.5 RC 。此版本修复了以前的一些问题,引入了新的改进、性能优化、并添加了一些功能。
  15. 细说JS异步发展历程所谓同步,就是在发出一个"调用"时,在没有得到结果之前,该“调用”就不返回。但是一旦调用返回,就得到返回值了。换句话说,就是由“调用者”主动等待这个“调用”的结果。此调用执行完之前,阻塞之后的代码执行。
  16. 重新巩固JS(二)——JavaScript操作符与表达式 重新巩固JS系列,都是比较基础的东西,可以进行查漏补缺,很快看完,这是第二篇。 其他JS重新巩固系列: 重新巩固JS(一)——JavaScript基本类型 重新巩固JS(三)——JavaScript语句 1.表达式 1.1原始表达式 3.14 //数字直接量 "hello world" //字符串直接量 /...
  17. 前端引用字体@font-face的若干优化方法1 前 言 1.1 场 景 我们在页面展示时,为了更好的效果,一般使用了自定义的字体 @fant-face 。 之前在开发的时候使用了一些自定义字体,这里总结下自己寻找的的一些处理办法。 本文只列出了引入本地字体,网络的...
  18. css绘制各种形状图形(第二版)虽然我们现在大都使用字体图标或者svg图片,似乎使用 CSS 来做图标意义不是很大,但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。
  19. Nginx http资源请求限制(三种方法)前置条件:nginx 需要有 ngx_http_limit_conn_module 和 ngx_http_limit_req_module 模块,可以使用命令 2>&1 nginx -V | tr ' ' 'n'|grep limit 检查有没有相应模块,如果没有请重新编译安装这两个模块。
  20. 为什么我选择用 Github issues 来写博客对于爱写东西的人来说,挑一个合适的博客平台是非常重要的。而作为一个 Web 开发者,我们肯定都希望能够拥有一个高度定制化的博客平台,用以展示我们独一无二的个性以及记录长久以来的学习工作等。与此同时,我们...
  21. JavaScript学习笔记(一) JavaScript诞生于1995年, 由web发展初期的Netscape创建, 当时它的出现主要是用于处理网页中的前端验证. 如今JavaScript早已不再局限于简单的数据验证, 而是具备了与浏览器窗口及其内容交互的能力. 一个完整的JavaScript实现应该由三个部分组成: 核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) ...
  22. React 造轮子系列:Icon 组件思路本轮子是通过 React + TypeScript + Webpack 搭建的,至于环境的搭建这边就不在细说了,自己动手谷歌吧。当然可以参考我的源码。
  23. WebSockets 实战:在 Node 和 React 之间进行实时通信 每日前端夜话0x6C 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:2506 字 预计阅读时间: 8 分钟 翻译:疯狂的技术宅 来源:logrocket Web 为了支持客户端和服务器之间的全双工(或双向)通信已经走过了很长的路。这是 WebSock...

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

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

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