一半设计一半前端

前面用ES6写了一个 todos，这里放一个Vue版本写的，可以通过代码对比，看看Vue和原生js的区别。用ES6写了一个todos，本地任务清单！点击图片看效果。核心代码：const fi...

几乎每年快过年的时候，我都要为公司写一个抽奖小游戏，而且每次抽奖我都能中奖，记得有一年我拿到二百多的号码，结果中了二等奖，奖品是一个挂烫机。有一年拿到三百多的号码，中了三等奖，奖品是一个床上四件套。搞...

HTML5增加了localStorage本地存储，比以前的cookie小饼干存放的数据增多了，还是很好用的，用来存放用户信息或者做一个本地的任务清单还是绰绰有余的。点击图片直接看具体效果。功能：1、如...

关于HTML5拖拽API的具体教程可以移步到教程区查看：HTML5新增的拖拽上传API下面这个案例实现了拖拽或者点击选择多张图片，显示缩略图，并且可以删除缩略图等效果。点击图片查看具体效果。1、可以在...

关于正则的教程，可以查看：正则这个火星文！学完正则后，可以通过表单登录来练习正则的使用。点击图片可以查看具体效果。功能：1、输入框获得光标时，出现提示要输入数据的格式的tips。2、用户名要求字母开头...

以前写购物车，总是或多或少会留下几个小bug被学生捉虫，这次把以前jQuery写的一个商城项目的购物车单独拎出来，用原生js(ES6)再写一次，希望是零漏洞了。点击图片看效果。功能：很多很多小细节，就...

现在都是手机端，使用放大镜功能的情况很少了，把以前电商网站中的放大镜效果单独拎出来，用原生js写一遍。点击图片查看具体效果。放大镜核心功能在于小方块在小图上移动距离的比例和大图移动的比例是一样的。当然...

做过很多种类型的幻灯片，无缝滑动幻灯加上自动播放应该是幻灯最常见的形式，各大组件库提供的幻灯也一般是这种形式。那这次用原生js实现一个。点击图片看效果。功能：1、默认自动播放，鼠标经过停止，移开继续自...

优设是一个设计师喜欢的网站，仿一个它的幻灯片。点击图片查看具体效果。功能：1、数组存放图片路径和标题信息。2、点击上一张、下一张图片滑动切换。3、图片切换的时候标题的高亮对应切换。4、点击标题可以切换...

现在的人都不习惯看表格数据了，很多数据都用的可视化图表来展现，Echarts是其中最出名的开源库，百度出品，有兴趣可以去官网看看。https://echarts.apache.org/zh/index...