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

初识HTML5 Web Audio API；2019前端面试题–这样准备，拿不到offer算我输；CSS3 和 HTML5 新特性一览；js 剩余参数；javascript原生实现双向数据绑定；Node.js 12 发布更快启动速度、默认 TLS 1.3；Webpack book — 开发篇；Webpack4入门系列(一)

初识HTML5 Web Audio API 自从上次在趣讲CDN一文中讲了一个"传东奶"的故事之后，就再也没有发过博客。或许有些朋友还以为我们被抓了呢，哈哈哈~ 很久以前，赵忠祥老师就告诉我们，雨季，是个好时节。雨季来了，春暖花开，万物复苏，又到了大草原上程序猿们XX的季节。好吧，扯远了。说到底，就是团队中的小哥哥小姐姐都忙着谈恋爱，…
2019前端面试题–这样准备，拿不到offer算我输哈哈，为了吸引大家点进来，起了一个刚（sao）气的标题。其实我觉得我这个文章挺值得看看的，看看又不长肉呀:smile:。我是上周开始投简历，一周结束面试，在家等offer啦。坐标杭州，杭州的公司其实投来投去都是那几家，小厂不想去，大厂进不去，加上互联网寒冬，其实找工作确实不好找啊。面试其实是…
CSS3 和 HTML5 新特性一览 CSS3新特性 CSS3 选择器选择器示例示例说明 CSS . class .intro 选择所有class="intro"的元素 1 # id …
js 剩余参数我觉得ES6新增标准中，比较好的一个特性就是剩余参数，至少不一个在其他语言中烂大街的特性定义：在声明函数时，在最后一个形参的前面加上“…”，这个参数就变成了一个叫做“剩余参数”的数组，数组内包含着传入的剩余参数。有人说，定义函数时，直接使用剩余参数，不再传入任何形参好不好？如果能问出这种问题，请…
javascript原生实现双向数据绑定<!DOCTYPE html><html lang=”en”><head>
Node.js 12 发布更快启动速度、默认 TLS 1.3 今天，Node 官方团队发布博文宣布，Node.js 12 大版本正式发布。这也是 Node 进入半年大版本发布周期后的一次常规升级。本次发布的重要特性包括：更快的启动速度、最好的默认堆内存分配，以及对 V8、TLS、llhttp 的升级。 Node.js 12 将取代 v11 版本进入当前发布线（current release），并将在 2019 年 10 月发布 v13…
Webpack book — 开发篇看了 @SurviveJS 上 webpack book 这本书，书中内容详实，条理非常清晰，收获很多。所以选择将它翻译一下，并分享出来。要不然平常在配置项目里的 webpack 时，总是在网上 google 一段，要不是官方教程里查一查。在加上 webpack 的生态也越来越庞大，loader、plugin 也越来越多，导致整体的配置很迷。原文地址： su…
Webpack4入门系列(一) webpack是现代JavaScript应用的静态打包工具。当webpack处理应用时，它内部会生成一个映射你项目需要的每个模块的依赖图，并生成一个或多个包。自从版本4.0.0后，webpack不需要配置文件就能打包你的项目，然而如果有需要，它也是极易配置的。要开始使用你只需要理解它的核心概念： Entry Output Lo…
JS数组中那些你知道或不知道的当且仅当不带参数调用Array构造函数时，此描述才适用。执行过程：定义 numberOfArgs 传递给此函数的调用的实参数量；断言： numberOfArgs` 为 0；如果 NewTarget 为 undefined ，就设置 newTarget 为活动函数对象（active-function-object，正在运行的执行上下文的函数组件），并且让 newTarge…
webpack 打包后文件分析 webpack 用于编译 javascript 模块，可以把文件格式编译成我们想要的静态文件格式，但是处理的过程并不是全部由 webpack 本身完成， webpack 只是提供了一个打包机制，对于各类文件的打包处理需要使用相对应的预处理模块 loader 来处理，作为一种机制 webpack 会帮助各种 loader 提供识别入口目录、入口文件、输出…
js基础系列-数组的基本方法如何实现数组的扁平化，一道题引发对javaScript基础思考，今日现总结下数组的基本方法, 搬运不易，多多点赞，感谢！基本方法定义数组: const arr = 数组检测 instanceof 用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置 console.log(arr instanceof Array) # 输出…
前端JS:什么是深拷贝？什么是浅拷贝？值类型（基本数据类型）：String,Number,Boolean,Null,Undefined,Symbol 引用数据类型数据 Object,Array,Function 重点声明：Undefined 和 Null的区别； Undefined 表示变量不含有值； null：可以通过将变量的值设置为null来清空变量； …
JavaScript 程序员可以从C++中学到什么作者：Bret Cameron翻译：疯狂的技术宅原文：[链接] 本文首发微信公众号：前端先锋欢迎关注，每天都给你推送新鲜的前端技术文章如何通过了解类型、内存以及低级语言使你成为更好的程序员时间的结束？图片来自 J…
如何构建一个WEB同构应用简介 WEB同构应用指的是通过代码的编译转换手段(通常借助于babel)来让代码在不同端client(浏览器), server(服务器)运行.同构的web应用主要有以下的优点: 一套代码多处运行减少维护成本任务拆分,通过同构可以实现更多的功能(SSR, fetchData) 简单的实现思路将client端的代码转…
前端战五渣学前端——跨域这几年的工作、面试中，还遇到一个不能回避的问题，那就是跨域，一般面试的时候会问你‘怎么解决跨域问题’，‘跨域是什么’，‘为什么会有跨域’等类似的问题。前段时间后端大佬又弄服务器什么正向、反向代理，就又想到了跨域的问题，所以今天就总结一下前端在跨域问题中怎么解决总结一句话：跨域是不可能靠前端单方面…
js的this指来指去到底指哪去了？（call，apply, bind改变this指向）前言： this指向问题一直是js中最容易犯的错误之一。今天就写下这篇博文，谈一下我对this的理解。如果大家觉得有帮助，请点个赞或关注我吧。如果有不对的地方，欢迎大家指正！先来看个思维导图吧：一、ES5中funciton的this指向：函数通过new 构造函数创建出来的实例…
JavaScript中的隐式类型转换这里就要提到原生类型内建的包装对象，包括: String() Number() Boolean() Array() Object() Function() RegExp() Date() Error() Symbol() 在操作原始数据类型的属性和方法时，JS会自动将原始类型转换成一个对应的包装对象。此时该对象就拥有了属于它本身的一系列属性和方法。所…
Node.js 12 发布来看看有哪些新动向吧本文由 Bethany Griggs 以及 Michael Dawson 撰写，并由 Node.js Release Team 和 Technical Steering committee 提供帮助。
一步步使用 webpack 第四篇：使用 webpack 编译 vue 代码之前写的三篇文章，分别简单介绍了如何配置 webpack 完成es6 代码编译、PostCSS 代码编译、以及使用 webpack 管理资源文件。接下来将配置 webpack 完成 vue 代码的编译。版本说明本文使用的 webpack 的版本为： 4.30.0 开始搭建本文的目的是完成 vue 的编译安装 loader 使用命令行安装 vue 的 load…
自己动手打造 GitHub 代码泄露监控工具 0×00 背景众说周知，Github这块肥肉很受安全人员和黑客关注。因为很多新进程序猿和老手不经意就会把他们的劳动成果分享出来，而往往这种开源精神，奉献精神会对企业带来一定的安全风险。例如代码里面包含各种敏感信息（用户名、密码、数据库信息、内网IP,甚至程序猿的身高、体重、年龄和婚姻状况。…
WebGL three.js学习笔记自定义顶点建立几何体 Three.js本身已经有很多的网格模型，基本已经够我们的使用，但是如果我们还是想自己根据顶点坐标来建立几何模型的话，Three.js也是可以的。基本效果如图：点击查看demo演示实际上出于性能的考虑，three.js是认为我们的几何体在整个生命周期中是不会改变的，但是我们还是想使用dat.gui.js去实时更新…
webpack打包typescript多文件，提示没有该文件在项目 recorder 中，由于recorder中的class类过于庞大，于是便采用了typescript官方的mixin方式，但是在import其他文件时，居然提示Cannot find module找不到对应的文件，可是明明我是正确的路径。问题目录是这样的： a.ts文件内容很简单，仅导出了一个对象： export default { yourName: ‘haha’ }…
CSS动画优雅降级的简单总结转载自：[链接] CSS动画相关属性 transition：兼容性 transform 3D：兼容性 transform 2D：兼容性 animation：可以看到动画在IE8（这里主要讨论IE）及以下完全不支持，IE9由于只支持transform(非transfo…
mpvue生命周期结论：不要在created（）这个生命周期去获取数据，这样会造成你永远只能获取到第一次的数据如果需要多端代码复用在beforeMounted() 的时候去获取数据，但这样页面会闪稳妥的办法是在小程序的onLoad()生命周期…
web知识梳理 @ 原文链接： blog.csdn.net/jieqiang3/a… 这篇主要梳理一下web相关的原理知识。由于个人水平有限，文章中可能会出现错误，如果你觉得哪一部分有错误，或者发现了错别字等内容，欢迎在评论区告诉我。 TCP TCP（传输控制协议），负责在不可靠的传输信道之上提供可靠的抽象层。 TCP的存在价值主要专注于可…
LeetCode 之 JavaScript 解答第226题 —— 翻转二叉树（Invert Binary Tree）Time：2019/4/21Title: Invert Binary TreeDifficulty: EasyAuthor: 小鹿
使用React手写一个对话框或模态框核心在于使用React的接口React.createPortal(element, domContainer)。该接口将element渲染后的DOM节点嵌入domContainer(通常是document.body)，并保证只嵌入一次。
#开源项目#【React 渲染工具：React-three-fiber】详见： React-three-fiber 是一个专为 Three.js 打造的小型 React 渲染工具，帮助你用 React 组件语法完成 WebGL 渲染。
客户端转 Web 前端后，这半年我的一些思考点击上方“开发者技术前线”，选择“星标” 13：21 在看真爱作者: 老穆（阿里巴巴专家） | 来自：土豆他爸爸责编：可可杭州背景今天要说的这个人，阿里专家老穆，工作8年，一个有4年 Android应用开发经验，Android转前端的IT“搬…