自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【vue3中使用swiper组件】

项目终端中即可这里我个人用的是 npm i swiper -S。

2023-07-04 12:51:45 9712 2

原创 【Behaviors】

behaviors 是小程序中用于实现组件代码共享的特性,作用类似 Vue.js 中的 mixins。比如在多个组件中,有一部分代码是完全一样的,我们没有必要每个组件写一遍,为了方便,我们可以把这部分代码封装出来,放在 behaviors 中进行共享,谁用到这部分代码,直接引用就可以生效。

2023-06-13 20:23:16 500

原创 【git教程】

•Workspace:工作区 :程序员进行开发改动的地方•:暂存区 :当你完成某个需求或功能后需要提交到远程仓库,那么第一步就是通过git add先提交到暂存区,被git管理。•Repository:仓库区(或本地仓库)保存了对象被提交 过的各个版本,比起工作区和暂存区的内容,它要更旧一些。git commit后同步index的目录树到本地仓库,方便从下一步通过git push同步本地仓库与远程仓库的同步。•Remote:远程仓库。

2023-05-29 21:33:36 633 1

原创 【vue中路由的使用】

对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源。

2023-05-16 18:39:47 1691

原创 【vue父子组件传值】

/ this.$emit('tofather', '传过去的数据')$emit方法第二个参数可以定义子组件给父组件传递的内容。//第一个参数:自定义的名字。// 接收来自子组件的传值。//第二个参数:传递的数据。

2023-05-15 16:21:11 354

原创 【Vue组件】

1、使用 Vue.extend 配合 Vue.component 方法2、直接使用 Vue.component 方法3、将模板字符串,定义到script标签中,同时,需要使用 Vue.component 来定义组件4、template模板里书写 *****注意: 不要使用内置或保留的HTML元素作为组件id 组件模板应该只包含一个根元素**代码-- Html标签不区分大小写 -- > <!

2023-05-12 20:09:10 57

原创 【vue过滤器的使用】

第一个参数 过滤器的名字第二个参数 回调函数(data,format)data 管道符前面的数据format: 过滤器传过来的参数// return返回过滤更改后 return data . replace('好人' , '**') . replace('爱死你了' , '****') })与全局定义参数相同 和data,methods平级的// 私有定义 局部定义 filters : {

2023-05-10 16:53:55 55

原创 【vue生命周期】

初始化完成,data和methods已经初始化完成,第一个可以调用data和methods的生命周期。初始化之前,data中的数据和methods中的方法不能拿到,还没有初始化。销毁之前 清空定时器 页面监听。,页面中的数据还没有挂载。

2023-05-09 20:09:22 44

原创 【Vue实现简单增删改查】

利用bootstrap3简易布局Vue操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g

2023-05-08 18:04:28 192

原创 【v-model数据双向绑定】

原理:采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调来渲染视图。

2023-05-06 19:11:04 48

原创 【MVC与MVVM的区别】

【代码】【MVC与MVVM的区别】

2023-05-05 20:02:21 54

原创 API【数组迭代方法】

forEach(回调函数) 回调函数里面三个参数。map (回调函数) 回调函数里面三个参数。

2023-05-04 19:33:03 56

原创 【 jQuery选择器】

【代码】【 jQuery选择器】

2023-04-28 09:06:51 57

原创 【jQuery的部分方法】

设置或返回所选元素的内容 ( 包括 HTML 标记)把自己和子元素都删除掉了。- 设置或返回所选元素的文本内容。在被选元素的结尾插入内容(仍然在该元素的内部)- 设置或返回表单字段的值。在被选元素之后插入内容。在被选元素之前插入内容。在被选元素的开头插入内容。向被选元素添加一个或多个类。用于获取和返回属性值。向被选元素删除一个或多个类。

2023-04-27 20:14:52 53

原创 【less和sass的异同】

【代码】【less和sass的异同】

2023-04-26 19:17:27 100

原创 【常用布局(五种)】

