- 博客(19)
- 收藏
- 关注
原创 vue2.0和vue3.0创建项目的命令
vue2.0创建命令1. 全局安装vue:npm i -g vue2. 全局安装vue-cli(2.0):npm i -g vue-cli3. 全局安装webpack: npm i webpack -g4. 创建项目:vue init webpack 项目名称vue3.0创建命令1. 全局安装vue:npm i -g vue2. 全局安装vue-cli(2.0):npm i -g @vue/cli3. 创建项目:vue create 项目名称...
2021-07-29 10:44:15
2683
原创 利用vue和SVG实现环形进度条
利用vue和SVG实现环形进度条今天在项目中遇到了环形进度条,首先想到的是利用SVG画出来一、解释参数属性svg表示一个画布,以下的参数我是动态设置大小circle第一个圆表示底层的圆circle表示上层转动变化的圆cx,cy:圆心r:半径stroke-width:转动圆的宽度(也就是有颜色变化的那一圈的粗细)stroke:那一圈圆的底色fill:中间 的填充颜色stroke-dasharray:(变化的长度,一圈的长度),可以根据进度条中间text数值的改变而改变默认圆转动
2021-07-19 16:15:20
876
原创 vue实现列表点击动态改变样式
vue实现列表点击动态改变样式一、实现原理v-for进行列表循环v-bind动态绑定二、实现1.v-for循环列表data(){ return{ currentIndex:0, }} <ul> <li class="showplace-left-content" v-for="(item, index) in leftList" :key="index" >
2021-07-14 11:47:28
1409
原创 Property undefined was accessed during render but is not defined on instance报错解决
问题描述:Property undefined was accessed during render but is not defined on instance报错解决 原因分析:检查了是绑定class时 类名不能被成功v-bind,然后去检查语法。解决方案:提示:这里填写该问题的具体解决方案:例如:新建一个 Message 对象,并将读取到的数据存入 Message,然后 mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sen
2021-07-14 11:25:16
11898
原创 vue中使用animate.css动画
今天学习vue动画使用,觉得下载animate.css下载然后引用比较方便,以下给出教程。第一步:下载animate.css。网址:(http://www.haorooms.com/uploads/example/Animatecss/)第二步:在需要使用动画的标签外包上标签,并在 中写上name="fade" enter-active-class="animated 动画名字" <!-- 这是前动画 --> leave-active-class="animated 动画名字" &l
2020-12-22 16:40:48
102
原创 2020-11-25
def findAllPath(graph,start,end,path=[]):path = path +[start]if start == end:return [path]paths = [] for node in graph[start]: if node not in path: newpaths = findAllPath(graph,node,end,path) for newpath in newpaths:
2020-11-25 20:21:23
93
原创 2020-11-11
1、递归相当于遍历:函数自己调用自己,在特殊情况下(求阶乘或者求和)举一个栗子:function fn(n) { if(n == 1) { return 1; } else { return n * fn(n-1); }}console.log(fn(3));2、浅拷贝和深拷贝区别:当b浅拷贝a,a的数据改变了,b的数据也会跟着改变为浅拷贝;当b的数据不会跟着拷贝则为浅拷贝。...
2020-11-11 16:40:31
80
原创 利用闭包实现打车
var car = (function () { var start = 13;// 起步价 var total = 0; // 总价 // 正常打车计费 return{ price: function(n) { if (n >= 3) { ret.
2020-11-10 21:42:35
188
原创 经典闭包面试题
实现点击li输出li的索引号 <ul> <li>榴莲</li> <li>苹果</li> <li>香蕉</li> <li>水蜜桃</li> </ul>for (var i = 0;i < lis.length;i++) { (function(i) {
2020-11-10 20:23:52
167
原创 改变this指向的三种方法
1、call();可以调用函数,可以改变this指向,还可以继承类2、apply();以伪数组形式存放3、bind();开发使用最多,不会调用函数,改变指向但是不会立即调用函数应用function fater
2020-11-10 10:27:29
2972
原创 进阶函数
1、创建函数的三种方法自定义函数 function fn() { };函数表达式var fn = function(){ };var fu = new Function('参数1'.'参数2');2、函数的分类和调用 {(1)普通函数 function fn(){}; fn();(2)对象的方法var o = { SayHi:function(){ console.log(); }; } o.SayHi();(3)构造函数 function fn() {}; new fn(
2020-11-10 10:06:08
211
原创 新学的对象方法
1、innerHTML和innerText、value的区别:都是获取文本框中的内容,但是value是input/button等具有value属性的元素才能使用。2、对象获取自身属性 Object.keys();//遍历对象3、新增对象方法 Object.defineProperty(obj,‘num’,{value:1000 //第一个参数writable:true/false //是否允许被修改 例如idenumerable:true/false //是否允许被遍历出来configurabl
2020-11-10 09:46:26
90
原创 冒泡排序的原理
**<script> function sort(ele) { for(var i = 0;i < ele.length-1;i++) { for(var j = 0;j < ele.length-i-1;j++) { // 双重for循环 每次j都从0开始 if(ele[j] > ele[j+1]) { // 这是在进行数据交换 var swap = ele[j]; ele[j]=ele[j+1]; ele[j+1]=swap;
2020-11-08 15:51:03
182
原创 2020-11-07
1、重新整理了html,css,js基本语法,webApi中的DOM2、c端是面向个人用户的应用类的产品,b端是面向群体的浏览器类的产品。3、js的数据类型有 number、null、undefined、String、Boolead、object(复杂数据类型)4、区别了DOM获取元素的方法 innerHTML和innerText的区别,前者是获取标签+标签中的内容,后者是获取标签中的内容...
2020-11-08 15:38:21
109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人