鹿蹊zz-CSDN博客

原创 Vue3快速上手

2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、、、、

2022-10-10 10:23:45 230 1

原创 throw err// Rethrow non-MySQL errors

报错主要信息：解决方法：

2022-10-09 20:09:53 812

该组件一般用于商城购物选择物品数量的场景注意：该输入框只能输入大于或等于0的整数#平台差异说明App（vue） App（nvue） H5 小程序 √ √ √ √ #基本使用通过v-model绑定value初始值，此值是双向绑定的，无需在回调中将返回的数值重新赋值给value。<template> <u-number-box v-model="value" @change="valChange"></u-numb

2022-09-20 19:20:32 4435

原创 uni.getSystemInfo(OBJECT)

在极老的手机上可以无限制获取imei，在次老的手机上，获取imei等隐私信息时需要弹框让用户授权。uni-app里重新梳理了这些概念，同时为了向下兼容也保留了这些平台原来的概念，但不推荐使用。平台，会根据优先使用imei、mac（仅在用户已授权的情况下，如果发现需要授权或未授权，则跳过此步骤），如果没有获取到就使用随机生成的标识。Web、小程序、iOS，属于对用户隐私保护比较严格的平台，在这些平台很难获取有效的设备唯一标记。运行时版本，正常情况应该是一样的值，即uni-app的版本。

2022-09-16 20:22:13 10441

原创 JS 微任务和宏任务(面试题常用)

2.微任务：当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。也可以理解为自执行函数属于for循环一部分，每次遍历i，自执行函数也会立即执行。5. 渲染完毕后，js线程接管，开启下一次事件循环，执行下一次宏任务（事件队列中取）。1. 宏任务：当前调用栈中执行的代码成为宏任务。4. 当前微任务队列中的任务执行完毕，检查渲染，GUI线程接管渲染。2. 执行过程中遇到微任务，将微任务添加到微任务队列中。3. 当前宏任务执行完毕，立即执行微任务队列中的任务。

2022-09-16 20:15:05 1087 1

原创 uni-app 高度自适应

原文链接：https://blog.csdn.net/weixin_45326286/article/details/105701468。版权声明：本文为CSDN博主「Joey3193」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。**注意 scrollH 初始值不等大于最终显示的高度，如果封装组件，onReady () **// 获取可视区域高度，减去固定高度。以上微信小程序测试成功，其他未测试，如有问题请留言。方法二动态获取固定高度。

2022-09-16 19:56:03 1809

原创 Vue——生命周期

更新

2022-08-10 20:55:49 1182 1

原创 Vue——组件化开发

我们在复用组件的时候肯定希望，各自组件用各自的变量，如果确实需要都用一样的，可以全局组件注册，也可以是用vuex来进行状态管理。注意：组件就是一个vue实例，vue实例的属性，组件也可以有，例如data、methods、computed等。的count是各自用各自的，像局部变量一样有块级作用域，这个块级就是vue组件的作用域。父组件访问子组件，有时候需要直接操作子组件的方法，或是属性，此时需要用到。组件的思想是复用，定义组件当然是把通用的公共的东西抽出来复用。并不保证顺序，也不是响应式的。...

2022-08-09 08:50:07 2110 1

原创 Vue—— v-model

v-model双向绑定，既输入框的value改变，对应的message对象值也会改变，修改message的值，input的value也会随之改变。无论改变那个值，另外一个值都会变化。2. v-model的原理先来一个demo实现不使用v-model实现双向绑定。，实现双向绑定需要是用v-bind和v-on，使用v-bind给input的value绑定message对象，此时message对象改变，input的值也会改变。......

2022-08-04 20:13:58 260

原创 Vue——条件判断、循环遍历

v-if 在首次渲染的时候，如果条件为假，什么也不操作，页面当作没有这些元素。当条件从真变为假的时候，开始局部编译，卸载这些元素，也就是删除。（3）v-if、v-else、v-else-if联合使用相当于if、elseif、else，但是在条件比较多的时候建议使用计算属性。（2）在上面demo中，Vue内部发现原来的input元素不再使用，所以直接将其映射对应虚拟DOM，用来复用。（1）vue在进行DOM渲染是，处于性能考虑，会复用已经存在的元素，而不是每次都创建新的DOM元素。一般需要使用索引值。..

2022-08-02 19:46:56 1940

原创 Vue练习

如果要频繁切换某节点时，使用v-show（无论true或者false初始都会进行渲染，此后通过css来控制显示隐藏，因此切换开销比较小，初始开销较大），如果不需要频繁切换某节点时，使用v-if（因为懒加载，初始为false时，不会渲染，但是因为它是通过添加和删除dom元素来控制显示和隐藏的，因此初始渲染开销较小，切换开销比较大）。v-for的优先级比v-if高，每循环一次就会去v-if一次，而v-if是通过创建和销毁dom元素来控制元素的显示与隐藏，所以就会不停的去创建和销毁元素，造成页面卡顿，性能下降。.

2022-07-30 09:04:21 741 2

原创 Vue——事件监听

在前面的计数器案例中使用了v-onclick监听单击事件。使用v-onclick给button绑定监听事件以及回调函数，@是的语法糖，也就是简写也可以使用@click。方法一般是需要写方法名加上()，在@click中可以省掉，如上述的。...

2022-07-28 19:11:57 3438

原创 Vue——计算属性与侦听器

