20181116 前端开发日报

你应该知道的 JavaScript Array.map() 的 5 种用途;jQuery的没落和技术发展的一般规律;Node.js 指南(关于Node.js);前端错误监控与上报;JQuery7:事件委托;vue项目刷新当前页面;抛开 Vue、React、JQuery 这类第三方js,我们该怎么写代码?;Node.js 指南(阻塞与非阻塞概述)

  1. 你应该知道的 JavaScript Array.map() 的 5 种用途 小编推荐: 掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。 从经典的 for 循环到 forEach() 方法,用于迭代数据集合的各种技术和方法比比皆是。但是现在比较流行的方法是 .map() 方法。 .map() 通过指定函数…
  2. jQuery的没落和技术发展的一般规律 jQuery是一个伟大的库, 它解决了dom api兼容的问题,使得dom操作更简便 它支持类似css选择器的方式来选择组件 支持批量的操作数组中的元素,也叫隐式迭代 支持链式操作,可以在一条语句中完成很复杂的逻辑 有易于使用的插件扩展机制 deffered的异步方案比promise更早。 等等。 jquer…
  3. Node.js 指南(关于Node.js)作为异步事件驱动的JavaScript运行时,Node旨在构建可伸缩的网络应用程序,在下面的“hello world”示例中,可以同时处理许多连接,在每次连接时都会触发回调,但是如果没有工作要做,Node将会休眠。
  4. 前端错误监控与上报 前端错误的分类: 一: 及时代码运行错误: 也称为代码错误。这个错误往往是程序员在代码书写时造成的,比如语法错误、逻辑错误,这样的错误通常在测试阶段就会被发现,但是也可能存在“漏网之鱼”。 二: 资源加载错误: 这个错误通常是找不到文件(404)或者是文件加载超时造成的。 捕获错误的方法: 及时…
  5. JQuery7:事件委托 版权声明:本文为博主尹成联系QQ77025077,微信18510341407原创文章,欢迎转载侵权不究。 https://blog.csdn.net/yincheng01/article/details/84066866 #事件委托 事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其…
  6. vue项目刷新当前页面this.$router.go(0)。这种方法虽然代码很少,只有一行,但是体验很差。页面会一瞬间的白屏,体验不是很好
  7. 抛开 Vue、React、JQuery 这类第三方js,我们该怎么写代码? 首先感谢React、Vue、Angular、Cycle、JQuery 等这些第三方js为开发带来的便利。 以下将Vue、React这类常用的框架(库)统称为“第三方js”。 第三方js的现状 无论是新入行的小白还是有经验的开发者,前端圈里的人一定听过这类第三方js的大名。 一方面是因为它们实在太火了: 各种文章对框架进行对比、源码…
  8. Node.js 指南(阻塞与非阻塞概述)此概述介绍了Node.js中阻塞与非阻塞调用之间的区别,此概述将引用事件循环和libuv,但不需要事先了解这些主题,假设读者对JavaScript语言和Node.js回调模式有基本的了解。
  9. JQuery6:事件冒泡 #事件冒泡 ###什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到…
  10. 1.22 JQuery5:绑定自定义事件 JQuery 自定义事件 jQuery的事件自定义事件还是通过on绑定的,然后再通过trigger来触发这个事件 1. 绑定事件 //给element绑定hello事件 element.bind("hello",function(){ alert("hello world!"); }); 2. 执行事件 //触发hello事件 element.trigger("hello"); trig…
  11. ES6 系列之我们来聊聊装饰器Decorator 装饰器主要用于: 装饰类 装饰方法或属性 装饰类 {代码…} 装饰方法或属性 {代码…} Babel 安装编译 我们可以在 Babel 官网的 Try it out,查看 Babel 编译后的代码。 不过我们也可以选择本地编译: {…
  12. Code Friend:使用JavaScript开发Xcode Extensions Code Friend 是一款Xcode Extension,提供了JavaScript的接口,用户可基于这个App简单快捷开发出Xcode插件工具。 官方地址: qvcodefriend.github.io/ Mac App Store 地址: itunes.apple.com/cn/app/code… 背景 从Xcode 8开始,苹果提供了XcodeKit用于开发Xcode Extensions。但因为各种bug和接口太简单,一…
  13. 基于websocket的简单广播系统在年初的时候,我们有点儿小迷茫,于是也跟风去做了一些轻娱乐类的小游戏。那时为了实战对战,想到需要一个实时性很强的技术实现,于是我去实现了一个websocket server,没想到后来这些小程序没有成,但是我们的这…
  14. 分析 JavaScript 的数据类型与变量比如:如何理解参数的按值传递? 什么是暂时性死区? 什么是变量提升? 全局变量和 window 的属性有什么区别?为什么? … …
  15. HCTF2018部分Web题目Writeup HCTF2018在出题的时候其实准备了一个特别好的web题目思路,可惜赛前智能合约花了太多时间和精力,没办法只能放弃了之前的web题,在运维比赛的过程中,我发现学弟出的一些题目其实很有意思值得思考。 bottle bottle是小学弟@luo00出的题目,源码如下 https://github.com/Lou00/HCTF2018_Bottle 整个…
  16. css文字颜色渐变的3种实现在web前端开发过程中,UI设计师经常会设计一些带渐变文字的设计图,在以前我们只能用png的图片来代替文字,今天可以实现使用纯CSS实现渐变文字了。下面就介绍3中实现方式供大家参考!
  17. Weex系列(2) —— 页面跳转和通信Hello World项目之后就在想着这个系列接下来该怎么写,那就先简单拟个目录吧,一方面督促自己能坚持下去,一方面如果大家有兴趣的话,也请多多关注我的专栏,顺手点个赞啊~~
  18. TensorSpace.js:用于构建神经网络 3D 可视化应用的框架 TensorSpace.js Present Tensor in Space English | 中文 TensorSpace是一套用于构建神经网络3D可视化应用的框架。 开发者可以使用类Keras风格的TensorSpace API,轻松创建可视化网络、加载神经网络模型并在浏览器中基于已加载的模型进行3D可交互呈现。 TensorSpace可以…

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

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


关注我

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

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

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