![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
卑微->a闫
我是大佬
展开
-
flex制作筛子
1点 wrap是ul上面的属性 <div class="box"> <ul class="wrap"> <li>1点</li> </ul> </ul></div> ul>li { display: block; width: 100px; height: 10原创 2021-05-07 22:05:39 · 144 阅读 · 0 评论 -
vue实现添加购物车
这里文件引入这个吧<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <div id="app"> <ul> <li v-for="(item,index) in lists" ref="listArr"> <img width="200" height="180" :src原创 2021-04-08 18:44:58 · 1382 阅读 · 0 评论 -
vue动画实现飞入购物车功能
**引入js文件**<script src=https://cdn.jsdelivr.net/npm/vue/dist/vue.js></script>这里设置简单的css样式 .ball{ width: 50px; height: 50px; background: red; border-radius: 50%; } .shopcar{ position: a原创 2021-04-07 21:37:14 · 691 阅读 · 0 评论 -
使用vue实现分页
引入配置文件,两个都得引入<scriptsrc="https://cdn.bootcdn.net/ajax/libs/vue/2.6.1/vue.js"></script><script src="http://mockjs.com/dist/mock.js"></script>简单的style样式<style> .red{ background: red; color:white }</style原创 2021-03-26 19:36:00 · 220 阅读 · 0 评论 -
使用vue.js实现跑马灯效果
本次讲的是关于html5中使用vue.js实现跑马灯效果话不多说直接上代码。代码如下。页面代码 <div id="app"> <input type="button" value="开始" @click="start"> <input type="button" value="停止" @click="stop"> <h2 v-text="msg"></h2> </div>vue部分的代原创 2021-03-25 20:52:23 · 276 阅读 · 0 评论 -
使用vue实现简易购物车功能(功能暂未完善,有的功能没实现)。待更新
使用vue需要导入这个 我这个是本地js,可以吧vue.js下载导入自己的html,也可以去浏览器上选择vue.js 连接在下方https://cn.vuejs.org/v2/guide/<script src= "./vue.js"></script> //这个是导入vue.js//代码实现页 new Vue({ el:"#app", data:{ goods:[ {name:'苹果',pri原创 2021-03-22 20:42:29 · 136 阅读 · 0 评论 -
vue.js中如何填充数据
使用:fill()填充 用来给新建的Array填充数据var arr = [] //创建数组var arr1 = new Array(10); // 给数组定义10空间arr1.fill("张"); //数组的内容console.log(arr1); //打印输出效果图原创 2021-03-15 20:45:45 · 590 阅读 · 0 评论 -
如何将伪数组转为一个数组
from()此方法将伪数组(array-like Object) 转为一个数组function sum(){var arr = Array.from(arguments);arr.push("1111");console.log(arr);}sum(1,2);原创 2021-03-15 20:38:27 · 77 阅读 · 0 评论 -
vue.js中的绑定事件
1.**v-on:click="fn()" 绑定事件 ->语法糖:@click="fn()"2.v-bind:class="" 动态绑定 -> 语法糖class="" :href :src可以是 src class style title 其他属性**功能实现页 var vm = new Vue({ el:"#app", data: { msg:"haha", tag:"yellow",原创 2021-03-15 20:33:27 · 161 阅读 · 0 评论 -
vue.js中var let const区别
首先都是一个变量var:可以重复声明 并且有变量提升let:不能重复声明(值可以修改) 没有变量提升 块级作用域{}在块级作用域里会形成一个暂存性死去变量值不会立即销毁const: 通常声明常量 不能重复声明(值不可以修改如果修改必须是一个对象)...原创 2021-03-15 20:16:22 · 455 阅读 · 0 评论 -
什么是原型链
每个函数身上都有一个prototype的原型并且有一个__proto__的指针指向下一级原型当_proto_指针为null 则形成一个链条,这个链条叫做原型链原创 2021-03-14 20:49:33 · 243 阅读 · 0 评论 -
什么是变量提升
变量提升 创建阶段 var a = “undefined”function 声明并赋值1.变量提升在创建阶段:js 找到 var 和 function如果是var 的话 给其声明 但未赋值 在执行阶段才为其赋值如果是function 那么会进行声明赋值2.变量对象: 在js当中 所有的变量都被保存到变量对象中varirable(变量) Object =vo 变量对象环境分为:全局环境的变量 也可能是 函数内的变量...原创 2021-03-14 20:48:26 · 2309 阅读 · 0 评论 -
html中如何打断点
function a(){ debugger; //打断点 b(); } function b(){ c(); } function c(){ console.log("end"); } a();原创 2021-03-14 20:43:42 · 1493 阅读 · 0 评论 -
什么是闭包
两种回答1.在执行上下文中A 在A里面创建一个函数B 这个B可以访问A里面的变量这时候就会产生一个闭包2.闭包就是能够读取其他函数内部变量的函数原创 2021-03-14 20:41:18 · 62 阅读 · 0 评论 -
html中的常见事件
注意: 事件前面加on事件大致分为(onclick点击、 mousemove 鼠标移动、 mouseup 鼠标抬起 、mousedown鼠标按下、 mouseout鼠标移动到边界)onclick 点击 var oapp = document.querySelector("#app"); oapp.onclick = function(){ alert('傻逼'); };,mousemove 鼠标移动oapp.onmousemove = function()原创 2021-03-14 20:33:43 · 731 阅读 · 0 评论 -
翻转数组中的每个元素
reverse 实现字符串翻转var num = [1,2,3,4,5]; num.reverse() console.log(num)原创 2021-03-14 20:17:56 · 186 阅读 · 0 评论 -
数组去重,数组截取,数组翻转元素,迭代器
数组去重 var arr = [1,1,2,2,3,3,4,4];function unique(arr){ return Array.from(new Set(arr));}console.log(unique(arr))2.数组截取 var arr2 = [2,4,6,8,10,12]; var result = arr2.slice(1,5) console.log(result)3.数组翻转元素 var num = [1,2,3,4,5];.原创 2021-03-12 20:49:50 · 82 阅读 · 0 评论 -
一号店和代码
ps:没上传css样式需要的关注我我发css样式 <body> <!--顶部广告区--> <div class="top_ad"> <div class="wrap top_ad_pic"> <a href="#"><img src="images/topAdPic.png"></a> <a href="#" class="close_btn">X</a> &l原创 2021-03-11 00:16:28 · 935 阅读 · 2 评论 -
html的三种定位
前端开发中比较常用的定位有三种:相对定位,绝对定位,固定定位。**相对定位position:relative **1.它可以在四个方向分别或者同时进行偏移2.定义时它的参照物是父元素(没有时为浏览器本身)3.偏移后元素的原来位置还是被占着,并没有空出来4.当父元素和子元素同时定义时,他们的参照物是父元素,且占据原来的位置绝对定位position:absolute它可以在四个方向分别或者同时进行偏移2.单独定义时它的参照物是浏览器本身,且不占据原来的位置3.当父元素和子元素原创 2021-03-10 22:48:42 · 947 阅读 · 0 评论