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

六种排序算法的JavaScript实现以及总结；参加第三届中国前端开发者千人峰会是一种怎样的体验？；React 16.4.0 发布，构建用户界面的 JavaScript 库；Three.js 中的自定义几何体；TypeScript 2.8下的终极React组件模式；高级前端专家是如何进阶的？；前端开始的那件事——表单；json-server的实践与自定义配置化

六种排序算法的JavaScript实现以及总结最近几天在系统的复习排序算法，之前都没有系统性的学习过，也没有留下过什么笔记，所以很快就忘了，这次好好地学习一下。首先说明为了减少限制，以下代码通通运行于Node V8引擎而非浏览器，源码在我的GitHub ，感兴趣的话可以下载来然后运行试试。为了方便对比各个排序算法的性能，这里先写了一个生成大…
参加第三届中国前端开发者千人峰会是一种怎样的体验？如题，来自知乎问答。
React 16.4.0 发布，构建用户界面的 JavaScript 库 React 16.4.0 已发布，该版本包含许多改进和修复，部分如下： React：新增一个试验性的用于测量性能的 React.unstable_Profiler 组件； React DOM：支持 Pointer Events 规范； React DOM：正确调用 getDerivedStateFromProps（）； React DOM：修复在某些情况下阻止上下文传播的错误； …
Three.js 中的自定义几何体 Three.js 中如何自定义一些更加复杂、不规则、参数化的几何体。
TypeScript 2.8下的终极React组件模式译者简介 zqlu 蚂蚁金服·数据体验技术团队翻译自Ultimate React Component Patterns with Typescript 2.8，作者Martin Hochel 这篇博客受React Component Patterns
高级前端专家是如何进阶的？ Winter 老师聊高级前端专家的成长那些事儿。
前端开始的那件事——表单首先推荐以下自己的轻量无依赖富文本编辑器： CCEditor 觉得不错，给个star支持一下，谢谢 JavaScript最初的一个应用，就是分担服务器处理表单的责任，打破处处依赖服务器的局面。尽管目前的Web和JavaScript已经有了长足的发展，但Web表单的变化并不明显。由于Web表单没有为许多常见任务提供现成的解决手…
json-server的实践与自定义配置化背景之前做项目都没有用到mock服务，都是等后端给接口字段或者前端留空位；但新公司的项目需要搭建mock服务，本想把旧项目的json-server搬过来就好了，不过发现添加一个 mock api 步骤过于繁复，mock服务本应简单为主，所以决定自己写一个（本
gojs 流程图框架-基础绘图(一) gojs 是一款非常优秀的流程图绘制 js 框架, 该框架没有中文版 api, 并且网上可查阅的资料非常少, 本文旨在带领读者了解整个框架结构, 以及基本的绘制方法. 本文对技术细节不作过多描述, 并会附上 api 地址以供参考. 完成后的效果图: 源码地址
Angular Directive 详解 Angular Directive 学习学习目的：为了更好的了解 ng directive 的使用方法。 Directive可能是AngularJS中比较复杂的一个东西了。一般我们将其理解成指令。AngularJS自带了不少预设的指令，比如ng-app，n
关于 Babel 6 的 loose mode 1.Overview loose mode 我翻译为松散模式， loose mode 在babel中通常是不推荐使用的，但是我们需要知道的是使用 loose mode 转换而来的代码更加像ES5的代码（更像是人手写的）大多数Babel插件都有两种模式 normal mode 和 loose mode ， normal mode 转换而来的ES5代码更加符合ECMAScript …
React组件生命周期详解 React组件生命周期 constructor( ) 构造方法 constructor是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的constructor( )方法。当存
Web 构建与打包工具盘点题注：Web Bundler CheatSheet 属于 Awesome-CheatSheet 系列，盘点数个常用的开发打包工具清单。欢迎加入阿里南京前端团队，欢迎关注阿里南京技术专刊了解更多讯息。 Web Bundler CheatSheet | Web 构建与打包工具盘点工欲善其事，必先利其器，当我们准备开始某个 Web 相关的项目时，合适的脚手架会让我们…
AOP 和 IoC 在点我达前端的实践 1、前言如今的编程模型有很多种，常用的是面向过程编程(POP)、面向对象编程(OOP)。其实还有好几种编程模型：面向切面编程(AOP，也就是我们今天要讨论的主题)、响应式编程、函数式编程。每种编程模型都有其对应的应用场景，今天我们只讨论AOP（顺带捎上IoC），其他几种后面有时间可以拿出来学习。 2、AOP和I…
解密 ARMS 前端监控数据上报技术本文介绍了阿里云业务实时监控服务中的前端监控如何优化日志上报。
vue-仿支付宝支付开始之前的小唠叨前端小白~迷迷糊糊就写了一个支付盘，来到掘金，献上自己的处女作~ <div class="goods-psd"> <p class="apply-title"> 请输入支付密码
vue-sell 这是一个饿了么外卖app开发笔记，记录我的第一个vue项目的开发过程。慕课的老项目了，没有打广告哈哈。 vue-cli脚手架搭建基本代码框架全局安装vue-cli $ npm install hexo-cli -g 创建一个基于webpack模版的新项目，基本配置看下图 $ vue init webpack vue-sell 安装依赖，开启localhost本地服务器…
为 Luy 实现 React Fiber 架构 Fiber 架构给 React 带来了新视野的同时，将调度一词介绍给了前端。
CSS实现宽高等比例自适应矩形本文首发于虾哔哔的Blog 概述今天遇到一个很有趣的问题：如何实现一个宽度自适应，高度为宽度的一半的矩形。经过搜索引擎的筛选和自己的反复试验,发现使用padding-bottom是最完美的解决方案。解决方案首先我们要明白，padding和margin都
你可能忽略的js类型转换前言相信刚开始了解js的时候，都会遇到 2 =='2'，但 1+2 == 1+'2'为false的情况。这时候应该会是一脸懵逼的状态，不得不感慨js弱类型的灵活让人发指，类型转换就是这么猝不及防。结合实际中的情况来看，有意或无意中涉及到类型转换的情况还是很多
别再让你的web页面在用户浏览器端裸奔全文约3000字，阅读此文大概需要8分钟 * 如果你的应用尚未接入过前端监控，建议读者可以仔细阅读此文了解前端监控的重要性 * 如果你的应用已经接入了前端监控，也建议读者阅读此文了解国内外前端监控产品的异同，看看目前是否已将前端监控用到了极致
浅析node.js的模块加载在node.js中，模块使用CommonJS规范，一个文件是一个模块 node.js中的模块可分为三类内部模块 – node.js提供的模块如 fs,http,path等自定模块 – 我们自己写的模块第三方模块 – 通过npm安装的模块 node.js提供了大量的模块供我们使用，比如想解析一个文件的路径，可以使用path模块下的相应方法…
【20180526 前端开发日报】RCTF2018 Web Writeup；你不懂js系列学习笔记-异步与性能- 05；Node.js 10.2.0 发布，功能改进和 Bug 修复；超简单的前端跨域、前后端分离解决方案；如何正确的(?)利用 Vue.mixin() 偷懒；Vue项目中路由动态传参功能相…详情→
前端利用Blob对象创建指定文件并下载一、Blob对象 Blob对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File接口基于Blob，继承了blob的功能并将其扩展使其支持用户系统上的文件。构造函数 var aBlob = new Blo
记一次 Node.js 源码分析前几日，我在测试 express 框架的时候，构造了一个测试样例死活过不来，即便调试到测试框架 superagent ，依然不对。最终发现是 Node.js 的"问题"，而且最新版本的 Node.js 已经"修复"了，导致我中间饶了几圈都没发现是 Node.js 的事，下面来重现问题流程。 2. 环境预备 …
Vue: method/computed/watch的使用和区别 vue作为一个轻量级高性能的前端框架,还是比较易上手的,下面来以一个java开发者的角度来看method/computed/watch methods 在vue中method就是普通意义的function域,可以定义方法来进行属性的修
基于 Laravel + Pusher + Vue 通过事件广播构建实时聊天室应用前言：学院君之前有说过要整理出一篇事件广播手把手教程，今天终于兑现了，本教程基于 Laravel + Pusher + Vue，以事件广播作为核心技术，从零开始让你在几分钟内即可搭建起一个实时聊天室应用。不多废话，直接上手吧。应用初始化安装配置首先还是通过 Composer 安装一个全新的聊天室应用： composer create-…
基于 HTML5 OpenLayers3 实现 GIS 电信资源管理系统前言通过结合 HTML5 和 OpenLayers 可以组合成非常棒的一个电信地图网络拓扑图的应用，形成的效果可以用来作为电信资源管理系统，美食定位分享软件，片区找房，绘制铁轨线路等等，各个领域都能够涉及的一款应用…
vue双向数据绑定的实现基于vue实现的双向数据绑定数据劫持+订阅者-发布者模式；运用Object.defineProperty；每当初次获取vue的data某个属性时，将它（它是一个watcher订阅者）添加为这个属性的订阅者，当data的这个属性改变时，调用每个订阅者的updat
Vant 1.1.5 发布，有赞轻量级移动端 Vue 组件库 Vant 1.1.5 已发布，主要包含以下修复和改进： Improvements AddressEdit: trim empty value #1150 Dialog: prevent button text select #1148 NumberKeyboard: add close event #1127 Rate: add change event #1102 Picker: update unselected option color #1142 P…