碎事破事

笔者之前利于业余时间开发了一个gif动图生成平台, 具体开发背景我也在上一篇文章手把手教你撸一个能生成抖音风格动图的gif制作平台中介绍过了, 我们今天继续来实现该平台, gif动图平台的实现方式比较将完全用前端的手段来实现, 所以大家在接下来的内容中会发现很多有意思的前端插件…

1. 构建速度优化 由于 Loader 对文件的转换操作很耗时，所以需要让尽可能少的文件被 Loader 处理。可以通过 test/include/exclude 三个配置项来命中 Loader 要应用规则的文件。 vue.runtime.esm.js 中只包含运行时的代码。如…

为了保证的可读性，本文采用意译而非直译。 这些年来，ES6 将 JS 的可用性提升到一个新的水平时: 箭头函数、类等等,这些都很棒。 箭头函数是最有价值的新功能之一，有很多好文章描述了它的上下文透明性和简短的语法。 但每个事务都有两面。通常，新特性会带来一些混乱，其中之一就是箭…

看英文缩写，是不是有点高大上，其实这个理念在后端是非常常见的，而前端很少涉及到。不过现代前端也可以在项目中实践了，而且很契合。 首先建立一个index.ts启动文件，mac壳子 mac.ts，它内部有三个模块，cpu ，screen 和 battery ，这个三个属性分别引用的…

前段时间，公司的老哥遇到一个问题，大概就是本机有个node的http服务器，但是每次请求这个服务器的端口返回的数据都报错，一看返回的数据根本不是http的报文格式，然后经过一番排查发现是另外一个服务器同时监听了http服务器的这个端口。这个时候老哥就很奇怪，为啥我这个端口明明使…

... 基于以上问题有了对git进行拆分的技术需求。具体如下 之后路由调用next。会自动继续请求 #/hello/index对应的页面chunk（js,css）页面跳转成功； 此时hello已经与主项目完成融合，hello可以自由使用全部的store，使用router可以自由…

《笑傲江湖》中的“剑宗余孽”封不平本想仗着有嵩山派撑腰，一举夺了华山掌门宝座。可打了半天剑法上占不了便宜，最后只能使出“狂风快剑”，企图以内力取胜。可见，任何高明武功若无内功心法相辅，也是徒劳无功。 说回前端，如今的前端技术栈就如同武侠小说中的江湖一样，各门各派自成一体，可谓“…

很多前端小伙伴都在使用 Mac 作为自己的主力开发机型，而苹果自家 iCloud 同步的便利性相信也不需要我多解释，特别是当你有多台苹果设备时，那种无缝的体验，一旦用了就回不去。可作为一名前端开发，今天，无论你使用的是 Vue 还是 React 亦或任何其他的前端技术栈，几乎是…

理解 JavaScript 语言的最重要的基本概念是理解执行上下文。正确的学习执行上下文，可以让你更容易学习更高级的内容，比如变量提升（hoisting）、作用域链（scope chains）和闭包（closures）。