20190426 前端开发日报

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

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

    React-three-fiber
  29. 客户端转 Web 前端后,这半年我的一些思考 点击上方“开发者技术前线”,选择“星标” 13:21 在看 真爱 作者: 老穆(阿里巴巴专家) |  来自:土豆他爸爸 责编:可可 杭州 背景 今天要说的这个人,阿里专家老穆,工作8年,一个有4年 Android应用开发经验,Android转前端的IT“搬...

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

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

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