自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Bootstrap 小结

下拉菜单是可切换的上下文覆盖层,用于显示链接列表等。它们与包含的 Bootstrap 下拉 JavaScript 插件进行交互。它们是通过点击来切换的,而不是通过悬停来切换;这是一个有意的设计决定。下拉菜单基于第三方库Popper构建,它提供动态定位和视口检测。确保在 Bootstrap 的 JavaScript 之前包含或使用包含 Popper 的尽管不需要动态定位,但 Popper 不用于在导航栏中定位下拉菜单。如果您从源代码构建我们的 JavaScript,它需要util.js。

2024-06-28 07:49:38 1940

原创 CSS基础汇总

标签选择器通过标签名找标签(把指定的样式应用到某一个、组、类标签上)id选择器通过id属性值找标签,关键符号#id值{样式}复合选择器1、并列选择器:关键符号,用法:选择器1,选择器2{样式}2、后代选择器:符号空格,用法:选择器1空格选择器23、属性选择器:选择器[属性=属性值]{样式}4、筛选:用法:选择器class选择器选择器的优先级:1、内联        2、id选择器        3、class选择器        4、标签选择器        5、通用选择器1、有关字体的设置: 1.font

2024-06-27 11:40:02 535

原创 jQuery总结

jQuery是一个快速、简洁的JavaScript库。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。JQuery封装了JavaScript常用的功能代码,提供了一套易于使用的API,可以跨多种浏览器工作,使HTML文档的遍历和操作、事件处理、动画设计和Ajax交互等操作变得更加简单。

2024-06-25 07:32:02 1522

原创 微信小程序生命周期

小程序的生命周期,简而言之,就是从创建、运行到销毁的整个过程。这个过程中,小程序会经历多个特定阶段,每个阶段都有对应的回调函数供开发者使用,以执行特定逻辑。

2024-06-17 09:03:07 240

原创 组件生命周期

生命周期方法可以直接定义在Component构造器的第一级参数中。自小程序基础库版本2.2.3起,组件的的生命周期也可以在lifetimes字段内进行声明(这是推荐的方式,其优先级最高)。// 在组件实例进入页面节点树时执行},// 在组件实例被从页面节点树移除时执行},},// 以下是旧式的定义方式,可以保持对

2024-06-03 08:59:30 49

原创 微信小程序(初学)

app.js小程序逻辑app.json小程序公共配置app.wxss小程序公共样式。

2024-05-26 06:00:00 405

原创 小程序初学

在我还没接触到微信小程序之前,通常使用轮播要么手写或使用swiper插件去实现,当我接触到微信小程序之后,我看到了微信小程序的强大之处,让我为大家介绍一下吧!swiper与swiper-item一起使用可以做轮播图。

2024-05-20 08:13:06 170

原创 props配置项

props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据。// 接收的同时对数据进行类型限制 + 指定默认值 + 限制必要性。第二种方式(限制数据类型):props:{name:String}"我是一名来自枝江大学的男酮,嘿嘿,我的金轮~~"第一种方式(只接收):props:[‘name’]// 接收的同时对数据进行类型限制。功能:让组件接收外部传过来的数据。

2024-05-13 08:51:02 143

原创 js的基本数据类型

1定义了变量,但是没有赋值例如var 变量;

2024-05-06 08:26:28 182

原创 hash模式和history模式的区别

综上所述,Hash模式简单易用、兼容性好,适用于不需要深度 SEO 优化且服务器端无需特殊配置的项目。而History模式提供了更标准、更美观的 URL 结构,有利于 SEO,但需要服务器端适当配置以支持客户端路由,并且依赖现代浏览器的 History API 支持。根据项目的具体需求和技术环境,开发者可以选择合适的路由模式。

2024-04-28 18:49:58 458

原创 WebStorage存储(vue)

locationStorage存储在浏览器中的本地会话,需要手动清除。

