- 博客(33)
- 收藏
- 关注
原创 微信小程序入门1
与传统的原生应用相比,微信小程序是一种全新的连接用户与服务的应用,它可以在微信内被便捷地获取和传播,同时具有良好的用户体验。微信小程序是运行在微信中的应用,是一种不需要下载即可使用的应用,用户通过微信扫一扫或者搜一搜即可打开,且每个微信小程序的体积非常小。
2024-06-19 09:23:42
1065
原创 配置小程序
当在小程序项目中设置了 sitemap 的配置文件(默认为 sitemap.json)时,便可在开发者工具控制台上显示当前页面是否被索引的调试信息( 最新版本的开发者工具支持索引提示)建议开启“收录设置”,增加页面被收录的机会若关闭,则小程序首页以外的页面将不会再被收录,也就不会被抓取。a=1&b=2&c=3 => 优先被索引。a=1 => 被索引 其他页面都会被索引。配置 path/to/page 页面不被索引,其余页面允许被索引。配置 path/to/page 页面被索引,其余页面不被索引。
2024-06-19 08:55:42
1260
原创 Vue Router ---vue中的重点!!!
Vue Router是Vue.js官方提供的路由管理器。它和 Vue.js 核心深度集成,可以方便地在 Vue.js 应用中使用路由功能,支持基于 HTML5 History API 的单页应用 (SPA) 以及传统的多页应用程序 (MPA)。使用 Vue Router 可以实现在单页应用中切换页面而不刷新页面,同时还支持路由参数、路由组件、嵌套路由等高级功能,方便开发者构建复杂的前端应用。
2024-06-07 08:55:47
843
1
原创 Vuex的使用
专门在 vue 中实现集中式状态(数据)管理的一个 vue 插件,对 vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。
2024-05-28 11:57:56
771
原创 vue2过渡与动画和消息的订阅与发布
Vue的过渡动画允许你定义一个进入和离开的过渡,然后在元素的状态改变时自动应用这些过渡,提升用户体验。它通过标签 这个内置组件,在元素或组件的插入、更新和移除时应用过渡效果(也就是动画),可以通过 CSS 过渡或动画类来实现这些效果。这里来简单记录一下。
2024-05-23 10:49:53
639
原创 Vue全局事件总线
全局事件总线︰可以实现任意组件间通信。;},},</script>-- 子组件 --><template><div><button @click="emitCustomEvent">触发自定义事件</button>
2024-05-05 23:21:57
296
原创 Vue CLl中的 ref props mixin plugin scoped
在 Vue 组件中,需要通过配置 props 属性来定义组件的 props。在组件中添加 props 属性之后,就可以使用 props 选项接收从父组件传递的数据。Vue.js官方解释:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
2024-04-17 15:55:02
718
1
原创 vue.js基础中父子组件之间的传值
组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系:父子关系,兄弟关系,隔代关系(可能隔多代)。这里我们将父子关系的传值针对不同的使用场景,如何选择行之有效的通信方式?这是我们所要探讨的主题。本文总结了 vue 父子组件间通信的几种方式,如 props、emiton、vuex、$parent / $children、以通俗易懂的实例讲述这其中的差别及使用场景,希望对小伙伴有些许帮助。
2024-04-14 23:34:00
2750
原创 学习Vue第四周笔记:vue组件化编程和vue CLI初始化脚手架
使用 Vue.extend(options)创建,其中options和 new Vue(options)时传入的 options 几乎一样,但也有点区别.a.el不要写,因为最终所有的组件都要经过一个v 的管理,由 vm中的 el 才决定服务哪个容器b.data必须写成函数,避免组件被复用时,数据存在引用关系。
2024-04-04 17:39:10
999
原创 学习Vue第三四周的笔记
对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)注册过滤器:Vue.filter(name,callback)全局过滤器new Vue{filters:{}}同部过滤器。
2024-03-31 17:21:11
530
原创 用vue做简单的表格增删改查
我们要做一个表格的话,首先就需要用table做表格,另外呢,我们还有新增查询和重置的按钮。修改的话我们就放在表格的操作里面。温馨提示:我们是用vue做的表格哦,大家使用前别忘了要插入vue文件哦。不懂的代码有注释,大家可以找找相对应的功能哦!哈咯啊大家,这周给大家分享一个用vue做简单的表格增删改查的方法。新增的话,我们就要另外有一个新增的表格。以上就是效果图,那就开始我们今天的代码吧!以上就是代码分解啦,具体代码在↓。然后我们就要开始给表格做功能了。这个是简单的样式设置。那宝贝们我们下期再见!
2024-03-24 14:49:50
647
1
原创 学习VUE的第二周笔记
/ 自定义指令// 规则:定义指令名称不能使用驼峰和v-,要是用-连接,记得添加引号// 使用时要v-自定义名称// 函数写法// 名称(节点,绑定对象){}// 对象写法// 名称:{// 绑定成功调用// bind(节点,绑定对象){},// 插入到页面调用// inserted(节点,绑定对象){},// 重新解析时调用(值发生改变)// update(节点,绑定对象){}// }// 1.局部自定义指令//directives ,写入Vue实例中。
2024-03-15 09:58:16
332
1
原创 改变this指向问题
正常情况下直接调用函数,打印this会直接指向window,call改变了this的指向,由call的语法可知,第一个值为调用者,this则会指向该调用者。bind与call和apply不同的点是,它在执行后,会返回的是改变this指向之后的新函数,要手动去执行,而call和apply是自动执行。此时打印输出的是对象,并不是因为延时器与箭头函数共同作用,而是因为函数本身指向对象,与延时器和箭头函数无关。此时的this已经指向了对象,说明apply改变了this的指向。
2024-01-06 14:30:00
355
1
原创 做一个简易时钟
时分秒的话,颜色可以换成自己喜欢的,不一定要按照我样式设置。时分秒的粗细也可以自己设置,颜色的话在background-color那里,粗细的话就是width的设置。记住哦,时分秒的话是h,m,s。第一个*的样式呢,在我的第一篇博客中也有写到过,是清除浏览器默认边框的。关于这个样式的代码,我还是希望大家在写代码的时候都加上,当然,这不是强制性要求啊,只是觉得加上会更好。boss是包裹的大盒子,也就是最外层的大边框,当然,设置边框我们要用css来实现。以下呢,为我们的css样式。h,m,s是时分秒的指针。
2023-12-28 09:22:10
450
1
原创 Node.js模块化
(注:为了防止混乱,建议不要在同一个模块中同时使用 exports 和 module.exports)module.exports能使用赋值为{},也可以使用module.exports.共享成员。使用npm init -y 生成package.json记录下载的第三方模块。exports不能使用赋值为{},可以使用exports.共享成员。每个.js文件都有自己的module,共享的成员会存在module。module.exports权重比exports高。npm i或npm install。
2023-12-24 21:09:03
370
1
原创 Node.js
fs.writeFile(“路径”,“内容”,“编码格式”,function(err){}) 方法,用来向指定的文件中写入内容。fs.readFile(“路径”,“编码格式”,function(err,user){}) 方法,用来读取指定文件中的内容。参数3:必选参数,文件读取完成后,通过回调函数拿到读取的结果。path.basename() 方法,用来从路径字符串中,将文件名解析出来。参数1:必选参数,需要指定一个文件路径的字符串,表示文件的存放路径。参数2:可选参数,表示以什么编码格式来读取文件。
2023-12-20 09:38:04
348
原创 模块的特性
import 同一模块,声明不同接口引用,会声明对应变量,但只执行一次 import。import只读属性:不允许在加载模块的脚本里面, 改写接口的引用指向,即可以改写 import 变量类型为对象的属性值, 不能改写 import 变量类型为基本类型的值。http的连接很简单,是无状态的;http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。export 命令导出的接口名称,须和模块内部的变量有一一对应关系。导入的变量名,须和导出的接口名称相同,即顺序可以不一致。
2023-12-10 22:12:28
378
1
原创 es6数组
调用父类方法, super 作为对象,在普通方法中,指向父类的prototype原型对象, 在子类静态方法中拿取父类静态方法的值,在静态方法中,指向父类。findIndex() 查找数组中符合条件的元素索引, 若有多个符合条件的元素,则返回第一个元素索引。copyWithin() 将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。find() 查找数组中符合条件的元素,若有多个符合条件的元素,则返回第一个元素。参数3(可选):被填充的结束索引,默认为数组末尾(不包含),默认到最后。
2023-12-03 21:42:57
367
1
原创 闭包的特性。
异步任务:不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响。5.执行栈中所有同步任务执行完毕,此时JS引擎线程空闲,系统会读取任务队列,将可运行的异步任务回调事件添加到执行栈中,开始执行。同步任务:在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务。
2023-11-27 08:35:20
357
原创 原型,原型链
instanceof:JavaScript操作符, 会在原型链中的构造器中搜索,找到则返回true,否则返回false(只作用于对象或数组)Star原型对象里面的 proto 原型指向的是 Object.prototype。如果没有就查找它的原型(也就是 proto 指向的prototype 原型对象 )Object.prototype原型对象里的__proto__原型 指向null。如果还没有找到就查找原型对象的原型(Object的原型对象)当访问一个对象的属性或方法时,首先查找这个对象自身有没有。
2023-11-19 18:25:57
32
原创 【无标题】ES6的函数
this尽量不要在.addEventListener 使用箭头函数=>,会取不到元素,尽量用function。本身没有this概念,捕获其所在上下文的this值,作为自己的this值,this指向全局。apply、call这两个方法的主动调用,bind返回的是改变this指向后的新函数。传参的问题区别,call和bind都是直接传递参数,apply传递的是数组。apply、call、bind他们三个都能改变函数this的指向问题。箭头函数不能当做Generator函数,不能使用yield关键字。
2023-11-12 21:27:06
34
1
原创 Map,Set,Object的区别
entries 方法返回一个新的 Iterator 对象,它按插入顺序包含了 Map 对象中每个元素的 [key, value] 数组。map仅支持new Map()任何值(对象或者原始值) 都可以作为一个键或一个值。Map对象保存键值对,任何值(对象或原始值)都可以作为一个键或一个值。Map 构造函数可以将一个 二维 键值对数组转换成一个 Map 对象。entries() 返回 Map 对象中键/值对的数组。new Map() 创建新的 Map 对象。keys() 返回 Map 对象中键的数组。
2023-11-06 08:02:08
46
原创 css3属性
使用透明度 : background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));重复线性渐变 : background-image: repeating-linear-gradient(red,black 20%,green 10%);从左到右:background-image: linear-gradient(to right,颜色, 颜色);[background-image] 背景图片。
2023-10-23 09:18:53
41
原创 弹性盒子的九种类型(笔记)
stretch 如值为’auto’,则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸,与’flex-start’等效。justify-content(重要)属性应用在弹性容器上,把弹性项沿着弹性容器的主轴线对齐,内容对齐。space-around 弹性项目平均分布在该行上,相邻项目有间隔,两边留有一半的间隔空间。用于修改flex-wrap,类似于align-items(对齐方式),但是是设置各行的对齐。align-items 设置或检索弹性盒子元素在纵轴向上的对齐方式,给父元素设置。
2023-10-08 14:54:50
100
1
原创 HTML5的基本概念
HTML5的基本概念HTML5不基于SGML(Standard Generalized Markup Language 标准通用标记语言), 因此不需要对DTD(DTD 文档类型定义)进行引用,但是需要DOCTYPE来规范浏览器行为。
2023-10-06 20:46:39
48
1
原创 JavaScript基础笔记2
执行过程:先判断表达式的结果是true还是false。如果是true,则执行代码块。如果是false,大括号中的代码是不执行的。
2023-09-24 18:26:43
73
1
原创 JavaScript基础笔记1
JavaScript简称js,它是一门脚本语言,是一门解释性语言,是一门弱类型语言,是一门动态类型语言,是一门基于对象的语言。
2023-09-14 18:18:15
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人