此时,我们设定html元素的font-size为40px(同样,只是举例),然后各处(元素尺寸、文字大小)使用rem作为单位,随后搭配媒体查询或JS,根据屏幕的大小来动态控制html元素的font-size(特定屏幕尺寸下,html元素的font-size应当设置为何值,是使用这个方案时设计师和程序员需要反复考虑后确定的,以下试举一段相关的CSS媒体查询代码),即可自动改变所有用rem定义尺寸的元素的大小(且CSS编写者在脑中进行换算的计算过程比em简单得多)。如果只是宽度自适应,更推荐响应式设计。

2023-04-26 18:19:36 144

原创 【HTTP中常见的状态码】

HTTP状态码是服务器返回给客户端的,其核心作用是web服务器来告诉客户端,当前网页发生的什么事,或者说当前web服务器的响应状态。所以HTTP状态码常用来判断和分析当前web服务器的运行状况。

2023-04-25 19:40:46 43

原创 【ES6中moudel模块中普通导出(批量导出)和默认导出的区别】

将模块中的变量、函数或类等一次性批量导出,可以导出。,默认导出不需要使用花括号;没有名字的变量,我们使用。:每个模块支持我们导出。关键字 export。

2023-04-24 19:27:01 367

原创 【Promise对象】

设计初衷:解决回调地狱回调地狱: promise不是异步的,里面是异步的console.log(resolve); // 成功console.log(reject); // 失败promise有三种状态::用于绑定处理操作后的处理程序。 成功后 参数是回调函数只接受一个参数,用于处理操作异常后的业务。 失败后Promise.all( )方法接受一个数组作为参数,数组的元素是Promise实例对象,当参数中的实

2023-04-24 18:08:55 60

原创 【类的基本用法】

this指向实例化对象//原来的name名 animal . setName('李四') console . log(animal . name);//李四。

2023-04-23 19:43:27 57

原创 【箭头函数】

箭头函数就是把function去掉,在小括号后面加=>

2023-04-21 21:00:00 707

原创 【扩展运算符应用】

也可以添加属性,会覆盖。

2023-04-20 18:55:36 34

原创 【ES6新数组用法】

函数作用:对数组的键值对进行遍历,返回一个遍历器,可以用for…函数作用:可以将类似数组的对象或者可遍历的对象转换成真正的数组。函数作用:对数组的索引键进行遍历,返回一个遍历器。函数作用:用指定的值,填充到数组。函数作用:返回符合条件的第一个数组成员的位置。作用:对数组的元素进行遍历,返回一个遍历器。函数作用:找出数组中符合条件的第一个元素。函数作用:将一组值,转换成数组。

2023-04-19 17:00:18 28

原创 【get请求与post请求的区别】

get请求00参数位置(1)、get把请求参数放在ul上,即http协议头上(2)、因此get比post更不安全,不能用来传递敏感信息(3)、get请求参数会被完整保留在浏览器历史记录里传输的数据大小get一股来说提交的数据最大是2k传输的数据类型GET只接受ASCII字符数据包GET产生一个TCP数据包post请求00参数位置(1)、post放在Request body请求体中(2)、post比get安全(3)、post中参数不

2023-04-18 18:28:03 33

原创 【盒子水平垂直居中的三种(四种)方式】

父盒子使用相对定位,子盒子使用绝对定位,利用top:50% left:50% 让子盒子相距父盒子上边界,左边界宽高的50% 利用 margin-top margin-left返回子盒子自身宽高的50%margin: auto;和 margin-top:;/* 相当于父盒子高度的50% *//*相对于父盒子宽度的50%*//*向上走回自身高度的一半*//*向左走回自身宽度的一半*//* 距离上侧150px *//* 距离左侧300px *//* x轴居中 *//* y轴居中 */

2023-04-17 19:24:13 1520

原创 【bind和on的区别】

