开发人员将 JavaScript 设计模式作为解决问题的模板是很合适的，但并不是说这些模式可以代替开发人员的工作。 通过设计模式，我们可以将许多开发人员的经验结合起来，以优化过的方式来构造代码，从而解决我们所面对的问题。设计模式还提供了用于 ...

这回，是真的顶不住了，爬上来吼两句。就在前两天，知乎上有个在校大学生，邀请我回答一个前端方向的问题。他的问题是这样的：「为什么很多大学老师都不重视前端，说学了 jQuery 就能找到工作？」看到这个问题，当时我就不冷静了，于是，提笔而书， ...

JavaScript 内存空间详细图解 因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。特别是很多不是计算机专业的朋友在进入到前端之后，会对内存空间的认知比较模糊，甚 ...

昨天小编参加程序猿的饭局，基友们竟然PK起程序猿和码农的区别，在募才妹看来，‘本是同根生，相煎何太急’啊，但现场争论激烈，特整理如下，让各位看官也定夺一番~接到需求后程序猿：在接到需求后，聪明的程序猿会问为什么，会花大量的时间通盘考虑所有可 ...

近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。 snowpack 的代 ...

在网页里经常遇到这样的情况，滑动页面至某一个元素处，元素一直固定在顶部或底部，当页面滑到元素原有位置上方时，元素恢复原有位置。例如京东秒杀的活动时间，还有常见的搜索输入框固定在顶部。 利用js写了个搜索输入框固定在上方的例子，效果示例如下： ...

最近做的项目里涉及到一个视频列表，点击播放视频，有点类似短视频APP个人主页的效果，直接使用了h5自带的video标签，没想到坑一个接一个。 首先展示下效果图： 踩坑记录： 踩坑一：视频列表中直接使用多个video标签无法达到产品的设计效果 ...

了不起的 Webpack HMR 学习指南（含源码分析） Hot Module Replacement（以下简称：HMR 模块热替换）是 Webpack 提供的一个非常有用的功能，它允许在 JavaScript 运行时更新各种模块，而无需完 ...

PWA是指渐进式web应用，一般由web app manifest, service worker, app shell, notification push等部分组成。 这里目前只讨论web app manifest, service w ...

需求分析 用户上传 json 文件，客户端进行处理解析后，返回进行下载 技术选型 基于本身的项目采用了 vue + elementUI 的前端框架开发，使用 FileReader 和 file-saver 进行数据的读取和写入 具体实现 1 ...