20180720 前端开发日报

2018年JavaScript现状报告;HTML5点播m3u8(hls)格式视频;一个简单的Node-React-Koa用户管理增删改查小demo;Vue无限滑动周选择日期的组件;分享一款用于创建DNS重绑定攻击的前端JavaScript工具包;从零开始搭建React应用(一)——基础搭建;UglifyJS有个不错的JavaScript解析器;从构建分布式秒杀系统聊聊WebSocket推送通知 荐

  1. 2018年JavaScript现状报告 前言 JavaScript(后面统称JS)在过去五年得到飞速地增长,早期JS实现类似微博的“点赞”这样的功能都需要刷新一次页面。 后来开发者通过JS来制作SPA(单页面应用程序),在浏览器加载一次,后续视图都是通过JS动态生成的。webpack技术出现,解决了SPA页面加载过慢的问题,提升了性能与用户体验(但我觉得是因为4G和1M…
  2. HTML5点播m3u8(hls)格式视频 HTML5点播m3u8(hls)格式视频 2018年07月18日 20:11 helloweba.net 作者:月光光 标签: 这两年来我们发现越来越多的视频应用使用了m3u8格式的视频,因为可以兼容PC、移动端。相比mp4等视频源,m3u8可以减轻服务器压力(按需加载)。HLS是由苹果公司率先提出的一种协议标准…
  3. 一个简单的Node-React-Koa用户管理增删改查小demo 作为一个前端小新手,在尝试了一段时间的react前端工作后,就想尝试用node编写web服务,假装自己很厉害。在看了一段时间的node教程+express教程+koa教程等,就开始准备自己写一个小demo。 前端效果图(react+ antd + create-react-app) 添加编辑 删除 一个简单的用户列表页面,…
  4. Vue无限滑动周选择日期的组件 之前在做一个手机端项目的时候,需要一个左右滑动(按周滑动)选择日期插件,而且当时这个项目没有用到Vue。当时又没有找到合适的第三方插件,就花了点时间用原生JavaScript写了出来,当时心中就想把它写成基于Vue的组件,这短时间闲了把它弄出来了!,在这个过程中遇到了一个坑,后面会提出来! 先看效果 …
  5. 分享一款用于创建DNS重绑定攻击的前端JavaScript工具包 注意:本软件仅适用于教育目的,请不要将其用于非法活动,工具作者和本站对用户个人行为不负任何责任。 今天给大家介绍的是一款名叫DNS Rebind Toolkit的工具包,这是一款前段JavaScript工具包,渗透测试人员可利用该工具来创建DNS重绑定攻击。 工具介绍 DNSRebind Toolkit是一款前端JavaScript框架,可用…
  6. 从零开始搭建React应用(一)——基础搭建 项目链接: https://github.com/MrZhang123/Web_Project_Build/tree/master/react-webpack 核心 React:16.3.2 React-dom:16.3.2 Webpack:4.6.0 React-router-dom:4.2.2 Redux:4.0.0 React-hot-loader:4.1.2 目录结构 ├── README.md ├── build │ ├── webpac…
  7. UglifyJS有个不错的JavaScript解析器 我一直在为 Jscex 寻找好用的JavaScript解析器,之前我用的是 Narcissus ,也 写过相关文章 。不过可惜的是,Narcissus使用了SpiderMonkey的扩展,因此它并不是用ECMAScript 3实现的,无法在IE 8等浏览器中使用。目前Jscex使用的是 NarrativeJS 中旧版的Narcissus,但是我并不喜欢它输出的AST结构,使用中也…
  8. 从构建分布式秒杀系统聊聊WebSocket推送通知 荐 前言 秒杀架构到后期,我们采用了消息队列的形式实现抢购逻辑,那么之前抛出过这样一个问题:消息队列异步处理完每个用户请求后,如何通知给相应用户秒杀成功? 场景映射 首先,我们举一个生活中比较常见的例子:我们去银行办理业务,一般会选择相关业务打印一个排号纸,然后就可以坐在小板凳上玩着手机,等…
  9. Node.js APM 软件调研报告 blog 编程相关 Node posts 编程相关 前言 最近做 Node 服务的性能优化工作,在 2016年3月,我写过Node 性能优化 这篇文章, 讲解了常见的 Node 服务缓慢原因,还介绍了 内存泄露 和 cpu profile 的知识。 这一次,是侧重中应用运行信息收集这一块,根据同事 Leo 的介绍,我对一些支持 Node.js 的 APM 软件做了…
  10. 从 Vue typings 看 “this” 在 2.5.0 版本中,Vue 大大改进了类型声明系统以更好地使用默认的基于对象的 API。 意味着当我们仅是安装 Vue 的声明文件时,一切也都将会按预期进行: this,就是 Vue。 this 属性上,具有 Methods 选项上定义的同名函数属性。

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

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


关注我

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

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

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