20190627 前端开发日报

JavaScriptJSON.stringify 的二八法则;一文学会Vue中间件管道[每日前端夜话0x8C];支付宝玉伯:从前端到体验,如何把格局做大;初学 Babel 工作原理;centos7.6+nginx+nvm+pm2+nodejs+vuejs初探;「译」编写更好的 JavaScript 条件式和匹配条件的技巧;JavaScript之异步与单线程;JavaScript深入浅出第2课:函数是一等公民是什么意思呢?

  1. JavaScript 中 JSON.stringify 的二八法则 函数 JSON.stringify() 是一个把 JavaScript object 转换成JSON 的标准方法。很多 JavaScript 框架在底层都使用了 JSON.stringify() ,例如: Express' res.json() 、 Axios' post() 和Webpack stats 都在底层调用了 JSON.stringify() 。这篇文章会提供一个实用的、包含异常情况的 JSON.stringify...
  2. 一文学会Vue中间件管道[每日前端夜话0x8C] 每日前端夜话 0x8C 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:2799 字 预计阅读时间:10 分钟 作者:Dotun Jolaoso 翻译:疯狂的技术宅 来源: logrocket 通常,在构建SPA时,需要保护某些路由。例如假设有一个只允许经过身份验证的用户访问的 da...
  3. 支付宝玉伯:从前端到体验,如何把格局做大国内的前端行业,是一个群星璀璨,同时又有些纷纷扰扰的圈子。很多初出茅庐的年轻人怀着改变世界的梦想,谁也不服谁。不过,有一些为前端领域做出贡献的拓荒者几乎受到所有人的尊敬,玉伯就是这些拓荒者中的一员。
  4. 初学 Babel 工作原理已经9102了,我们已经能够熟练地使用 es2015+ 的语法。但是对于浏览器来说,可能和它们还不够熟悉,我们得让浏览器理解它们,这就需要 Babel。
  5. centos7.6+nginx+nvm+pm2+nodejs+vuejs初探 背景 一个切图仔除了工作之余想自己学点东西,想到之前自学了一些vuejs,也了解过一点nodejs和Linux的内容,那就决定下来自己开发部署发布一个小应用吧。(纯属记录自己瞎搞的过程,不对的地方还请大家批评指正,万分感谢) centos7.6 首先搞一个Linux服务器,一个没怎么弄过服务器的菜鸟来说,最简单的当然是去...
  6. 「译」编写更好的 JavaScript 条件式和匹配条件的技巧如果你像我一样乐于见到整洁的代码,那么你会尽可能地减少代码中的条件语句。通常情况下,面向对象编程让我们得以避免条件式,并代之以继承和多态。我认为我们应当尽可能地遵循这些原则。
  7. JavaScript深入浅出第2课:函数是一等公民是什么意思呢?摘要: 听起来很炫酷的一等公民是啥? 《JavaScript深入浅出》系列: JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼? JavaScript深入浅出第2课:函数是一等公民是什么意思呢? 看到一篇讲JavaScript历...
  8. Vue 组件间传参最佳实践1.1.1通过绑定 props 将父组件的数据关联到子组件,并修饰 .sync 或者用 v-model 同步来自子组件的数据变化
  9. JS|JavaScript脚本也可固定位置 欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 问题描述 “如果不改变 <script> 标签的位置,如何固定JS的脚本呢”,当我们在网页中写入 JavaScript 代码时,如果我们每次都必须在其他标签之后嵌入 JavaScript 代码,不仅...
  10. react koa rematch 打造一套服务端渲染架子 本次讲述的内容主要是 react 与 koa 搭建的一套 ssr 框架,是在别人造的轮子上再添加了一些自己的想法和完善一下自己的功能。仓库地址: 本次用到的技术为: react | rematch | react-router | koa react服务端渲染优势 SPA(single page application)单页应用虽然在交互体验上比传统多页更友好,但它也有一...
  11. 详解 HTML attribute 和 DOM property当我们书写 HTML 代码的时候,我们为 HTML <abbr title="Element">元素</abbr>设置<abbr title="attribute">特性</abbr> ,例如:
  12. Node.js 前后端分离开发新思路从事 web 开发的程序员,对于前后端分离模式多半不陌生,这也是目前主流的 Web 开发模式,具体关于前后端分离的模式可以参看文章《你不得不了解的前后端分离原理!》,在这里写者不进行说明。
  13. JavaScript的事件流 事件就是文档或者浏览器窗口中发生的一些特定的交互瞬间。我们可以用侦听器(或者事件处理程序)来预定事件,这样当监测到事件发生时就能执行响应的代码了。 二、事件 事件是JS引擎内置的、预先定义的函数变量 事件有可能由浏览器触发,也可能由用户触发 当事件触发时,JS引擎会按照一定的规则调用这些变...
  14. 重学Vue-Router 除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。 想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。 当你点击 <router-link> 时,这个...
  15. 【js】what is 闭包什么是闭包?MDN给出的官方回答是“闭包是由函数以及创建该函数的词法环境组合而成。这个环境包含了这个闭包创建时所能访问的所有局部变量”
  16. 前端踩坑之数组拷贝 众所周知,在 JavaScript 中对象之间的赋值,只是拷贝对象的引用,也就是浅拷贝,不是真正意义上的拷贝,两个对象之间还会相互影响。然而,我一直忽略了一个问题,数组之间的拷贝会不会也有同样的问题呢?果不其然,当我再次用常用的 array.concat() 方法拷贝数组时,踩到坑了。当我改变一个数组里面对象属性的时候,另...
  17. [源码学习]PrismJS 今天,我们将学习PrismJS的源码,看看它是怎么支持CSS与Javascript的语法高亮的。 PrismJS是一个前端代码高亮库,支持Markup、CSS、JS等多种语法的高亮显示,其实现简单小巧,扩展语法也非常方便,因此今天决定和大家一起学习一下PrismJS的源码。 代码结构 分词 Prism语法高亮的过程总体而言,分为两个步骤: ...
  18. vue + videojs 处理 m3u8 的坑vue + videojs 处理 m3u8 的坑: 坑后面再说,先让m3u8运行起来, 第一步:首先vue的index.html 引入 <link href="[链接]; rel="stylesheet" /> <script src="[链接];></script> <script sr...
  19. 高并发架构的 HTTP 知识介绍 拖延症患者的毛病需要治疗了,不过基础的协议部分内容终于要完结了! 我们前面说过了 CDN的知识,也通过抓包分析了 TCP建立链接的过程。今天一起聊一聊应用层的协议HTTP/HTTPS;这是应用工程师日常中接触最久的协议了。但是你真的了解他吗? 今天我们不讲HTTP协议的几种请求方式,主要介绍H...
  20. Vue 源码剖析 —— 变化侦测相关 API 实现原理 vm.$watch(expOrFn, callback, ) 返回值: unwatch { Function } 用法:用于观察一个表达式或 computed 函数在 Vue.js 实例上的变化,同时给回调函数传入新数据和旧数据作为参数。 options参数: {deep, immediate} ,其中 deep 指定是否观察对象内部值的变化, immediate 指定是否立...
  21. Lua Web快速开发指南(10) - 利用MQ实现异步任务、订阅/发布、消息队列 本章节我们将学习如何使用 MQ 库. MQ库简介 MQ 库实现了各类消息代理中间件(Message Broker)的连接协议, 目前支持: redis 、 mqtt 、 stomp 协议. MQ 库基于上述协议实现了: 生产者 -> 消费者 与 订阅 -> 发布 模型, 可以在不依赖其它服务的情况下独立完成任务. API介绍 cf框架提供了多种 M...
  22. Vue移动端右滑屏幕返回上一页 有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件,提高用户体验。本文结合实例讲解如何实现Vue移动端右滑屏幕返回上一页。 查看演示 下载源码 安装依赖 使用npm安装vue-directive-t...
  23. 一周 GitHub 开源项目推荐:阿里、腾讯、陌陌、bilibili…… 一周 GitHub 开源项目推荐 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 陌陌风控系统正式开源 陌陌风控系统静态规则引擎,零基础简易便捷的配置多种复杂规则,实时高效管控用户异常行为。 GitHub 地址 https://github.com/momosec...

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

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

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