呦呦鹿鸣~@-优快云博客

原创 uniapp项目引用vant weapp组件库及icon字体图标库报错

在HbuilderX里点击文件，新建项目，自定义项目名称选择默认模板。

2022-09-23 11:57:51 3516 2

原创 todolist案例——vue脚手架（2）

接上回继续todolist案例——vue脚手架（1）_呦呦鹿鸣~@的博客-优快云博客把样式中静态的数据化为动态的数据，在父组件App.vue里创建一个todo数组，包含列表数据；并把数组传给List.vue子组件里面去data(){todo:[]}},这里的id 就是每一列数据的身份证，具有唯一性。便于后面的增添、删除、修改状态其他操作；done是为了修改状态属性，有true 和false 两个值。......

2022-08-24 15:42:36 785 16

原创 todolist案列——vue脚手架（完整版）

【代码】todolist案列——vue脚手架（完整版）

2022-08-24 15:38:14 848

原创 UI组件库的使用

2）下滑找到如图示画面，点击组件框3）找到组件目录，其下面都是可应用的组件，本文以组件目录下的Button 按钮为例4）点击Button 按钮，下图页面，鼠标移动到页面框里，框底部会出现显示代码，点击显示代码即可复制所需代码到自己创建的项目里5）点击显示代码，选择你想复制的内容。

2022-08-23 20:32:09 870 1

原创 vuex的学习

专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。原理图：Vue.js 的中心化状态管理方案vuex多应用于多个组件应用与同一个状态，多个组件变更同一状态。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。什么是“状态管理模式”？状态。...

2022-08-17 20:08:31 571 1

原创 todolist案例——vue脚手架（1）

把样式中静态的数据化为动态的数据，在父组件App.vue里创建一个todo数组，包含列表数据；并把数组传给List.vue子组件里面去data(){todo:[]}},这里的id 就是每一列数据的身份证，具有唯一性。便于后面的增添、删除、修改状态其他操作；done是为了修改状态属性，有true 和false 两个值。......

2022-08-16 14:55:07 868 7

原创 ref的使用

ref 本身是作为渲染结果被创建的在初始渲染的时候你不能访问它们 - 它们还不存在！$refs也不是响应式的，因此不应该试图用它在模板中做数据绑定。

2022-08-09 11:12:41 3746 8

原创 todolist案列——原生js

用户按下enter之后，按理来说，应该给本地存储添加数据，但是没有直接的方法，所以，先给本地存储的数组local追加数据，再把这个数组保存到本地；因为本地存储里存储的是字符串，所以要把获取过来的对象数组转换成字符串形式（JSON.stringify）因为本地存储中的数据是字符串型，但是我们希望数组里面存储的是对象数组类型，所以需要用JSON.parse()将字符串转换成数组。其监听事件的过程是先把数据存储到本地存储中，在从本地存储取出数据加载到页面。再把最新的从表单获取的数据追加到数组里面。......

2022-08-04 19:35:55 723 14

原创 v-model的使用

原理：遍历数组的值，动态的监听绑定数组的值放置空数组里（v-model选定的值，每点一次会有一个value值，把value响应的值给v-model绑定的值—响应式原理可以解释）女。男。属性是互斥的，如果使用v-model，可以不使用。...

2022-08-04 16:16:03 2725

原创 v-if条件判断及v-show

key的作用主要就是为了高效的更新虚拟DOM，使用key值，它会基于key的变化重新排列元素顺序，并且会移除key不存在的元素。它也可以用于强制替换元素/组件而不是重复的使用它。为何不推荐index作为key值:当以数组为下标的index作为key值时，其中一个元素(例如增删改查)发生了变化就有可能导致所有的元素的key值发生改变。...

2022-08-02 20:57:06 8292 7

原创侦听器watch及其和计算属性、methods方法的总结

