熊叔叔

摘要： 这是一款由javaScript+Canvas开发的塔防游戏， 这是游戏界面 游戏视频和教程在Bilil 游戏视频 : https://www.bilibili.com/video/BV1CT4y1Q767/ 游戏地址 ：http://uncle_bear.gitee.io/test/因为用的gite 阅读全文

摘要： 为了更好地维护代码管理、阅读项目目录结构，本着简单、快速、可配置的基础上根据node环境下通过： 根据规则文件 => 生成文件目录结构 => 根据目录结构生成对应结构树。具体用法如下。 只需要文件里有 tree.options.js(可有可无) => Tree.js => TreeUi.js 选填文 阅读全文

摘要： 如上GIF所示，这次模拟的是切换3D特效，因为在之前开发过程中，产品有不同的需求，swiper有些功能不是很适用，所以就按照需求自己写了这种功能的效果。 具体原理是运用css里面的: transform:totateY、translateZ、scale所以希望大家对这几个css样式有一定的了解和认识 阅读全文

摘要： 像这种鼠标经过或者 DOM元素被触发事件后会有一个一闪而过的动效，是我在开发中根据动画灵感写出来的，具体代码是运用了css的after尾类，所以要大家对尾类处理器又一定了解,开整。 首先dom结构就如上图一样，其中: 1:是包裹这两个的元素。2:是这次主要操作的元素，通过Cauda来进行尾类的操作。 阅读全文

摘要： 在开发过程中我们往往会遇到分页的情况，这时候虽然插件很香，但是为了提升知识储备和开发能力，结合项目中的分页进行了二次开发。 首先我们依托于三大主流框架中的VUE开发。（如果想要彻底理解实现思路，需要有一定技术了解的方可） 、 其中红色权入区域为实际分页DOM渲染区域 sk函数式点击显影分页DOM。 阅读全文

摘要： 在我们开发web端或者H5嵌套IOS和安卓时候，有时候需求会有动效这一说，这时候传统意义上的视频加载就无济于事了，因为在H5嵌套中会出现兼容等一系列的问题所以，为了实际开发需求我们需要对视频逐帧播放代码如下 function Frame_animation(afferent) { if(!affer 阅读全文

摘要： 距离某一天的倒计时我们只需要传递三个参数年月日即可返回 function counter(year,mouth,date) { div.innerHTML = `${innerHTMLs.slice(0,2)}${year}-${mouth}-${date}${innerHTMLs.slice(2) 阅读全文

摘要： 前端在处理后台返回的接口同时，可能也会在功能中对数据进行操作。在实际开发中可能出现比较常见的一类就是归类或者归并。 如需要合并所有KEY值相同的的值，或者说累计相同KEY值所以在实际开发层面，在没有找到更好的办法之前我们想到的最多是for循环嵌套 for循环进行归类，但是那样既不高效，可读性又差，所 阅读全文

摘要： 前端在工作当中难免会于原生的安卓和ios合作，去做一些H5嵌套的页面。但是实际开发中常常会遇到各种兼容问题，具体问题我就不一一列举了，这次我主要分享的是关于在原生中下拉刷新中双系统出现的兼容问题，最典型的就是在ios中会出现下拉弹簧这会大大增加前端在开发中遇到的奇特问题，所以本文结合实际，对此做些功 阅读全文

摘要： 一、CommonJS node.js的模块系统，就是参照CommonJS规范实现的。在CommonJS中，有一个全局性方法require()，用于加载模块。假定有一个数学模块math.js，就可以像下面这样加载。 var math = require('math'); 然后，就可以调用模块提供的方法 阅读全文