- 博客(33)
- 收藏
- 关注
RSS订阅原创 自定义穿梭框（transter）组件
11.目前支持两类穿梭框：default/table,table类型穿梭框就是数据变成了表格的形式了，这样操作的数据都是表格的每一行。5.支持传入一个数字数组进行选中数据，通过下方选中数据按钮触发，选中按钮文字支持自定义（同element）。6.左右按钮的功能和element-plus一致，可以自定义文字（同element）。3.对于选中的数据个数和当前的数据总数也有实时显示（同element）。7.支持数据的左右拖拽，数据列表内部的拖拽会交换数据。8.右下方按钮的导出数据可以导出右边选中的数据。.....
2022-08-09 16:19:20
3122
原创 三、vue3--生命周期、Hook函数、 toRef和toRefs、其他的组合式API
vue3--生命周期、Hook函数、 toRef和toRefs、其他的组合式API
2022-03-17 21:06:29
2046
原创 七、Vuex、映射函数、自定义插件、代理服务器
① Vuex1.安装npm install vuex --save2. 引入Vuex并创建状态管理对象1.state选项，定义状态（状态就是数据）2.getters类似计算属性3.mutations选项，定义操作状态的方法（注意：这里面只能定义同步方法）它有两个参数，第一个参数是状态，第二个参数是新值。4.actions选项也是定义操作状态的方法（这里的方法可以定义异步方法）第一个参数是上下文对象（就是当前store对象），第二个参数是新值注意：actions最好不
2022-02-05 00:53:51
1161
原创 六、路由进阶、路由缓存、组件间传值
① 路由进阶1. 路由模式路由模式有两种模式：hash模式（默认） 和 history模式hash模式，使用的是锚链接的原理实现路由的跳转，这种方式兼容性非常好；缺点是路径带有#号，不够美观。history模式，使用的是浏览器中内置的history对象实现路由的跳转，这种方式不兼容老版本的浏览器，刷新后会丢失路由信息。let router = new VueRouter({ mode: 'hash',})2. 路由元信息{ path:'/',nam...
2022-02-04 00:43:08
505
原创 五、初始Vue-Cli、路由以及路由传参
① 安装Vue-Clinpm install -g @vue/cli# ORyarn global add @vue/cli② 常用的插件Element-UI、Echarts、swiper安装和使用1.Element-UI安装npminstallelement-ui导入（main.js文件）（全局导入）import Vue from 'vue';import ElementUI from 'element-ui'; // 导入element-ui组件库impo..
2022-02-03 23:46:01
1046
原创 四、自定义组件、组件中插槽的用法、父子组件、混入基础
组件就是一个小型的Vue实例，它里面除了不能设置el选项，其他选项它都有。组件的名称不要跟原生html元素重名，一般用短横线分隔命名，例如my-component组件有两种注册方法：1.全局注册 2.局部注册全局注册: 通过Vue.component()来创建组件： 定义全局组件，让每一个Vue实例都可以使用Vue.component('my-component', { // ... 选项 ...})局部注册：在vue实例中通过components选项创建组件，只能在当前...
2022-02-03 03:05:16
920
原创 三、v-model指令的详细用法、事件修饰符、按键修饰符
① v-model指令的详细用法1.v-model指令，绑定文本框的内容，实现双向数据绑定<input type="text" v-model="name">2.v-model指令，绑定多行文本框的内容，实现双向数据绑定注意：在文本区域插值 (<textarea>{{text}}</textarea>) 并不会生效，应用 v-model 来代替。<textarea cols="80" rows="4" v-model="address">
2022-02-02 16:24:44
8293
原创 二、Vue的生命周期以及一些常用的配置及语法
①vue的生命周期钩子：1.beforeCreate()// 数据初始化之前2.created()// 数据初始化完成3. beforeMount()// 页面挂载之前，此时页面是模板4. mounted()// 页面挂载完成，此时页面已经渲染完成5. beforeUpdate()// 数据更新之前6. updated()// 数据更新完成7. beforeDestroy()// vue实例销毁之前8. destroyed()// vue实例销毁完成总...
2022-02-02 00:24:05
461
原创 一、初始Vue
① 创建一个Vue实例（vue2)： <div id="app"> <!-- 在页面中，通过插值表达式可以直接使用Vue管理的数据。注意： Vue管理的数据是响应式的，所谓响应式，指的是，当前数据发生改变是，会重新渲染页面。 --> <h2>{{msg}}</h2> <p>{{name}}</p> <p>{{age}}</p>
2022-02-01 23:11:17
743
原创 三、MongoDB数据库、Express框架、AJAX
8 MongoDB数据库8.1. 什么是数据库数据库即存储数据的仓库，可以将数据进行有序的分门别类的存储。它是独立于语言之外的软件，可以通过API去操作它。常见的数据库软件有：mysql、mongoDB、oracle、sqlserver。8.2. MongoDB数据库下载安装下载地址：MongoDB Community Download | MongoDBMongoDB可视化软件下载地址：MongoDB Compass Download | MongoDBMongoDB数据库
2022-01-13 22:45:27
456
原创 二、包、文件系统
1. 包1.1什么是包包规范允许我们将一组相关的模块组合到一起，形成一组完整的工具。包规范由 包结构 和 包描述文件 两个部分组成。包结构：用于组织包中的各种文件。包描述文件：描述包的相关信息，以供外部读取分析。6.2. 包结构包实际上就是一个压缩文件，解压以后还原目录。符合规范的目录，应该包含如下文件： package.json 描述文件 bin 可执行二进制文件 lib js代码 doc 文档 test 单元测试 6.3. .
2022-01-13 15:00:45
498
原创 一.初识Node.Js
1 命令行窗口1.1. 命令行窗口（小黑屏）、CMD窗口、终端、shell开始菜单 -> 运行 -> cmd -> 回车直接url栏中输入cmd1.2. 常用指令 dir 列出当前目录下面的所有文件 cd 目录名 进入到指定的目录 md 目录名 创建一个文件夹 rd 目录名 删除一个文件夹 文件名.后缀名 打开文件 D: 进入D盘 1.3. 目录 . 表示当前目录 .. 表示上一级目录 1.4.
2021-12-30 15:08:17
212
原创 十七、AJAX & JSON
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）AJAX技术 不需要刷新页面的情况下，就可以产生局部刷新的效果最初AJAX技术操作的是XML标签，现在绝大多数情况下操作的是JSON格式的字符串1. json格式数据// json对象// 注意：对象的属性名，必须要双引号引起来let obj = { "name": "张三", "age": 20, "gender": "男"}// jso
2021-12-18 21:53:59
433
1原创 十四、鼠标事件
1. 鼠标事件// 点击事件onclick// 双击事件ondblclick// 鼠标右键点击事件oncontextmenu// 鼠标进入事件// onmouseover 比 onmouseenter 先执行onmouseenteronmouseover// 鼠标离开事件// onmouseout 比 onmouseleave 先执行onmouseleaveonmouseout注意：如果元素里面存在子元素，鼠标在元素中移动时会反复触发 onmo..
2021-12-06 20:43:54
471
原创 十二、类和对象进阶2
2.自执行方法定义一个自执行函数，函数定义完成后，自己执行一次，函数名可以省略，因为没有任何意义注意：要以分号结束，否则可能会影响后面的语句。(function sayHello() { console.log('sayHello');})();自执行函数的简写形式+ function sayYes() { console.log('sayYes');}();自执行函数，也可以直接定义成箭头函数(()=>{ console.log('a
2021-11-29 15:25:31
357
原创 十一、对象进阶
1.this构造函数里面的this，用于给类定义成员（属性和方法）方法里面的this，指向方法的调用者箭头函数中没有this，如果在箭头函数中使用了this，会向外层寻找this的指向如果所有的外层都没有this，最终会指向window对象注意：用于var定义的成员（变量和方法）都会成为window对象的成员解决this指向问题：方式一：备份this方式二：使用箭头函数2.call apply bindcall apply bind 更改方法里面this的指向
2021-11-28 19:51:20
249
原创 十、函数补充以及初识对象
1.argumentsarguments对象里面保存这方法的所有参数。arguments对象里面有个一个callee方法，该方法指向当前方法本身。定义稳定的递归函数：function calc(num){ if(num===1){ return num } // 因为arguments.callee 就时 指向当前方法本身。 // 这样的做的好处是，防止外部方法名修改后，导致递归调用失效。 let sum = num + argument
2021-11-28 16:34:13
82
原创 九、高阶函数
定义：就是一个函数的参数是函数，或者返回值是函数，满足其中一个就是高阶函数开闭原则：对扩展是开发的，对修改是封闭的1.定义计算器方法function calc(num1,num2,callback){ callback(num1,num2)}<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl
2021-11-28 16:06:50
231
原创 八、初识函数
1.定义function 是定义函数的关键字，函数也称为方法。函数分为：1.无参函数 2.带参函数 3.带返回值的函数定义函数function fn(形参) { 方法体}调用函数fn(实参)<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE...
2021-11-28 15:23:02
474
原创 七、Math和Date
目录1.排序算法2.Math对象3.Date对象1.排序算法sort()方法，用于对数组排序。注意：该排序方法，是根据数组中，每一个元素首字符的unicode编码进行排序的手写排序算法：1.冒泡排序算法2.选择排序算法<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte
2021-11-28 14:38:32
189
原创 六、字符串和数组
目录1.字符的常用方法2.字符串练习题3.数组4.数组的常用方法1.字符的常用方法1.字符的常用方法1.length属性，返回的是字符串的长度2.charAt()方法，根据字符串中字符的索引(下标)获取对应的字符，注意：索引从0开始获取字符串的中指定索引的字符，也可以通过[索引]的方式获取3.charCodeAt()方法，用于获取字符串中指定位置字符的Unicode编码值,Unicode编码是指不同国家的人，使用不同的字符描述数据。这些字符计算机不认识，计算机只.
2021-11-24 19:59:55
828
原创 五、多重循环
在二重循环中，外层循环变量变化一次，内层循环变量变化整个<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-11-23 22:30:15
590
原创 三、循环结构
目录1.var let const2.模板字符串3.while循环4.do-while循环5.for循环6.循环的跳出语句(continue,break)1.var let const使用var关键字定义的变量，变量名可以重复，后面的变量会将前面的变量覆盖掉。var方式定义变量，会统一提升到全局作用域的顶端定义，然后再指定的地方赋值。var定义的变量，即使在指定的代码块中，仍然会提升到全局作用域的顶端。因为使用var定义变量，存在上面的各种问题，所以从ES6开始，
2021-11-19 21:18:21
543
原创 二、选择结构
目录1.JavaScript的组成1.三大核心2.window对象的常用方法2.if选择结构3.多重if选择结构4.嵌套if选择结构5.switch选择结构6.三元表达式1.JavaScript的组成1.三大核心ESMAScript 核心语法（标准规范）-> ES6 BOM 浏览器对象模式，其实就是window对象，该对象可以操作浏览器 DOM 文档对象模型，其实就是document对象，该对象可以操作网页里面的所有元素2.window对象的常用方
2021-11-18 22:33:48
791
原创 一、初始JavaScript
目录1.输出语句2.定义变量3.算术运算符4.比较运算符5.逻辑运算符6.运算符的优先级7.命名规范JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。在网页中，JavaScript 代码，需要在script标签中定义。script标签可以放在的网页的任何地方，但是，通常会放到body标签的最下方，确保JavaScript代码，在网页的内容全部加载完毕后再执行。1.输出语句console.log
2021-11-17 19:42:45
665
原创 一、HTML基础标签
1.HTML简介超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言标记语言是一套标记标签HTML 使用标记标签来描述网页HTML 文档包含了HTML标签及文本内容HTML 运行在浏览器上，由浏览器来解析HTML文档也叫做web 页面文档的后缀名：xxx.html 或 xxx.htm2.HTML标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)HTML 标签是由尖括号包围的关..
2021-11-16 16:25:11
2183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人