!计算属性方法侦听器watch年龄age{{age}}el"#app","zhang","san",age18,}},{console.log("调用了fullName2,使用了一次方法")}},{console.log("调用了fullName,计算了一次属性")}},watch{初始化缓存功能https。

2022-07-30 16:08:01 925 6

原创 v-bind动态绑定

动态绑定

2022-07-29 10:05:52 4880 1

原创计算属性的学习

计算属性的基本使用、复杂使用和方法的比较

2022-07-28 20:18:10 525 2

原创 vue的使用及绑定和一些vue指令

保存界面中所需的所有变量和事件处理函数constvm=newVue({//MVVM框架vm层el'#app',data{//model层name'张超'}methods{}})data{}保存界面中所需的所有变量和初始值；methods{}保存界面中所需的所有事件处理函数；methods中的事件处理函数中，如果要操作data中的变量，必须加this....

2022-07-26 20:58:49 1033 2

原创 Vue.js介绍

任真学习，努力向上

2022-07-25 20:49:17 13226 1

原创其他语法和模块的导出导入

其他语法和模块的export、import的应用

2022-07-22 11:45:24 871 4

原创 Promise

好好学习，天天向上

2022-07-20 19:24:31 446 5

原创迭代器与生成器

迭代器(lterator)是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署lterator接口，就可以完成遍历操作，ES6新增遍历方式for...of。原生具备lterator接口的数据有Array，Arguments，Set，Map，String，NodeList。...

2022-07-19 15:53:31 1655 3

原创 set和map数据结构、classlist、创建对象及symbol学习

第二个是可选参数，是个布尔值用于设置元素是否强制添加或移除类，不管该类名是否存在。console.log('age是否存在'+map.has('age'));初始化constset=newSet([1,2,3,4,4]);set，get，delete,size,clear,has（指定key的元素）,keys。//set遍历.forEach方法，用于对每个成员执行某种操作，没有返回值。map.set('realname','张三');map.set(Info,'个人详细信息');...

2022-07-18 20:50:02 616 3

原创 arr的扩展方法、数组的遍历及其他方法

基础学习，每天多学一点点，进步一点点

2022-07-18 17:07:52 825

原创剩余参数、数组对象的方法和字符串扩展的方法

剩余参数语法允许我们将一个不定数量的参数表示为一个数组，不定参数定义方式，这种方式很方便的去声明不知道参数情况下的一个函数。为前缀的，则在函数被调用是，该形参会成为一个数组，数组中的元素都是传递给该函数的多出来的实参的值。//b为数组2,3,4。demo({realname'张三',age20});{realname'张三2',age22},{realname'张三3',age33},{realname'张三2',age22},{realname'张三3',age33},...

2022-07-14 20:59:14 539 5

原创箭头函数及其this的指向

目录一、箭头函数1、基础语法 2、箭头函数简写二、箭头函数的 this1、全局函数下的 this2、对象方法里面的 this3、构造函数的this4、 call()、apply()、bind()调用时的 thisES6中引入了箭头函数。箭头函数允许我们编写更短的函数。语法：() =>{} // ():函数 =>:必须的语法，指向代码块 {}:代码块 2、箭头函数简写代码块只有一句话，省略 { } 和 return只有一个参数时，小括号 ( ) 可省略普通函数 this 跟调用者有关箭头

2022-07-13 20:53:15 3918 4

原创 ES6中变量的使用及结构赋值

目录一、变量的使用一、let变量1. let声明的变量具有块级作用域2. for循环使用let变量3. 不存在变量提升4. 暂时性死区 5. 不允许重复声明6. let案例7. let总结二、 const变量1.const关键字声明的的变量具有块级作用域2. const 声明常量必须赋值,常量赋值不能修改三、 let、const、var 的区别二、解构赋值 1.数组的解构赋值 2. 对象结构 3. 结构函数 4. 案例：交换两个变量的值 ES2015 引入了两个重要的 JavaScri

2022-07-12 20:58:32 939 2

原创 ES6中的面向对象和类

目录一、面向对象对象：二、类 class1、类的定义 2、 static 静态成员 3、继承extends4、调用私有属性 5、getter和setter面向对象更贴近我们的实际生活，可以使用面向对象描述现实世界事物，但是事物分为具体的事物和抽象的事物面向对象的思维特点：面向对象编程我们考虑的是有哪些对象，按照面向对象的思维特点，不断地创建对象，使用对象，指挥对象做事情现实生活中∶万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如，一本书、一辆汽车、一个人可以是“对象”，一个数据库、一张网页、一

2022-07-07 19:24:30 339 4

原创节流阀和本地存储

节流阀和本地存储学习

2022-07-06 16:28:22 107 1

原创盒子移动和滚动加载效果练习

针对 offset、client 和 scroll 的加强练习

2022-07-05 18:59:47 149

原创 offset、client 和 scroll

目录一、元素偏移量offset系列1、offset偏移量2、offset和style的区别案列：获取鼠标在盒子内的坐标登录框拖拽效果 3、拖拽原理二、元素可视区client 系列三、元素滚动scroll系列四、offset、client 和 scroll 总结offset 翻译过来就是偏移量，我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。offset系列获得的数值是没有单位的；可以得到任意样式表中的样式值（宽高度）；获得元素距离带有定位父元素的位置offset系列常用属性

2022-07-04 19:53:57 299 1

原创 Location、navigator和History对象

目录1、location对象定义2、location对象的属性3、实例演练5秒页面跳转练习获取页面参数数据 4、常见对象方法5、navigator对象6、history对象window对象给我们提供了一个location属性用于获取或设置窗口的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为location对象。URL（Uniform Resource Locatiior）：统一资源定位符，是互联网上标准资源的地址。互联网上每个文件都有一个唯一的URL，它包含的信息

2022-07-03 15:00:16 952 1

原创 this指向问题

2、对象里面的this指向3、构造函数里面的this指向问题4、在定时器里面的this指向5、案列中的this指向

2022-07-03 09:42:46 110 1

原创 BOM学习

目录一、BOM概述1、什么是BOMDOM和BOM的比较 2、BOM的构成二、window对象的常见事件window.load事件DOMContentLoaded事件Onresize事件三、定时器1.1 setTimeout( ) 定时器1.2 clearTimeout( ) 清除定时器2.1 setInterval( ) 定时器2.2 clearInterval( )清除定时器四、小练习发送短信活动倒计时BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器

2022-06-30 19:58:15 763 4

空空如也

空空如也