2024-04-19 11:22:36 268 1

原创 插槽的基本用法

在Vue中,插槽被用于在组件中定义可变的部分。组件可以将其内部的内容暴露出去,允许父级组件在使用该组件时传入自定义内容。这种传递的内容可以是任何类型的Vue实例,包括文字、HTML标签、其他组件等。在上面的例子中,我们使用的是默认插槽,也就是没有给插槽命名。除了基本的插槽功能,Vue还提供了一种更强大的插槽功能,即作用域插槽。作用域插槽允许子组件向父组件传递数据,实现更为灵活的组件交互。当父组件被渲染时,插槽的内容将被替换为实际传入的内容。在上面的例子中,我们在子组件中定义了一个插槽,然后在父组件中使用。

2024-04-14 23:17:39 130

原创 自定义指令

/ 自定义指令// 规则:定义指令名称不能使用驼峰和v-,要是用-连接,记得添加引号// 使用时要v-自定义名称// 函数写法// 名称(节点,绑定对象){}// 对象写法// 名称:{// 绑定成功调用// bind(节点,绑定对象){},// 插入到页面调用// inserted(节点,绑定对象){},// 重新解析时调用(值发生改变)// update(节点,绑定对象){}// }// 1.局部自定义指令//directives ,写入Vue实例中。

2024-04-07 18:47:01 325

原创 vue学习

定义:需要通过已有属性计算得来要用的属性不存在,原理:底层借助了 0bjcet.defineproperty()方法提供的getter和 setterget 函数什么时候执行?a.初次读取时会执行一次当依赖的数据发生改变时会被再次调用b.优势:与 methods 实现相比,效率更高,调试方便内部有缓存机制(复用)备注:计算属性最终会出现在 vm 上,直接读取使用即可。

2024-03-31 20:15:57 323

原创 步入vue第三天

4.底层原理使用Object.definproperty(目标对象,键名,{get(){},set(value){}})3.简写:只有值不发生改变才可以是用简写(函数), 值发生改变必须使用对象,才可以配置set()方法。1.computed能做的watch都可以做,watch可以做的,computed不一定能做。写法:监听的属性(新值,旧值){}3.对于定时器,函数回调,ajax回调,promise回调,建议使用箭头函数。4.监听对象中的值需要深度监听,deep:true。1.监听已存在的属性。

2024-03-24 17:11:14 137 1

原创 步入vue第二天

