基于layui的无限级联选择器
摘要：
最近根据需要，做了一个基于layui的无限级联选择器，样式仿照elementUI 1. html元素 2. js引用 3. cascader参数说明 4. 如图： 5. 在线demo github源码 阅读全文
posted @ 2018-08-01 16:50 凉宫 阅读(6491) 评论(2) 推荐(0) 编辑
基于vuejs的ui框架
摘要：
基于vuejs的ui框架： 1. Vue-Blu https://chenz24.github.io/vue-blu/#/ 2. Vue Material http://vuematerial.io/#/ 3. Vuetify https://vuetifyjs.com/ 4. Bootstrap- 阅读全文
posted @ 2018-05-21 16:25 凉宫 阅读(4362) 评论(0) 推荐(0) 编辑
webpack学习笔记
摘要：
1. 全局安装webpack cnpm install --save-dev webpack 2. 初始化 cnpm init cnpm install --save-dev webpack 创建项目目录( dist为生成目录 ) 3. 配置文件 webpack.config.js 创建main.j 阅读全文
posted @ 2017-11-04 00:55 凉宫 阅读(315) 评论(0) 推荐(0) 编辑
vue练手小项目--眼镜在线试戴
摘要：
最近看到了一个眼镜在线试戴小项目使用纯js手写的，本人刚学习vue.js没多久，便试试用vue做做看了，还没完善。 其中包括初始图片加载，使用keywords查找，父子组件之间传递信息，子组件之间传递信息 1. 使用keywords查找 1.1 给每个li添加初始data smallImg: [ { 阅读全文
posted @ 2017-09-29 23:40 凉宫 阅读(2757) 评论(0) 推荐(0) 编辑
vue-ajax小封装
摘要：
1. js 文件: /** ajax封装:* 1. 引入文件* 2. new Vue().ajax.get(url,data,fn,ojson), 或 new Vue().ajax.post(url,data,fn,ojson)* url: 需要获取数据的文件地址 (string)* data: 需 阅读全文
posted @ 2017-09-17 16:33 凉宫 阅读(4766) 评论(0) 推荐(0) 编辑
vue组件初学--弹射小球
摘要：
1. 定义每个弹射的小球组件( ocicle ) 2. 组件message自定义属性存放小球初始信息(可修改) 3. 思路 3.1 定时器设置小球每一帧移动 3.2 初始方向：isXtrue为true则小球为横坐标正方向； isYtrue为true则小球为纵坐标正方向 3.3 每次移动之前获取小球当 阅读全文
posted @ 2017-09-06 00:03 凉宫 阅读(727) 评论(0) 推荐(1) 编辑
画布实现随机验证码
摘要：
1. html模板: 2. 使用: 2.1 引用js文件 2.2 在模板之外添加一个盒子，宽高必须给，验证码宽高与之相等 2.3 每调用一次drawBg()，刷新一次 2.4 drawBg().textArr 得到当前的文本内容存为数组 2.5 drawBg().text 得到当前的文本内容存为字符 阅读全文
posted @ 2017-08-29 18:46 凉宫 阅读(331) 评论(0) 推荐(0) 编辑
画布实现拼图原理
摘要：
1. 页面布局 1.1 bg: 背景提示图，使用半透明效果，移动图片后显示，层级最低，z-index:-1; 1.2 cvs: 当前画布，层级默认0； 1.3 content: 覆盖在画布之上 z-index:1; 1.3.1 currentCheckpoint: 显示当前关卡数与难度系数 z-in 阅读全文
posted @ 2017-08-24 16:18 凉宫 阅读(1046) 评论(0) 推荐(0) 编辑
简易贪吃蛇实现思路：
摘要：
1. 沙箱模式封装图片加载函数，对外暴露loadImg(imgUrl,Fn)函数，其中imgUrl为图片地址（对象），Fn为回调函数。2. 创建整个游戏函数，封装为DrawSnake，单例模式对外暴露DrawSnake（） 2.1 原型中创建随机生成食物函数food，思路为把20（整个游戏以20为一 阅读全文
posted @ 2017-08-24 15:39 凉宫 阅读(517) 评论(0) 推荐(0) 编辑
