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