摘要： 我做了个[纯客户端的视频压缩工具](https://videocompress.dev/zh)，整个过程不上传文件。 下面三件事里有两件是靠掐表测出来的，代码审查和单元测试都没抓到， 趁数字还在手上记一下。 阅读全文

摘要： 起因很土。我经常要把录屏发到 Discord 或者塞进邮件,Discord 免费版限 10MB,邮箱附件常见 25MB,而一段两三分钟的 1080p 录屏动不动几十兆。网上的在线压缩工具能用,但每次都得先把视频传到人家服务器,压完再下回来。慢是一回事,更别扭的是,我不太想把公司内部的录屏传到一个不知道是谁的服务器上。 于是我做了 videocompress.dev,压缩全程跑在你自己浏览器里,视频不上传,一个字节都不出你的电脑。 阅读全文

摘要： 什么是 Square Image 工具？ Square Image 是一款专业的在线图片处理工具，专门用于将各种尺寸的图片转换为正方形格式。无论您需要为社交媒体创建正方形头像，还是为专业项目制作正方形图片，这款工具都能满足您的需求。 为什么需要将图片转换为正方形？ 在当今数字时代，正方形图片格式已经 阅读全文

摘要： 自从 React 推出 hooks 的 API 后，相信大家对新 API 都很喜欢，但是它对你如何使用它会有一些奇怪的限制。比如，React 官网介绍了 Hooks 的这样一个限制： 阅读全文

摘要： 函数式编程的历史已经很悠久了，但是最近几年却频繁的出现在大众的视野，很多不支持函数式编程的语言也在积极加入闭包，匿名函数等非常典型的函数式编程特性。大量的前端框架也标榜自己使用了函数式编程的特性，好像一旦跟函数式编程沾边，就很高大上一样，而且还有一些专门针对函数式编程的框架和库，比如：RxJS、cycleJS、ramdaJS、lodashJS、underscoreJS等。函数式编程变得越来越流行，掌握这种编程范式对书写高质量和易于维护的代码都大有好处，所以我们有必要掌握它。 阅读全文

摘要： 关于vue.js vue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。使用vue可以给你的开发带来极致的编程体验。 关于vue-cli Vue-cli是vue官方提供的一个命令行工具（vue-cli），可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。 阅读全文

摘要： git命令大全 阅读全文

摘要： gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器， 它能自动化地完成 javascript、coffee、sass、less、html/image、css 等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。通过本文，我们将学习如何使用Gulp来改变开发流程，从而使开发更加快速高效。 阅读全文

摘要： 在运营活动开发中，因为工作的重复性很大，同时往往开发时间短，某些情况下也会非常紧急，导致了活动开发时间被大大压缩，同时有些活动逻辑复杂，数据或者状态变更都需要手动渲染，容易出错，正是因为这些问题的存在，所以才有了MV*框架的诞生，比如大名鼎鼎的angularJS。今天就跟大家讲讲国产的MVVM框架avalonJS是如何快速进行开发的，同时大家也可以对比石器时代的开发模式（jquery或者zepto）与mv*模式的区别。 阅读全文

摘要： 本文会在教你怎么用 300~400 行代码实现一个基本的 Virtual DOM 算法，并且尝试尽量把 Virtual DOM 的算法思路阐述清楚。希望在阅读本文后，能让你深入理解 Virtual DOM 算法，给你现有前端的编程提供一些新的思考。 阅读全文

摘要： MainData仿Backbone Model式 数据模型记录器 主要思想：将 数据记录处理 和 因为数据变化而产生的页面渲染 两者解耦, 让页面元素可以与数据进行关联绑定，杜绝因为遗忘或是逻辑复杂导致的“页面展现与数据不符”现象。同时能更容易地解决大型页面的开发难题。未来还可用于解决多个页面间数据同步困难的难题 阅读全文

摘要： 概述 首先啦，我不认识mock.js的作者，带着需求找到mock.js让我觉得很惊艳。 相对于其他同类的框架的实现，mock.js超出了我的意料。 基于 数据模板 生成模拟数据。 基于 HTML模板 生成模拟数据。 拦截并模拟 ajax 请求。 是的，mock.js只做上述的几件事，但做的足够出色。 阅读全文

摘要： 事件模块Backbone.Events在Backbone中占有十分重要的位置，其他模块Model，Collection，View所有事件模块都依赖它。通过继承Events的方法来实现事件的管理，可以说，它是Backbone的核心组成部分。 此外，事件模块的所有方法都挂在了全局的Backbone上，如果你的代码中需要用到自定义事件(实现观察者模式)，可以直接使用它。 所以很有必要一起来研究下Backbone.Events的源码，一来学习Backbone事件模块优秀的写法和思想，二来可以更好的使用Backbone事件模块以及问题定位。 阅读全文

摘要： 事件模块Backbone.Events在Backbone中占有十分重要的位置，其他模块Model，Collection，View所有事件模块都依赖它。通过继承Events的方法来实现事件的管理，可以说，它是Backbone的核心组成部分。 此外，事件模块的所有方法都挂在了全局的Backbone上，如果你的代码中需要用到自定义事件(实现观察者模式)，可以直接使用它。 阅读全文

摘要： 最近在做公司内部的运营管理系统，因为与日历密切相关，同时无需触发条件直接显示在页面上，所以针对这样的功能场景，我就用avalon快速实现了一个简易日历，毕竟也是第一次造日历这种轮子，所以这里记录下我当时的一些思路，一来做一些技术总结，二来也是给像我这样第一次做日历的前端工程师一些参考。 阅读全文