自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 uniapp中使用的ui组件库

uniapp中使用的ui组件vant weapp 官网 https://vant-contrib.gitee.io/vant-weapp/#/homeiView weapp 官网 https://weapp.iviewui.com/docs/guide/start

2022-07-06 13:36:45 2712 1

原创 js继承

继承prototype属性当我们在类中定义方法的时候,这个方法在每次创建实例对象的时候,都会被调用,开辟新的内存空间,则会导致内存消耗很大,因此我们可以将这个类具有的方法放在原型对象上(prototype)当我们修改原型上的属性的时候,就相当于在给该实例添加了一个这个属性可以通过delet function Person(newId,newName){ this.id=newId; this.name=newName; // this.e

2021-02-26 00:39:26 146

原创 js闭包

闭包什么是闭包?函数嵌套函数,被嵌套的函数就是闭包函数闭包是指在函数外部访问函数作用域中变量(局部变量)的函数作用:在一个函数的外部,可以使用函数内存的局部变量 ,可以让读取的变量始终保存在内存中(块级作用域)正常函数执行完毕之后,里面声明的变量被垃圾回收机制处理掉,但是闭包可以让作用域中的变量,在函数执行完毕之后依旧保持没有被垃圾回收机制处理掉(垃圾回收,当new一个对象的时候,相当于开辟一个空间,当这个空间不用的时候,垃圾回收机制会对这个空间进行清空,以便重新使用)增加块级作用域在

2021-02-25 22:16:41 144

原创 ajax

Ajax如何使用什么是ajax?AJAX(Asynchronous JavaScript And XML),(异步 JavaScript 和 XML),中文名:阿贾克斯。是指一种创建异步交互式网页应用的网页开发技术。AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术前端通过与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。为什么要

2021-02-25 13:11:39 158

原创 cookie localStorage sessionStorage

cookie什么是cookie?会话跟踪技术什么是会话session:用户进入网站开始浏览到结束浏览的这样的一个过程,就称为一次会话会话跟踪技术:浏览器和服务器之间在进行多次请求数据时,数据共享的过程就称为会话跟踪技术cookie的生成过程: 打开浏览器—>输入网址—>回车—>域名解析—>访问服务器 —>返回主页—>将cookie存储在浏览器用户要访问二级页面时,打开新的窗口,会自动判断上一个页面中是否含有cookie,如果有,就将cookie数据带入到下一个页

2021-02-25 08:50:54 107

原创 react实现点击变色小功能

方法一:通过className添加类名的方式当点击实现变色的时候,需要重新使用render函数进行渲染<style> .isActive { background-color: red; }</style><body> <div id="app"> </div> <script type="text/babel"> let arr = [1, 2, 3,

2021-02-24 14:38:51 4595

原创 js数组方法以及字符串方法

concat()连接两个或更多的数组,并返回一个新数组 let arr=[1,2,3,4]; let arr2=[3,4,5,6]; let arr3=arr.concat(arr2); console.log(arr3);join()把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分割let arr=[1,2,3,4]; let arr3=arr.join("-"); console.log(arr3);//1-2-3-4pop()删除并返回数组最后一个元素let a

2021-02-23 19:27:01 104

原创 Promise

什么是promisepromise是异步编程的一种解决方案promise主要用于解决网络请求所产生的回调地狱什么情况下使用promise?一般情况下是有异步操作的时候,使用promise对这个异步操作进行封装链式编程promise对象的参数是一个回调函数,这个回调函数又有两个参数 分别是resolve(解决即表示请求成功),reject(拒绝表示请求失败),并且resolve与reject又是两个函数,reslove表示异步请求成功调用,reject表示异步请求失败的时候调用回调函数中写异步请

2021-02-17 00:07:00 136 1

原创 html css基础面试题(一)

掌握盒子水平垂直居中的五大方案让box在body中水平垂直居中,公共样式 html,body{ width: 100%; height: 100%; background-color: azure; } .box{ width: 100px; height: 100px; background-color: coral; }定位方案盒子必须设置宽度和高度,并且margin-left,margin-top为宽度高度的一半

2021-02-16 20:33:46 204 1

原创 ES6中箭头函数this的指向

ES6中的箭头函数 const sum=(num1)=>{ return num1+num2; }参数问题: 当传入一个参数的时候,小括号可以省略,并且当函数代码块中只有一行代码的时候,外部的花括号可以省略 const sum=num1=>return num1+num2;当代码中含有返回值的时候,return 关键字也可以进行省略 const sum=num1=>num1+num2;箭头函数经常被作为一个函数的参数进行传入箭头函数中

2021-02-14 23:12:32 90

原创 vue钩子函数

什么是vue的生命周期vue实例在创建到销毁经过的一系列过程叫做生命周期什么是生命周期钩子每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。在生命周期中被自动调用的函数叫做生命周期钩子(钩子函数)beforeCreate在实例初始化之后,数据观测 (data observer) 和 event/wa

2021-02-14 22:26:38 182 1

原创 vue实现点击变色的小功能

<style> .active { color: red; } </style></head><body> <div id="app"> <ul> <li v-for="(item,index) in movies" :class="{active:index==currentIndex}" @click="ch.

2021-02-13 01:19:37 485

原创 vue购物车小案例

<div id="app"> <cop :books="books" /> </div> <template id="cnp"> <div> <div v-if="books.length"> <table> <thead> ..

2021-02-13 00:56:24 187

原创 vue组件之间的通信

父子组件之间的通信正向传值父组件给子组件进行传值,使用props , props里面既可以传入一个数组也可以传入一个对象javascript<!-- vue实例 --> <div id="app"> <cpn :cmovies="movies" /> </div> <!-- 组件 --> <template id="cpn"> <div>

2021-02-12 23:36:02 91

原创 vue组件中的data为什么是一个函数?

因为组件是一个小功能,它需要在多个页面进行多次复用,如果data是一个对象的话,则当一个页面数据发生改变的时候,则会对其他页面产生影响,只有当data是一个函数,每次return出的都是一个新的对象,这样各个组件之间都是相互独立的,不会产生影响。 <div id="app"> <cpn></cpn> <cpn></cpn> <cpn></cpn> </div&g

2021-02-12 22:21:09 101

原创 vue常用指令

插值操作的指令v-textv-text插入数据和Mustache(双括号插值)的不同在于Mustache可以对插入的数据进行运算,即可以插入一个表达式,而v-text插入的数据不能则进行修改,并且它会覆盖标签内存的内容 <div id="app"> <h3>{{number*8}}hello</h3> <!-- 而双括号插值则不会影响标签里面的内容,可以正常显示 --> <h3 v-text="

2021-02-12 21:38:35 199 4

原创 ES5新增的数组方法

indexOf在数组中查找一个数所在的位置 ,如果找到返回这个数所在的下标,如果找不到返回-1举例:数组去重let arr=[1,1,1,1,4,5,7,7,8,0,9]; let arr1=[]; for(let i=0;i<arr.length;i++){ if(arr1.indexOf(arr[i])==-1){ arr1.push(arr[i]); } } console.log(arr1);</script>forEach

2021-02-08 18:24:45 84

原创 js变量以及作用域链

js变量以及作用域链变量全局变量:定义的时候没有被任何括号括起来的变量,其作用域为整个文件 var i = 123;//定义i function fun(){ i = 666; } fun(); console.log(i);//666局部变量:定义的时候,被任何括号括起来的变量,作用域为被声明的函数体内 function fun(a,b){ var c = 123;//定义c,在函数内部,作用域为该函数体内 } console.log(c);//报错,外

2021-02-08 12:49:20 145

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除