on有四个参数,分别是event,selector, data,function 分别是事件,选择器,额外添加的数据和执行函数。bind有三个参数,分别是event,data,function,也就是事件,额外要添加的数据以及执行函数。on可以将子元素的事件委托给父元素进行处理,而且可以给动态添加的元素加上绑定事件。比如给盒子下p添加事件,on可以但是bind做不到。on和bind都可以实现,但是添加一个新的li。bind只能给符合条件的元素本身添加事件。on是jquery推荐使用的。

2023-04-14 20:07:36 193

原创 jQuery动画

【代码】jQuery动画。

2023-04-13 18:13:05 23

原创 【正则表达式】

事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”

2023-04-12 18:27:06 18

原创 防抖与节流

比如,短时间内重复点击提交同一个评论,异步操纵还未给出响应,多次调用接口,导致重复提交多个评论。:无论你如何乱点,也只有你停止点击的最后一次会请求成功。:无论你如何乱点,也只有你开始点击的第一次会请求成功。:设置延时器,短时间高频率触发只有最后一次触发成功。:设置状态锁,短时间高频率触发只有第一次触发成功。防抖节流分为防抖和节流,都是。:5秒内只有第一次点击成功。

2023-04-11 18:15:45 45

原创 闭包的习题案例

【代码】闭包的习题案例。

2023-04-10 18:10:56 34

原创 贪吃蛇js

方法:蛇渲染方法 蛇的移动(蛇吃食物) 蛇移动的方向。属性:宽 高 背景颜色 定位 左距离 上距离 方向。属性:宽 高 背景颜色 定位 左距离 上距离。方法:食物的渲染方法。属性:食物 蛇 地图。

2023-04-08 19:31:02 29

原创 js的深浅拷贝

深拷贝不仅将原对象的各个属性逐个复制出去,而且将原对象各个属性所包含的对象也依次采用深复制的方法递归复制到新对象上,所以对一个对象的修改并不会影响另一个对象。数组(注意:该数组只是单纯的数组,如果数组里面嵌套对象,则下面的几种方法都不是深拷贝。被复制对象的所有变量都含有与原来的对象相同的值,而所有的对其他对象的引用仍然指向原来的对象。即对象的浅拷贝会对“主”对象进行拷贝,但不会复制主对象里面的对象。”里面的对象“会在原来的对象和它的副本之间共享。堆:动态分配的内存,大小不定,也不会自动释放。

2023-04-07 16:27:02 37

原创 改变this的指向

2、可以改变this的指向,3、可以改变this的指向,4、可以改变this的指向,2、可以改变this的指向,3、可以改变this的指向,4、可以改变this的指向,2、可以改变this的指向,3、可以改变this的指向,

2023-04-06 19:22:21 22

原创 鼠标 ,键盘,浏览器事件

onmouseover 和 onmouseout:会触发冒泡onmouseenter 和 onmouseleave: 不会触发冒泡

2023-04-04 19:13:55 48

原创 js内置对象

Math对象,date对象 Array对象 String对象。检测数据类型 返回的是布尔类型的值。变量名 instanceof Array。:内置对象,BOM,DOM,自定义对象。2、构造函数 new Array()Array.isArray(变量名)

2023-04-04 18:56:58 17

原创 简易登录系统

判断是否输入用户名,密码,性别等,(密码是否为六位)全部输入则登录,缺一则弹窗提示。

2023-04-04 18:26:37 48

原创 简单计时器

三个按钮,点击开始计时则开始,点击暂停则暂停,点击重新开始则归零重新计时。

2023-04-04 18:15:16 103

原创 多个彩色小球跟随鼠标移动

通过设置样式改变div盒子成圆形小球。设置多个div盒子设置样式变成小球。

2023-03-29 07:00:00 70

原创 定时器动画

【代码】定时器动画。

2023-03-28 18:23:31 26

原创 offset、client、scroll系列

【代码】offset、client、scroll系列。

2023-03-27 16:52:49 34

空空如也

空空如也

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

TA关注的人

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