- 博客(31)
- 收藏
- 关注
原创 【微信小程序之视频】
在我们微信小程序当中,我们可以十分简单的实现,接下来为大家介绍一下吧!大家看视频的时候是不是时不时会有弹幕飘过~我们使用微信官方给我们的一个视频链接。这样就可以啦 大家自己看看效果。好,开始,步骤很简单。
2024-06-02 20:47:04
267
原创 【微信小程序】组件之视图容器
type string 是 icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear 1.0.0。size number/string 23 否 icon的大小,单位默认为px,2.4.0起支持传入单位(rpx/px),2.21.3起支持传入其余单位(rem 等)。可覆盖的原生组件同cover-view,支持嵌套在cover-view里。覆盖在原生组件之上的图片视图。
2024-05-26 21:32:09
404
原创 微信小程序开发 小白入门篇
utils 用来存放工具性质的模块 (例如:格式化时间的自定义模块)sitemap.json 用来配置小程序及其页面是否允许被微信索引。project.config.json 项目的配置文件。app.json 小程序项目的全局配置文件。app.wxss小程序项目的全局样式文件。小程序的模板语法约等于vue的模板语法。pages 用来存放所有小程序的页面。app.js 小程序项目的入口文件。网页运行在浏览器环境中。小程序运行在微信环境中。
2024-05-19 21:01:38
166
原创 Vue Router 相关理解 基本路由 多级路由
工作过程:服务器接收到一个请求时,根据请求路径找到匹配的函数来处理请求,返回响应数据。key为路径,value可能是function或componen。安装vue-router,命令npm i vue-router。理解:value是function,用于处理客户端提交的请求。点击页面中的导航链接不会刷新页面,只会做页面的局部更新。理解:value是component,用于展示页面内容。工作过程:当浏览器的路径改变时,对应的组件就会显示。vue的一个插件库,专门用来实现SPA应用。编写router配置项。
2024-05-05 22:21:25
208
原创 【Vue中的Ajax 配置代理 slot插槽】
工作方式:若按照上述配置代理,当请求了前端不存在的资源时,才会将请求会转发给服务器 (优先匹配前端资源)vue-resource:vue插件库,vue 1.x使用广泛,官方已不维护。优点:配置简单,请求资源时直接发给前端(8080)即可。优点:可以配置多个代理,且可以灵活的控制请求是否走代理。缺点:不能配置多个代理,不能灵活的控制请求是否走代理。axios:通用的Ajax请求库,官方推荐,效率高。是一个可选的配置文件,如果项目的 (和。缺点:配置略微繁琐,请求资源时必须加前缀。本案例需要下载axios库。
2024-04-29 21:19:49
387
原创 Vue CLI $nextTick 过渡与动画
button class="btn btn-danger" @click="handleDelete(todo.id)">删除</button>什么时候用:当改变数据后,要基于更新后的新DOM进行某些操作时,要在nextTick所指定的回调函数中执行。handleBlur(todo, e) { // 失去焦点回调(真正执行修改逻辑)// 通知App组件将对应的todo对象的done值取反。handleEdit(todo) { // 编辑。// 通知App组件将对应的todo对象删除。
2024-04-21 18:03:47
912
原创 git命令基本使用(全)
git remote add origin https://gitee.com/你的网址。git commit -m '第一次提交'
2024-04-15 15:45:00
203
原创 【关于Vue CLI ref props mixin plugin scoped】
备注:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中,然后去修改data中的数据。Vue中的webpack并没有安装最新版,导致有些插件也不能默认安装最新版,如 npm i less-loader@7,而不是最新版。:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。第一种方式(只接收)props:['name', 'age']
2024-04-06 20:00:00
317
1
原创 vue核心之生命周期
1.局部过滤器new Vue({filters:{名称(value){}}}),全局过滤器Vue.filter(“名称”,function(value){})生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。生命周期函数中的 this 指向是vm或组件实例对象。3.使用时|名称, 多个过滤器串联,拿取的值是前一个。又名生命周期回调函数、生命周期函数、生命周期钩子。3.this指向Vue实例(vm)1.生命周期函数,钩子函数。
2024-03-31 20:31:08
163
1
原创 Vue核心内容-内置指令 自定义指令
v-bind 单向绑定解析表达式,可简写为:v-model 双向数据绑定v-for 遍历数组 / 对象 / 字符串v-on 绑定事件监听,可简写为@v-show 条件渲染 (动态控制节点是否展示)v-if 条件渲染(动态控制节点是否存存在)v-else-if 条件渲染(动态控制节点是否存存在)v-else 条件渲染(动态控制节点是否存存在)v-text 指令作用:向其所在的节点中渲染文本内容。
2024-03-17 19:56:40
891
1
原创 初识vue
Vue 是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面:把数据通过某种办法变成用户界面○渐进式:Vue可以自底向上逐层的应用,简单应用只需要一个轻量小巧的核心库,复杂应用可以引入各式各样的Vue插件。
2024-03-08 10:54:42
862
1
原创 关于ajax
HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,比http协议安全。3. http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。2. http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。是前后台交互的能⼒ 也就是我们客户端给服务端发送消息的⼯具,以及接受响应的⼯具。post里面的上传是将里面的数据上传到一个指定存储里面,所以键名键值都要加引号。第二个参数是一个对象,里面的值就是上传的数据。
2024-01-01 20:12:04
933
原创 深拷贝和浅拷贝
作用就是将一个或者多个源对象中所有可枚举的自有属性复制到目标对象,并返回修改后的目标对象。如果目标对象与源对象具有相同的键(属性名),则目标对象中的属性将被源对象中的属性覆盖,后面的源对象的属性将类似地覆盖前面的源对象的同名属性。注意:JSON对象这个方法对数组有用,但是对对象没用,原因就是JSON.parse(_obj)虽然可以将”"去除,但是不能去除对象的。浅拷贝只是拷贝一层,更深层次对象级别的只拷贝引用(地址),所以改变新对象,旧对象也会改变,因为新旧对象共享一块内存。在一维数组里面使用…
2024-01-01 20:01:52
360
原创 http与https区别
1、https协议需要到ca申请证书,一般免费证书较少,因而需要一定费用。2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。4、http的连接很简单,是无状态的;HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,比http协议安全。
2023-12-25 11:15:04
367
原创 关于html5的基础知识点
当盒子设置内边距时,不把原本的盒子大小撑大说明是IE盒子,且内边距大小没有超过自身宽度高度,超过自身宽度高度也会撑大。修改 flex-wrap 属性的行为,类似 align-items, 但不是设置子元素对齐,而是设置行对齐。localStorage - 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。当盒子设置内边距时,会把原本的盒子大小撑大说明是标准盒子。设置弹性盒子元素在主轴(横轴)方向上的对齐方式。//设置伸缩盒子对象的子元素的排列方式。//设置 块元素包含的文本行数 */
2023-12-21 14:30:34
397
原创 ES6 Symbol
Symbol.for() 类似单例模式,首先会在全局搜索被登记的 Symbol 中是否有该字符串参数作为名称的 Symbol 值,如果有即返回该 Symbol 值,若没有则新建并返回一个以该字符串参数为名称的 Symbol 值,并登记在全局环境中供搜索。Symbol.keyFor() 返回一个已登记的 Symbol 类型值的 key ,用来检测该字符串参数作为名称的 Symbol 值是否已被登记。由于每一个 Symbol 的值都是不相等的,所以 Symbol 作为对象的属性名,可以保证属性不重名。
2023-12-21 14:05:58
380
原创 深拷贝和浅拷贝
可以使用 for in、 Object.assign、 扩展运算符 …浅拷贝是会将对象的每个属性进行依次复制,但是当对象的属性值是引用类型时,实质复制的是其引用,当引用指向的值改变时也会跟着变化。深拷贝的实现 JSON.parse(JSON.stringify(obj)) 完美 递归实现。深拷贝和浅拷贝是针对复杂数据类型(对象及数组)来说的,浅拷贝只拷贝一层,而深拷贝是层层拷贝。
2023-12-21 13:58:46
388
原创 箭头函数的特性
箭头函数就是把function去掉,在小括号后面加=>箭头函数的特性箭头函数不能换行箭头函数有constructor、length属性箭头函数可以立即执行call,apply可以调用箭头函数,但是不能改变this指向箭头函数的this指向父作用域,(调用它的地方)箭头函数不能使用new(会报错)// 不绑定arguments,用rest参数…解决//报错//不报错// 本身没有this的概念,捕获其所在上下文的 this 值,作为自己的 this 值,this指向全局。
2023-12-18 22:13:16
387
1
原创 ES6 Map 与 Set(下)之set
Set 对象存储的值总是唯一的,所以需要判断两个值是否恒等。Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。// new Set() 创建新的 Set 对象。// clear() 从 Set 中删除所有元素。// keys() 返回 Set 对象中值的数组。// delete() 删除由其值指定的元素。// has() 如果值存在则返回 true。// forEach() 为每个元素调用回调。// add() 向 Set 添加新元素。// Set 对象的几个常用方法和属性。
2023-12-18 18:49:50
429
1
原创 ES6 Map 与 Set(上)之map的特性
Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。.Map 的键值对个数可以从 size 属性获取,而 Object 的键值对个数只能手动计算。key是什么呢?key是对象key是函数key是NaNMap 构造函数可以将一个 二维 键值对数组转换成一个 Map 对象使用 Array.from 函数可以将一个 Map 对象转换成一个二维键值对数组。
2023-12-18 18:37:00
400
1
原创 【ES6 字符串】
模板字符串相当于加强版的字符串,用反引号 `,除了作为普通字符串,还可以用来定义多行字符串,还可以在字符串中加入变量和表达式。padStart:返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。padEnd:返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。标签模板:标签模板,是一个函数的调用,其中调用的参数是模板字符串。
2023-10-31 20:53:48
35
1
原创 ES6基础教程
ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。const 声明一个只读变量,声明之后不允许改变。意味着,一旦声明必须初始化,否则会报错。let 只能声明一次 var 可以声明多次。
2023-10-16 10:41:56
36
1
原创 CSS3基础菜鸟知识
skew(x-angle,y-angle) 定义 2D 倾斜转换,沿着 X 和 Y 轴。translate(x,y) 定义 2D 转换,沿着 X 和 Y 轴移动元素。matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。translateX(n) 定义 2D 转换,沿着 X 轴移动元素。translateY(n) 定义 2D 转换,沿着 Y 轴移动元素。scale(x,y) 定义 2D 缩放转换,改变元素的宽度和高度。scaleX(n) 定义 2D 缩放转换,改变元素的宽度。
2023-09-24 19:02:47
67
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人