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

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

前后端真正分离，网线被拔，也能请求数据（mock.js）做了一回标题党（别吐槽，说的大实话，真的可以不用后台，就能拿数据，快！，向下看…）一、mock.js 是什么？官网机票简单的描述一下， mock.js 可以在后台接口没有更新时，来本地模拟数据达到测试界面功能的一个很方便的工具库，mock.js 可以拦截ajax 请求，重指向并返回你定义的模板数据。更多细节，可…
单页面(如react，vue)网站的服务器渲染 SSR 之 SEO 大杀器 Rendertron
学习如何去学习 JavaScript – 5 个你应该如何花在学习 JS 上时间的建议原文地址： Medium – Learning How to Learn JavaScript. 5 recommendations on how you should spend your time when learning JavaScript 在现代 JavaScript 巨大的生态系统中遨游可谓是一项十分艰巨的任务。且不提众多能在你的机器或服务器上运行起来的 Node.js 模块，如今大堆的前端框架、各种模块打包工具…
让前端开发者失业的技术，Flutter Web初体验Flutter是一种新型的“客户端”技术。它的最终目标是替代包含几乎所有平台的开发：iOS，Android，Web，桌面；做到了一次编写，多处运行。掌握Flutter web可能是Web前端开发者翻盘的唯一机会。
重新巩固JS（三）——JavaScript语句重新巩固JS系列，都是比较基础的东西，可以进行查漏补缺，很快看完，这是第三篇。其他JS重新巩固系列：重新巩固JS（一）——JavaScript基本类型重新巩固JS（二）——JavaScript操作符与表达式 1. 条件语句 1.1 if else语句 //当条件为真时，执行语句1，条件为假时，执…
JavaScript 发布-订阅模式发布-订阅模式，看似陌生，其实不然。工作中经常会用到，例如 Node.js EventEmitter 中的 on 和 emit 方法；Vue 中的 $on 和 $emit 方法。他们都使用了发布订阅模式，让开发变得更加高效方便。
从零开始写一个 Babel 插件相信目前常与 ES6 代码打交道的同学对 Babel 应该不会陌生，在 ES6 代码被编译转化为 ES5 代码的过程中，Babel 插件显得尤为重要，我们最后经由 Babel 生成的代码取决于插件在这一层中做了什么事，在探索这其中的过程之前，我们先来了解下一些所需的基础知识。抽象语法树 Babel 的工作流可以用下面一张图来表示，…
前端工具函数将一级的数据结构处理成树状数据结构处理成树状结构，一般就是需要节点和父节点标识，或者需要考虑以哪个节点为根节点生成树结构数据 {代码…} {代码…} 数组去重数组去重方法有许多，还分为普通数组和对象数…
webpack4 SplitChunks实现代码分隔详解代码均放在 git仓库 Webpack 4给我们带来了一些改变。包括更快的打包速度，引入了SplitChunksPlugin插件来取代（之前版本里的）CommonsChunksPlugin插件。在这篇文章中，你将学习如何分割你的输出代码，从而提升我们应用的性能。 SplitChunks插件( webpack 4.x以前使用CommonsChunkPlugin )允许我们将公共依赖项提…
重新巩固JS（一）——JavaScript基本类型重新巩固JS系列，都是比较基础的东西，可以进行查漏补缺，很快看完，这是第一篇。其他JS重新巩固系列：重新巩固JS（二）——JavaScript操作符与表达式重新巩固JS（三）——JavaScript语句 JavaScript基本类型在编程领域中，数据类型（data type）用来将变量的值（value）…
#前端技术#【7 个有用的 Vue 开发技巧】详见：一些常用的 Vue 开发技巧分享，涉及状态共享、长列表性能优化、去除多余的样式、作用域插槽等内容。（作者：skinner） 1 状态共享随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这
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…
CSS 关于多级菜单的内边距的处理方式原文地址，排版效果更好 [链接] [链接] 在平时的项目中会经常碰到这样一种布局，暂且称之为多级菜单吧（截图来自于ant-design）这类布局也很容易，大概就是这样ul和li嵌套，如下 {代码…} 于是就得到下面一个…
HTML 转 PDF 图文报表实践导出 PDF 图文报表实践方法一： jsPDF 使用 jsPDF 时，需要注意的是其默认单位为 mm，需要在 new jsPDF() 时传入配置 {代码…} 这个方法废了。这个鬼东西多行文本和多个图片，简直要人命！方法二： wkhtmltopd…
新发布的 TypeScript 3.5 RC 作出的改进和优化在2019年5月16日，微软宣布推出最新的TypeScript 版本候选版本：3.5 RC 。此版本修复了以前的一些问题，引入了新的改进、性能优化、并添加了一些功能。
细说JS异步发展历程所谓同步，就是在发出一个”调用”时，在没有得到结果之前，该“调用”就不返回。但是一旦调用返回，就得到返回值了。换句话说，就是由“调用者”主动等待这个“调用”的结果。此调用执行完之前，阻塞之后的代码执行。
重新巩固JS（二）——JavaScript操作符与表达式重新巩固JS系列，都是比较基础的东西，可以进行查漏补缺，很快看完，这是第二篇。其他JS重新巩固系列：重新巩固JS（一）——JavaScript基本类型重新巩固JS（三）——JavaScript语句 1.表达式 1.1原始表达式 3.14 //数字直接量 "hello world" //字符串直接量 /…
前端引用字体@font-face的若干优化方法1 前言 1.1 场景我们在页面展示时，为了更好的效果，一般使用了自定义的字体 @fant-face 。之前在开发的时候使用了一些自定义字体，这里总结下自己寻找的的一些处理办法。本文只列出了引入本地字体，网络的…
css绘制各种形状图形（第二版）虽然我们现在大都使用字体图标或者svg图片，似乎使用 CSS 来做图标意义不是很大，但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。
Nginx http资源请求限制（三种方法）前置条件：nginx 需要有 ngx_http_limit_conn_module 和 ngx_http_limit_req_module 模块，可以使用命令 2>&1 nginx -V | tr ‘ ‘ ‘n’|grep limit 检查有没有相应模块，如果没有请重新编译安装这两个模块。
为什么我选择用 Github issues 来写博客对于爱写东西的人来说，挑一个合适的博客平台是非常重要的。而作为一个 Web 开发者，我们肯定都希望能够拥有一个高度定制化的博客平台，用以展示我们独一无二的个性以及记录长久以来的学习工作等。与此同时，我们…
JavaScript学习笔记(一) JavaScript诞生于1995年, 由web发展初期的Netscape创建, 当时它的出现主要是用于处理网页中的前端验证. 如今JavaScript早已不再局限于简单的数据验证, 而是具备了与浏览器窗口及其内容交互的能力. 一个完整的JavaScript实现应该由三个部分组成: 核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) …
React 造轮子系列：Icon 组件思路本轮子是通过 React + TypeScript + Webpack 搭建的，至于环境的搭建这边就不在细说了，自己动手谷歌吧。当然可以参考我的源码。
WebSockets 实战：在 Node 和 React 之间进行实时通信每日前端夜话0x6C 每日前端夜话，陪你聊前端。每天晚上18:00准时推送。正文共：2506 字预计阅读时间： 8 分钟翻译：疯狂的技术宅来源：logrocket Web 为了支持客户端和服务器之间的全双工（或双向）通信已经走过了很长的路。这是 WebSock…