小跑追趕幸福

摘要： 1. find()与findIndex()    find()方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。 [1, 2, 5 阅读全文

摘要： js动态数字时钟 主要用到知识点： 主要是通过数组的一些方法,如：Array.from() Array.reduce() Array.find() 时间的处理和渲染 js用到面向对象的写法 实现的功能 炫酷的数字时间效果 直接看效果 html： css： js： 参考自：腾讯课堂渡一教育 阅读全文

摘要： canvas实现画板 主要用到知识点： 鼠标事件onmousedown() onmousemove() onmouseup() onmouseleave() 事件委托 canvas的一些方法 如：绘制线条moveTo() lineTo() stroke() 撤销功能getImageData() pu 阅读全文

摘要： canvas实现随机验证码 知识点 canvas生成背景图和文字 设置字体样式和大小 String的fromCharCode(code码)生成大小写字母和数字 str.toLowerCase()转小写 随机抽取不重复的6位数字组成验证码字符串 效果图 html: css: js: javascrip 阅读全文

摘要： jquery照片墙 由15张图片构成，大致思路：随机生成所有图片 点击其中一张变为一张大图 点击大图又变回多张 主要用到jquery实现 先来看看效果 html： css： js： 参考自：腾讯课堂渡一教育 阅读全文

摘要： css3 之炫酷的loading效果 今天实现了一个炫酷的loading效果，基本全用css来实现，主要练习一下css3的熟练运用 js需要引入jquery 只用到了一点点js 先看效果图 html： css： js: javascript var timer =null; var add =0; 阅读全文

摘要： 项目需求： 实现一个购物车 全选框实现对商家和商品的全选 商家全选框实现对当前商家所有商品的全选 取消其中一个商品则取消对应商家全选和全选框 选中一个商家下的所有商品则勾选对应商家的全选框，不勾选全选框 选中所有商品则勾选所有商家全选框和全选框 我的思路： 1、通过对数据的简单操作可实现更深层次的全 阅读全文

摘要： 1、配置此路由的标题title 2、配置组件是否需要缓存 阅读全文

摘要： 使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如： import Hello from '@/components/Hello' import Boy from '@/components/Boy' import Girl from '@/co 阅读全文

摘要： vux VUX 是基于 WeUI 和 Vue.js 的 移动端 UI 组件库,提供丰富的组件满足移动端(微信)页面常用业务需求。 在vue cli中使用步骤如下： 1、安装： npm i vux S 2、vux2必须配合vux loader使用，并配置build/webpack.base.conf. 阅读全文

摘要： 一、使用git git是什么？ Git是目前世界上最先进的分布式版本控制系统。 SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。 阅读全文

摘要： 实现思路： 1、 v model 一个收集所有input（除全选框外）数组checkModel ，vue会动态将其checked为true的input的value值存入数组checkModel里 2 、watch函数来监听checkModel 属性，当其长度==input元素时 全选按钮选中 否则取 阅读全文

摘要： 鼠标事件 鼠标事件有下面这几种： 1. onclick 鼠标点击事件 box.onclick = function(e){ console.log(e)} 2. onmousedown 鼠标按下事件 box.onmousedown = function(e){ console.log(e)} 3. 阅读全文