20191014 前端开发日报

说说JS中的沙箱;Vue 3.0 公开代码之后……;精读《用 Babel 创造自定义 JS 语法》;vue打包优化大小,vue服务端渲染,非cli环境实现spa单页面项目;CSS Selectors Level 4;Spring Boot 2 实战:mock测试你的web应用;Vue3.0 中的 monorepo 管理模式;政采云前端小报第51期

  1. 说说JS中的沙箱其实在前端编码中,或多或少都会接触到沙箱,可能天真善良的你没有留意到,又可能,你还并不知道它的真正用途,学会使用沙箱,可以避免潜在的代码注入以及未知的安全问题。
  2. Vue 3.0 公开代码之后…… 前言 在2019年10月5日,尤小右公开了 Vue 3.0 的源代码。 vue 3.0 源代码仓库 https://github.com/vuejs/vue-next 想了解 vue 3.0 源码的同学,可以访问上述链接。 作为现阶段的主流前端框架之一,Vue 受到了大家的强烈关注。 源码公开后…
  3. 精读《用 Babel 创造自定义 JS 语法》前端精读已经写到第 123 篇了,大家已经不必担心它突然停止更新,因为我已养成每周写一篇文章的习惯,而读者也养成了每周看一篇的习惯。所以我想说的其实是一种更有生命力的自媒体运作方式,定期更新。一个定期更…
  4. vue打包优化大小,vue服务端渲染,非cli环境实现spa单页面项目 引言: 写这篇文章的目的主要在于刚才看了一位掘友的文章,但是我看了他的代码有点粗糙,甚至是我觉得无法作为一篇好的给予新手的引导文章。 这里我先抱歉一声,因为我这样做有损你的声誉。 先放上该掘友的文章,还是很不错的,只是希望多点注解会更好: https://juejin.im/post/5d9ff02df265da5baf4104d9#comme…
  5. 一堆新的 CSS 选择器,学习了。
  6. Spring Boot 2 实战:mock测试你的web应用软件测试是一个应用软件质量的保证。java开发者开发接口往往忽视接口单元测试。作为java开发如果会Mock单元测试,那么你的bug量将会大大降低。spring提供test测试模块,所以现在小胖哥带你来玩下springboot下的Mo…
  7. Vue3.0 中的 monorepo 管理模式 前段时间9月21日参加了在成都举办的 第五届FEDAY , 印象比较深刻的是白鹭引擎首席架构师@王泽分享的 《框架开发中的基础设施搭建》 ,提到了在下一代白鹭引擎中使用到 monorepo 模式,以用来管理多个模块,协调各个模块之间的依赖更新。 正好在国庆期间10月5日尤大公开了 vue3.0 已完成的源码,也…
  8. 政采云前端小报第51期 政采云前端小报第51期 浏览更多往期小报,请访问:weekly.zoo.team 重磅!W3C首次发布小程序标准化白皮书,小程序要实现统一了吗? 2019 年 9 月 12 日,W3C 首次公开发布了小程序标准化白皮书,该文档介绍了这种非常流行的混合解决方案,既依赖 Web 技术,也集成了原生应用的功能。 flutter …
  9. webpack 4.x之搭建前端开发环境 首先将npm更改为cnpm,因为国内的npm有时下载速度很慢,可以安装cnpm,从国内淘宝镜像下载,执行以下命令: npm install -g cnpm –registry=https://registry.npm.taobao.org 复制代码 以后npm直接替换成cnpm使用。 在开始搭建前首先看一下我们能从本教程学习到什么. 1 小试牛刀 1.1 创建并初始化项目 1.2 创…
  10. Javascript原型链攻击与防御 在讲这个漏洞之前我们来理解一下Javascript。与其他的语言不同的是,Js在Es6之前是没有class的,他更多的是一个原型语言,在Js里有一句话很有名——“一切皆对象”。 什么是原型语言 1.只有对象,没有类;对象继承对象,而不是类继承类。 2.“原型对象”是核心概念。原型对象是新对象的模板,它将自身的属性共享给新对象。…
  11. Vapperjs – 一个基于 Vue 的 SSR 框架
  12. Vue之vue-router原理剖析 在Vue中, vue-router 占据重要的位置,是vue的核心插件,那么它的实现原理是什么呢? 在剖析原理之前,先来了解几个概念:SAP,路由模式 SPA (single page application):单一页面应用程序,有且只有一个完整的页面,当它在加载页面时,不会加载整个页面,而只更新某个指定的容器中内容(组件) 路由模式:hash模式…
  13. 初级前端的面试之路(二) 回流 当 Render Tree 中的一部分节点因为元素的尺寸大小、布局、隐藏/显示的切换等改变时,需要对 DOM Tree 进行重新的构建的,这就是回流。 重绘 当 Render Tree 中的一些元素需要更新部分属性,并且这些属性只是影响元素的外观显示,不影响布局的时候,就是重绘。 为什么要用 Sass/Less/Stylus ? 这些 CSS 预处…
  14. JavaScript数组循环的几种写法,包含ES6利用Javascript map(),reduce()和filter()数组方法可以帮助您编写更加声明性、流畅的风格代码。
  15. Mac 下使用 Hugo + GitHub Pages 搭建个人博客 Hugo Hugo 是由 Go 语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。 建立此博客受到jdhao的启发. 安装 brew install hugo # 检查安装成功 hugo version Hugo Static Site Generator v0.58.3/extended darwin/amd64 BuildDate: unknown 生成 site 目录 hugo…
  16. Spring Boot 返回前端 Long 型丢失精度 最近为Prong开发了一个基于snowflake算法的Java分布式ID组件,将实体主键从原来的String类型的UUID修改成了Long型的分布式ID。修改后发现前端显示的ID和数据库中的ID不一致。例如数据库中存储的是:812782555915911412,显示出来却成了812782555915911400,后面2位变成了0,精度丢失了: console.log(812782555915911…
  17. JavaScript进阶笔记(六):原型链和继承的关系 回忆一下什么是原型链,即每个对象拥有一个原型对象,通过 __proto__ 指针指向上一个原型 ,并从中继承方法和属性,同时原型对象也可能拥有原型,这样一层一层,最终指向 null,这种关系被称为原型链(prototype chain)。 原型上的方法和属性并不是复制到新对象中。 function Foo(name) { this.name = …
  18. JavaScript进阶笔记(五):构造函数、原型和原型链 constructor 返回创建实例对象时构造函数的引用。此属性的值是对函数本身的引用,而不是一个包含函数名称的字符串。 构造函数和普通函数没有区别,不同点是构造函数使用 new 来生成实例对象,直接调用就是普通函数。 注意:构造函数首字母通常大写。 1.1 Symbol 是构造函数吗? Symbol 是基本数据类型,他不…
  19. JavaScript进阶笔记(四):深浅拷贝原理 如果拷贝的值是基本数据类型,拷贝的是基本类型的值。如果是引用类型拷贝的是内存地址。 浅拷贝只解决了第一层的问题,拷贝第一层的基本类型值,以及第一层的引用类型地址。 也就是说:只能保证第一层数据为基本数据类型时,不会随原数据改变。原数据中包含子对象时,随原数据变化。 1.1 浅拷贝的使用场景 1. Objec…
  20. 如何把Golang的channel用的如nodejs的stream一样丝滑 如果让我和别人说说Golang有什么特点,我首先想到不一定是goroutine,但一定会是channel。 因为Channel的存在,是让Goroutine威力加成的利器。 如果用一句话来解释channel的作用,我会说 Chanel是一个管道,它会让数据流动起来。 ++那么如何理解这个让数据流程起来呢?++ 假如说你需要对100次请求,做两种比较耗时…
  21. 深入浅出 Babel 下篇:既生 Plugin 何生 Macros 接着上篇文章: 《深入浅出 Babel 上篇:架构和原理 + 实战 :fire:》 这篇文章干货不少于上篇文章,这篇我们深入讨论一下宏这个玩意—— 我想我们对宏并不默认,因为很多程序员第一门语言就是 C/C++ ; 一些 Lisp 方言也支持宏(如 Clojure 、 Scheme ), 听说它们的宏写起来很优雅;一些现代的编程语言对宏也有一定的支…
  22. webpack基础(三)–多页面打包 单页应用SPA:只有一个 html 文档,通过 js 感知 url 的变化, js 动态的将当前页面内容清除掉,然后将下一个页面的内容挂载到页面上,这就是单页应用,每次跳转了解不需要请求新的 html 文档; 多页应用MPA:每一次页面跳转,服务器都会返回一个新的 html 文档,这种类型的网站就是多页网站,也叫多页应用。 …
  23. 【Vue原理】Diff – 源码版 之 Diff 流程 写文章不容易,点个赞呗兄弟 专注 Vue 源码分享,文章分为白话版和 源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧 研究基于 Vue版本 【2.5.17】 如果你觉得排版难看,请点击 下面链接 或者 拉到 下面 关注公众号 也可以吧 【Vue原理】Diff – 源码版 之 Diff 流程 今天终于…
  24. 15 分钟掌握 vue-next 响应式原理最新 vue-next 的源码发布了,虽然是 pre-alpha 版本,但这时候其实是阅读源码的比较好的时机。在 vue 中,比较重要的东西当然要数它的响应式系统,在之前的版本中,已经有若干篇文章对它的响应式原理和实现进行…
  25. Vue—-生命周期钩子函数 Vue 的实例具有生命周期 Vue的实例在生成过程中 会经历一系列初始化的过程 数据的监听 编译模板 实例挂载DOM元素 或者数据更新导致DOM更新 在执行过程中 会运行生命周期的钩子函数 实例在生命周期中特定的时间点执行的函数称为生命周期的钩子函数 生命周期不能人为控制执行顺序 常用的生命周期 beforeCr…
  26. 如何保护 Node.js 源代码? 作为防守方,我们能做是尽可能地多采用一些保护手段。
  27. 为什么用vue.js,为什么前端开发46%的人都在用?一句话总结:用数据绑定的思想,vue可以简单写单个页面,也可以写一个大的前端系统,也可以做手机app的界面。

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流