例子中计算属性computed看起来和方法似乎一样，只是方法调用需要使用()，而计算属性不用，方法取名字一般是动词见名知义，而计算属性是属性是名词，但这只是基本使用。handler方法就相当于普通侦听器触发的事件，从结果可以看到，组件初始化的时候，侦听器并没有handler方法，所以fullName是没有值的。但是计算属性一般没有set方法，只读属性，只有get方法，但是上述中newValue就是新的值，也可以使用set方法设置值，但是一般不用。修改Vue实例外对象后在修改Vue实例内的对象。...

2022-07-27 20:20:23 146

原创 Vue——插值操作、动态绑定属性

mustache是胡须的意思，因为{{}}像胡须，又叫大括号语法。在vue对象挂载的dom元素中，{{}}不仅可以直接写变量，还可以写简单表达式。

2022-07-26 23:45:02 1963 1

原创初识Vue

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。

2022-07-25 20:44:27 263

原创 ES6——练习题

答浅拷贝拷贝栈地址，简单数据类型的更改之间不相互影响，但是引用数据类型的堆地址是同一个，更改会相互影响；深拷贝不仅拷贝栈地址，也拷贝堆地址，基本数据类型与引用数据类型的更改对原数据都没有影响。...

2022-07-22 11:54:41 1055 2

原创 ES6——模块

在ES6前，实现模块化使用的是RequireJS或者seaJS（分别是基于AMD规范的模块化库，和基于CMD规范的模块化库）。ES6引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6的模块化分为导出（export）@与导入（import）两个模块。...

2022-07-21 20:29:02 198 4

原创 ES6学习——set map数据结构、 DOM classlist属性、创建对象、Symbol应用

对象方法就是把对象中的属性，用匿名函数的形式编程方法(之前就有)。

2022-07-20 16:50:00 272 2

原创 ES6——Array对象的方法和扩展、数组的遍历、string的扩展方法

代码】ES6——Array对象的方法和扩展、数组的遍历、string的扩展方法。

2022-07-19 17:15:23 467

原创 ES6练习

而setTimeout中的箭头函数不会改变this的指向，所以这里的this.a===obj.a，打印结果为obj内部的a的值。作用域为整个for循环，每一次循环中当i发生改变时，a中每个i值也是同步改变的，当循环结束，i的值为10。它规定了我们怎样写JS。//张三20180。（2）使用let声明的变量，作用域为块级作用域，先声明后使用，不能重复定义，但可以多次赋值，不存在变量提升。(2)箭头函数中的this是在声明中就定义好了的，而普通函数中的this则是在调用时定义好的。......

2022-07-18 16:26:21 646

原创 ES6学习——三点运算符、array对象的方法、字符串扩展方法

letname='张三';

2022-07-14 20:12:39 312 1

原创 ES6学习——解构赋值、箭头函数

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。（1）数组的解构赋值（字符串与其同理）（2）二维数组：依然一一对应（3）省略变量：用逗号隔开中间省略（4）合并数组的值：合并运算符可以展开数组也可合并数组（5）默认值，如果是undefined，默认值生效。2、对象结构3、解构应用(1)变量值交换：交换a,b变量的值(2)结构函数二、箭头函数1.基础语法语法：( ) =>{ } // (

2022-07-13 20:10:06 389 1

原创 ES6学习——let和const变量

ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等，而 ES2015 则是正式名称，特指该年发布的正式版本的语言标准。每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。 ECMAScript 和 JavaScript 的关系

2022-07-12 20:34:41 607

原创 JavaScript——随机点名练习

随机点名1、使用 HTML+CSS 布局出随机点名系统的页面。2、嵌入 JS 代码，定义要随机姓名数组变量，并初始化姓名信息。3、为开始按钮添加点击事件，并编写定时器程序，随机显示姓名信息。4、编写停止按钮事件处理程序，终止定时程序并显示随机出来的姓名信息，最后完成输出。效果：...

2022-07-11 20:47:52 3128

原创 JavaScript DOM总结（文档事件）

目录DOM文档事件1、事件概述2、窗口事件3、表单事件4、键盘事件5、鼠标事件6、媒体事件7、其他事件8、事件冒泡9、事件委派10、事件判定11、事件传播 HTML事件可以触发浏览器中的行为，比方说当用户点击某个 HTML 元素时启动一段 JavaScript。由窗口触发该事件 (同样适用于标签)：案例：表单事件在HTML表单中触发 (适用于所有 HTML 元素，但该HTML元素需在form表单内)：案例：通过键...

2022-07-11 19:48:56 312 1

原创 JavaScript DOM总结（文档操作）

目录DOM文档操作1、查找 HTML 元素2、获取 HTML 的值3、改变 HTML 的值4、修改 HTML 元素5、查找 HTML 父子（1）方法通过CSS选择器选择多个元素。（2）案例：（1）方法（2）案例：（1）方法（2）案例（1）方法（2）案例（1）方法（2）案例...

2022-07-09 17:04:01 242

原创 JavaScript DOM总结（文档节点）

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model，简称DOM）HTML DOM 模型被结构化为对象树。DOM树又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。正在上传…重新上传取消DOM是W3C组织制定的一套处理 html和xml文档的规范。所有的浏览器都遵循了这套标准。通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量：换言之：HTML DOM 是关于如何获取、更改、添加或删除 HTML 元

2022-07-08 20:14:46 442

空空如也

空空如也