"nums":{// bind成功绑定时调用},// inserted成功插入页面调用},// update重新解析时(改变)调用。

2024-03-17 15:18:56 348 1

原创 步入vue

Vue是一套用来构建动态构建用户界面的渐进式javascript框架开发作者是尤雨溪。

2024-03-10 20:28:45 366 1

原创 ES6 Generator 函数

第一次调用 next 方法时,从 Generator 函数的头部开始执行,先是打印了 one ,执行到 yield 就停下来,并将yield 后边表达式的值 ‘1’,作为返回对象的 value 属性值,此时函数还没有执行完, 返回对象的 done 属性值是 false。第三次调用 next 方法时,先是打印了 three ,然后执行了函数的返回操作,并将 return 后面的表达式的值,作为返回对象的 value 属性值,此时函数已经结束,多以 done 属性值为true。

2024-01-08 09:00:10 358

原创 es6中set函数

Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。

2023-12-25 08:14:13 430 1

原创 ajax的调用接口

res.send(“get调取登录成功”);res.send(“get调取登录失败”);5.输入node 当前js文件,启动服务。3.html页面引用ajaxd的调用。1.先创建一个js文件,引入模块。4.找到当前文件的根目录终端窗口。

2023-12-11 08:40:24 276 1

原创 使用express创建接口的具体

【代码】使用express创建接口的具体。

2023-12-04 09:31:44 77

原创 node.js的三大模块(fs,path和http)

fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作需求。

2023-11-27 09:22:10 36

原创 es6总结

ES6 中规定,Class 内部只有静态方法,没有静态属性。(2)如果参数是 0 至 -1 之间的小数,会进行取整运算,0 至 -1 之间的小数取整得到 -0 ,等同于 repeat 零次。(3)重复声明: var声明变量时,可以重复声明变量,后声明的同名变量会覆盖之前声明的遍历。a.由于每一个 Symbol 的值都是不相等的,所以 Symbol 作为对象的属性名,可以保证属性不重名。(2)变量提升: var存在变量提升,let和const不存在变量提升,即在变量只能在声明之后使用,否在会报错。

2023-11-20 10:01:44 37 1

原创 es6之中的map

es6之中的map函数类似对象,但是各种值都可以当作键形式是键值对的形式。

2023-11-13 09:01:29 27

原创 symbol的介绍及拦截器

Symbol 函数栈不能用 new 命令,因为 Symbol 是原始数据类型,不是对象。可以接受一个字符串作为参数,为新创建的 Symbol 提供描述,用来显示在控制台或者作为字符串的时候使用,便于区分。

2023-11-06 09:15:01 32

原创 结构赋值,字符串

基本多维数组同样可以赋值赋值的对象如果有缺失不会影响赋值如果将空赋值给赋值对象(未定义)剩余运算符(…)诺赋值对象是一个单词而赋值对象为多个。

2023-11-01 09:05:27 42 1

原创 var,const和let的学习

(1)块级作用域: 块作用域由 { }包括,let和const具有块级作用域,var不存在块级作用域。块级作用域解决了ES5中的两个问题:内层变量可能覆盖外层变量用来计数的循环变量泄露为全局变量(2)变量提升: var存在变量提升,let和const不存在变量提升,即在变量只能在声明之后使用,否在会报错。(3)重复声明: var声明变量时,可以重复声明变量,后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。

2023-10-23 09:25:49 37 1

原创 过渡(transition)动漫(animation)

backwards 动画将应用在 animation-delay 定义期间启动动画的第一次迭代的关键帧中定义的属性值。这些都是 from 关键帧中的值(当 animation-direction 为 “normal” 或 “alternate” 时)或 to 关键帧中的值(当 animation-direction 为 “reverse” 或 “alternate-reverse” 时)。forwards 在动画结束后(由 animation-iteration-count 决定),动画将应用该属性值。

2023-09-23 14:33:41 62 1

原创 transform玩法(2d转换)

transform:translateX(x轴的移动);transform:translateY(y轴的移动);

2023-09-17 16:40:05 58 1

原创 渐变(径向和线性)

实例:(由内到外)颜色占比可以在颜色后面添加百分比来调整实例:(椭圆)椭圆形状是默认的ellipse实例:(圆)实例:(重复性径向渐变)

2023-09-17 16:28:47 55 1

原创 边框,背景和文本效果

代码:divborder;</

2023-09-17 15:53:31 48 1

原创 盒子模型分类(欢迎补充)

标准盒子=自身宽高+内外边距+内外边距IE盒子=自身宽高-内外边距-内外边距flex布局是一个新的布局方式,是css盒子模型;弹性盒子的运用方式有很多种:基础用法举例:代码运行结果:(注意:flex布局最多分为12份,超过12份不会生效)

2023-09-13 17:38:11 1422

原创 web储存

—用于长久保存整个网站的过程,保存时间永久,只能主动手动删除举例:成品:(关闭窗口保留数据,打开依旧存在)用法:localStorage.setItem(key,value) :存储数据localStorage.getItem(key) :获取数据localStorage.removeItem(key) :删除数据localStorage.clear() :清空数据 / 删除所有数据。

2023-09-12 10:11:45 25

原创 视频,音频和input属性

html是基于smgl(Standard Generalized Markup language)html5不是基于smgl可以独立运行。

2023-09-10 18:28:19 146

空空如也

空空如也

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

TA关注的人

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