- 博客(31)
- 收藏
- 关注
RSS订阅原创 微信小程序的项目结构，wxml和html的区别,wxss和css的区别
js文件（页面的脚本文件，存放页面的数据、事件处理函数等）.json文件（当前页面的配置文件，配置窗口的外观、表现等）.wxml文件（页面的模板结构文件）.wsss文件（当前页面的样式表文件）pages：用来存放微信小程序的的所有页面。● .eslintrc.js：用来格式化代码，使代码风格保持一致。**● app.js：微信小程序的入口文件，用来描述微信小程序的整体逻辑。App()>是该文件的入口函数 **
2024-06-29 18:00:00
369
原创 路由的params参数,命名路由,路由的params参数,命名路由
上篇我们讲了vue路由的使用今天我们来讲vue中路由的嵌套，路由的params参数,命名路由。
2024-06-22 18:00:00
234
原创 Vue路由的使用
什么是路由？ 1.一个路由就是一组映射关系（key-value） 2.key为路径，value可能是function或component路由分类：2.前端路由。
2024-06-15 15:30:00
1656
原创 vue配置代理服务器解决跨域方法
在vue.config.js中添加如下配置：proxy:'协议:路径：目标端口'//如：proxy:'http://localhost:5000'说明：1.优点：配置简单，请求资源时直接发给前端即可2.缺点：不能配置多个代理，不能灵活的控制请求是否走代理3.工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器（优先匹配前端资源）在vue.config.js具体配置规则devSever:{proxy:{
2024-06-03 08:14:42
1288
原创 vue中的$nextTick和过渡与动画
1.语法：this.$nextTick(回调函数)2.作用：在下一次DOM更新结束后执行其指定的回调3.什么时候用：当修改数据后，要基于更新后的新dom进行某些操作时，要在nextTick所指定的回调函数中执行。
2024-05-27 08:22:06
362
原创 vue2中的全局事件总线,消息的订阅和发布
（1）.接收数据：A组件想接收B组件的数据，则在A组件中$bus绑定自定义事件，事件的回调留在A组件自身。（5）最好在beforeDestroy钩子中，用pubsub.unsubscribe(pid)消除订阅。Vue.prototype.$bus=this//安装全局事件总线，$bus就是当前应用的vm。（3）接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。（4）B组件提供数据：pubsub.publish('xxx',数据)1.一种组件间通信的方式，适用于任意组件间通信。
2024-05-17 08:34:20
537
原创 Vue CLI 本地存储 自定义事件
1.一种组件间通信的方式，适用于：子组件===>父组件2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）3.绑定自定义事件：（1）第一张方式，在父组件中：或（2）第二种方法，在父组件中：......mounted(){(3)若想让自定义事件只能触发一次，可以使用once修饰符，或$once方法。
2024-05-13 08:22:04
774
原创 Todo-List案例
（1）拆分静态组件：组件要按照功能点拆分，命名不与HTML元素冲突(2)实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用1.一个组件在用：放在组件自身即可2.一些组件在用：放在它们共同的父组件上（状态提升）3.实现交互：从绑定事件开始。
2024-05-06 08:07:01
399
原创 Vue中的ref props mixin plugin scoped的使用方法
ref属性：1被用来给元素或子组件注册引用信息（id的代替者）2.应用在HTML标签上获取的是真实dom元素，应用在组件标签上是组件实例对象（vc）3.使用方法：打标识：
2024-04-26 09:24:06
328
原创 Vue CLI 初始化脚手架
Vue CLI，全称为 Vue Command Line Interface，是一个基于 Vue.js 进行快速开发的完整系统。它通过提供可选插件来增加项目的规模，同时还提供了创建向导式的用户界面，帮助我们快速生成一个 Vue.js 项目。
2024-04-19 10:59:12
767
原创 vue2组件化编程
1.定义组件●使用Vue.extend(options)创建，其中options和new Vue(options)时传入的options几乎一样，但也有点区别●el不要写，因为最终所有的组件都要经过一个vm的管理，由vm中的el才决定服务哪个容器●data必须写成函数，避免组件被复用时，数据存在引用关系2.注册组件●局部注册：new Vue()的时候options传入components选项●全局注册：Vue.component('组件名',组件)3使用组件。
2024-04-12 12:06:03
1028
原创 运用vue写增删改查的表格
二.给表格添加简易样式三.导入vue文件注意：一定不要忘记添加文件，很多人都会忘记引入文件四.创建实例，写入函数，添加功能1.创建实例绑定容器2.写入函数3.添加功能最后：效果图如下
2024-03-24 19:30:19
495
原创 v-cloak 指令,v-once 指令,v-pre 指令,事件修饰符,v-model原理 ,自定义指令，二级联动
/ 使用时要v-自定义名称// 函数写法// 名称(节点,绑定对象){}// 对象写法// 名称:{// 绑定成功调用// bind(节点,绑定对象){},// 插入到页面调用// inserted(节点,绑定对象){},// 重新解析时调用(值发生改变)// update(节点,绑定对象){}// }2.局部自定义指令//directives ,写入Vue实例中// .全局自定义指令// Vue.directive ,定义在实例化之前<body>
2024-03-17 21:04:26
1131
1
原创 vue初识，创建实例绑定容器，基本数据处理，v-if,v-else,v-else-if,v-text,v-html，v-show的含义
1.简介2.vue由谁开发？.尤雨溪开发vue历程vue启动时出现的提示,Vue.config.productionTip阻止启动提示1.创建实例化且绑定容器html部分js部分2.绑定容器方法3.数据绑定例：三.数据处理1.括号里,可以写一些简单的事件处理,如果事件比较复杂,则需要配置methods对象,把方法写在methods里边例：四.v-if,v-else,v-else-if,v-text,v-html，v-show的含义1.v-if，v-for区别：2.v-show3.v
2024-03-08 16:13:16
912
1
原创 数组扁平化 函数柯里化
柯里化（Currying）又称部分求值，一个柯里化的函数首先会接收一些参数，接收了这些参数后，该函数并不会立即求值，而是继续返回另外一个函数，刚才传入的参数在函数形成的闭包中被保存起来。待到函数被真正需要求值的时候，之前传入的所有参数都会被一次性用于求值。柯里化是一种函数的转换，它是指将一个函数从可调用的 f(a, b, c) 转换为可调用的 f(a)(b)©或者f(a,数组扁平化主要的表现就是把多层嵌套的数组拉平，变成一维数组。b)©或者f(a)(b, c)
2024-01-11 22:05:03
399
1
原创 箭头函数的使用 箭头函数的特性 call，applay bind 的区别
2. 当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。2.applay、call这两个方法的主动调用，bind返回的是改变this指向后的新函数；5. 箭头函数体中的 this 对象，是定义函数时的对象，而不是使用函数时的对象。3.传参的问题区别，call和bind都是直接传递参数，applay传递的是数组。3.当箭头函数要返回对象的时候，为了区分于代码块，要用 () 将对象包裹起来。
2023-10-31 19:51:29
121
1
原创 Map和set的使用以及特性 Maps 和 Objects 的区别
1.一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。3.Map 的键值对个数可以从 size 属性获取，而 Object 的键值对个数只能手动计算。4.Object 都有自己的原型，原型链上的键名有可能和你自己在对象上的设置的键名产 生冲突。任何值(对象或者原始值) 都可以作为一个键或一个值。任何值(对象或者原始值) 都可以作为一个键或一个值。2.Map 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。Map 对象记得键的原始插入顺序。
2023-10-22 21:39:33
65
1
原创 使用静态方法给对象添加一个新属性 Symbol的基本用法 object静态方法
Object.defineProperty() 静态方法会直接在一个对象上定义一个新属性， 或修改其现有属性，并返回此对象。静态方法返回一个数组，其包含给定对象中所有自有属性 （包括不可枚举属性，但不包括使用 symbol 值作为名称的属性）。若没有则新建并返回一个以该字符串参数为名称的 Symbol 值，并登记在全局环境中供搜索。Symbol.keyFor(),返回一个已登记的 Symbol 类型值的 key ，是否有该字符串参数作为名称的 Symbol 值，如果有即返回该 Symbol 值，
2023-10-22 20:50:58
72
1
原创 let 与 const的用法以及他们的区别
一.let的使用1.let 声明的变量只在 let 命令所在的代码块内有效。2.let 只能声明一次 var 可以声明多次:3.不存在变量提升4.不影响作用域** js代码示例**
2023-10-17 12:54:30
508
原创 3D动画的使用以及CSS动画使用
transition: css名称|all 过渡时间(必须参数) 运动曲线 开始时间transform: rotate3d(x, y, z, deg) – 沿着自定义轴旋转 deg 为角度- x, y, z 表示旋转轴的矢量，是标识你是否希望沿着该轴进行旋转，最后一个标识旋转的角度- transform: rotate3d(1, 1, 0, 180deg) – 沿着对角线旋转 45deg。
2023-09-25 09:02:37
53
1
原创 Web的三大储存的区别和弹性盒子的用法以及2D动画的使用跟渐变
否则，第1个弹性项的外边距和行的main-start边线对齐，而最后1个弹性项的外边距和行的main-end边线对齐，然后剩余的弹性项分布在该行上，相邻项目的间隔相等。- stretch：如果指定侧轴大小的属性值为’auto’，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照’min/max-width/height’属性的限制。如果’align-self’的值为’auto’，则其计算值为元素的父元素的’align-items’值，如果其没有父元素，则计算值为’stretch’。
2023-09-17 22:29:30
61
1
原创 前端HTML5与HTML的区别以及新增特性
HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言），因此不需要对DTD（DTD 文档类型定义）进行引用，但是需要DOCTYPE来规范浏览器行为。
2023-09-10 22:15:02
111
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人