star103

效果图：https://user-gold-cdn.xitu.io/2020/4/8/171580b93458fdfb?imageslim布局：snake.html样式：snake.css脚本：sna

时光荏苒，岁月如梭，转眼多年过去。前端天下已各分东西，回眸看看来时的路，你我可曾记得当年的大哥 jquery。回想那个纯真的年代，jquery一统天下，前端的世界如此纯洁无瑕。 此时此刻又让我想起了当年的游戏时光，早期游戏只能玩类似《传奇》《魔力宝贝》这么些。大家没得选所有人都…

文件上传是我们作为开发者在日常工作中经常遇到的一个需求，各个流行的组件库中也都有现成的组件可以很方便的直接调用。具体的用法不再赘述，小伙伴们可以在组件库中查看demo，这里笔者主要介绍下如何实现一个Upload组件。 在书写前端Upload组件之前，首先需要通过Node.js来…

数据结构在开发中是一种编程思想的提炼，无关于用何种语言开发或者是哪种端开发。此篇文章笔者将用 JavaScript 实现常见的数据结构同时对与前端相关的数据结构案例作如简单总结

想一想，如果你希望你的网站在一秒钟之内呈现用户想看的关键信息，有哪些可行的手段？Minify，压缩，雪碧图等等。 Google的Web性能工程师 Ilya Grigorik 会告诉你，你只需要理解浏览器的关键渲染路径。

在前端学习里面，很多人都是注重学习代码（html，css，js）。或者是一些框架，库（jquery，vue，react）,或者是各种工具（webpack，gulp）。在以往的文章里面，或者自己和别人交谈，都有建议过别人多练，不要闷头就写代码，多深入了解当中的原理，学习其中的思想…

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（

最近有几天时间空闲，也是在学怎么写更有可读性的代码，更简单，方便的API。简单来说就是重构方面的内容。今天简单分享下，对以前一个小项目（ecDo，欢迎大家star）的API重构方式，下面的的代码如无说明，都是选取自我的项目中这个文件：ec-do-3.0.0-beta.1.js …

最近几天在系统的复习排序算法，之前都没有系统性的学习过，也没有留下过什么笔记，所以很快就忘了，这次好好地学习一下。 首先说明为了减少限制，以下代码通通运行于Node V8引擎而非浏览器，源码在我的GitHub，感兴趣的话可以下载来然后运行试试。 只需要输入数组长度，即可生成一个…