- 博客(33)
- 收藏
- 关注
RSS订阅原创 【无标题】小程序自定义组件
组件介绍小程序目前已经支持组件化开发，可以将页面中的功能模块抽取成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。公共组件：将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用页面组件：将复杂的页面拆分成多个低耦合的模块，有助于代码维护如果是公共组件，建议将其放在小程序的目录下的components文件夹中如果是页面组件，建议将其放在小程序对应页面目录下，当然你也可以放到页面的components文件夹中。
2024-06-21 08:45:23
438
原创 微信 小程序应用，页面，组件的生命周期
小程序冷启动，钩子函数执行的顺序保留当前页面(navigate) 以及 关闭当前页面(redirect)切后台 以及 切前台(热启动)
2024-06-16 14:58:51
610
原创 JavaScript的异步和单线程
"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。不进入主线程、而进入"
2024-06-04 09:38:22
362
原创 JavaScript的异步和单线程
"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。不进入主线程、而进入"
2024-05-30 10:39:57
206
原创 ES6 Promise 对象
是异步编程的一种解决方案。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。resolve:成功reject:失败});});});});
2024-05-20 09:15:51
211
原创 Vuex全局数据共享
在Vue中实现集中式状态(数据)管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理(读/写)，也是一种组件间通信的方式，且适用于任意组件间通信。 1.创建文件：``src/store/index.js`多个组件需要共享数据时。
2024-05-13 08:37:24
162
原创 vue-router-2
2.通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。 前端路由 ： key 是路径，value 是 组件。 4.整个应用只有一个router，可以通过组件的。实现切换(active-class可配置高亮样式)属性，里面存储着自己的路由信息. 3.每个组件都有自己的。文件夹，一般组件通常存放在。 1.路由组件通常存放。2.跳转(要写完整路径)
2024-05-06 09:14:33
158
原创 vue-router
1.一个路由就是一组映射关系(key-value) 2.key为路径, value 可能是 function(后端路由) componente(前端路由)
2024-04-28 11:48:17
174
原创 vue封装的动画与过渡
3.备注:若有多个元素需要过度，则需要使用:且每个元素都要指定 key 值，且每个元素都要指定 key 值。1.作用:在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。2.v-enter-active: 进入过程中。2.v-leave-active: 离开过程中。3.V-enter-to: 进入的终点。3.v-leave-to: 离开的终点。1.v-enter: 进入的起点。1.v-leave: 离开的起点。
2024-04-21 20:26:23
249
原创 $nextTick
3.什么时候用: 当改变数据后，要基于更新后的新DOM进行某些操作时，要在nextTick所指定的回调函数中执行。2.作用: 在下一次 DOM 更新结束后再执行其指定的回调。
2024-04-21 20:25:26
175
原创 webStorage浏览器本地存储---pubsub消息订阅与发布
3.xxxxxstorage.getItem(xxx)如果xxx对应的value获取不到，那么get ltem的返回值是null. 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。 该方法接受一个键名作为参数，并把该键名从存储中删除。3.接收数据:A组件想接收数据，则在A组件中订阅消息，订阅的。 该方法接受一个键名作为参数，返回键名对应的值,5.最好在beforeDestroy钩子中，用。 该方法会清空存储中的所有数据.
2024-04-15 08:41:32
125
原创 vue-ref-props-mixin-plugins
1.被用来给元素或子组件注册引用信息(id的替代者)2.应用在htm1标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象(vc)3.使用方式:打标识:功能:让组件接收外部传过来的数据(1).传递数据:(2).接收数据:第一种方式(只接收):props:[ ‘name’ ]第二种方式(限制类型):props:{name :Number}第三种方式(限制类型、限制必要性、指定默认值):props:{name:{type:String， //类型required:true，//必
2024-04-06 22:04:22
244
原创 初始脚手架
因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用render函数接收到的createElement函数去指定具体内容。(1).vue.js是完整版的Vue，包含:核心功能+模板解析器。(2).vue.runtime.xxx.js是运行版的Vue，只包含:核心功能;使用vue.config,js可以对脚手架进行个性化定制，详情见:https://cli.vuejs.org/zh。
2024-03-29 13:36:42
213
1
原创 vue-computed与watch属性
2.如果计算属性费被修改，那必须写set函数去响应修改，并且set中 要引起计算时依赖的数据发生。4.优势:与methods实现相比， 内部有缓存机制(复用)，效率更高，调试方便。(1).Vue’自身可以监测对象内部值的改变，但Vue提供的watch默认不可以!(2) .使用watch时根据数据的具体结构，决定是否采用深度监视。(1).Vue中的watch默认不监测对象内部值的改变(一层)。(2) .配置deep:true可以监测对象内部值改变(多层)。2.监视的属性必须存在，才能进行监视!
2024-03-22 11:23:50
216
原创 【无标题】v-model表单修饰符，事件修饰符
用户在注册用户名时候有可能不小心输入了首尾空格，然后数据库存储的也是有空格的，当用户再次输入的时候，不知道有这个空格的存在，所以就一直显示用户名错误，所以我们要有一个去除首尾空格的办法；我们通过表单获取的value值都是以字符串的形式呈现的，当我们需要数字的值的时候就可以直接用v-model.number,简单快捷的帮你转换成数字。这个修饰符的作用是，绑在v-model上在input标签上使用，，能获取到input输入框的值，而且是实时获取的，就是当你输入框里的值发生改变就会获取到；
2024-03-17 15:16:57
212
1
原创 vue笔记第1篇---常用指令
区别：对于元素只是一次可以选择使用v-if(消耗内存),操作次数多v-show(并没有销毁元素)2.插值添加值：注：不要在用提交时使用v-html,不要在动态渲染时时使用v-html。3、同时使用需要在外层嵌套盒子，在外层进行v-if判断，在内层进行v-for循环。v-if,v-else,v-else-if // 判断。不同点：v-text只读取文本，v-html读取标签。在vue2中，v-for优先级比v-if高。在vue3中，v-if优先级比v-for高。v-text和v-html // 插值。
2024-03-10 22:11:39
227
1
原创 json对象
这个例子使用 JSON.stringify()把一个JavaScript对象序列化一个JSON字符串，然后将它保存到jsonText中，因此保存的数据如下。最简单的方法，这两个方法分别用于吧JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值。过滤结果，如果过滤器参数是数组，那么JSON.stringify()的结果将只包含数组中列出的属性。
2024-01-07 22:47:18
366
1
原创 node.js--http模块
但是当我们使用res.end(),里面填的是中文的话就会发生乱码的情况，此时我们需要使用set.Header(),可以防止中文乱码的情况。在服务器的request 事件处理函数中，如果访问与服务器相关的数据或属性，可以使用如下的方式。req请求对象（在浏览器客户端的时候，客户端请求的方式），它包含了与客户端相关的数据和属性。res.end()向客户端发送指定的内容，并结束这次请求的处理过程。上面提到的req只是请求方式，浏览器页面上不会响应任何的内容。的时候，此时客户端来请求我们自己的服务器。
2023-12-28 15:28:01
381
1
原创 原型和原型链
1.函数对象：函数对象即为一个重载了括号 " ( ) " 的对象，使得可以像函数一样调用（总的来说就是自己定义封装的函数，再进行调用）2.实例对象：new出的对象或者{ }3.原型对象：所有的函数对象都有一定有一个对应的原型对象，所有的原型对象都是被Object函数对象创建出来的原型和原型链都是围绕着这张图展开说明Star 构造函数 ：构造函数用于创建对象，初始化对象的值,构造函数中定义的方法，本质是属性，需要占用存储空间ldh 实例对象：通过上面的Star 函数 new一个实例对象。
2023-10-22 15:01:36
33
1
原创 07-动画（animation）
animation: 动画的名称 时间 运动曲线 延迟开始时间 播放次数 是否反向播放是否运用结束的样式 动画是否运行或暂停;
2023-09-19 16:35:00
52
原创 06-过渡（transition）
transition: css名称 all 过渡时间(必须参数) 运动曲线 开始时(类似于延时器)运动曲线（transition-duration）的5个值。
2023-09-18 20:01:29
39
原创 05-2D与3D转换
transform: rotate3d(x, y, z, deg) – 沿着自定义轴旋转 deg 为角度。transform-origin(x,y)设置旋转中心点；（默认值50% 50%）xyz是3D物体的坐标，deg是3D物体旋转的角度。
2023-09-18 19:49:01
47
原创 03-弹性盒子(display:flex)
6个属性：flex-start，flex-end，center，space-between，space-around，stretch。5个属性flex-start，flex-end，center，space-between，space-around。5个属性flex-start，flex-end，center，baseline，stretch。4个属性row，column，row-reverse,column-reverse。3个属性wrap，nowrap，wrap-reverse。
2023-09-14 20:38:14
87
原创 02-存储(webstorage-cookie)
sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。-- localStorage.setItem(key,value) ：存储数据。sessionStorage.removeItem(key) ：删除数据。localStorage.clear() ：清空数据 / 删除所有数据。sessionStorage.clear() ：删除所有数据 -->localStorage.removeItem(key) ：删除数据。
2023-09-14 19:54:08
31
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人