- 博客(23)
- 收藏
- 关注
RSS订阅
1原创 Ajax的学习笔记
Ajax简介首先Ajax是什么？Ajax的本质是异步的js和xML XML是什么？ 1、可扩展标记语言 2、被设计用来传输和存储数据 3、和HTML相似，但HTML是预定义标签，而XML是自定义标签，用来表示一些数据 下面是一个XML自定义标签，xml不可以做任何事Ajax的作用：可以在浏览器中向服务端发送异步请求Ajax的优点：1、无需刷新页面而与服务器进行通信 ...
2022-04-13 21:39:08
145
原创 vue3的一点笔记
1、项目结构的变化vue3的main文件和vue2的main文件有所不同vue2的main.jsvue3的main.js---vue3相对于vue2不再是一个构造函数，引入的是一个createApp的一个工厂函数---vue3不再使用$mount挂载而是使用mount挂载---vue3创建的实例对象App类似于vm实例对象，但是比vm实例对象更轻量---vue3结构中模板结构可以没有div，在vue3中会将多个标签包含在一个名为Fragment的虚拟元素中，这样子可以减少
2022-04-09 22:26:23
1457
原创 JavaScript中es6
一、let1、let声明的只在let命令所在的代码块中有效2、let适合在循环中使用，若在循环外读取let声明的值则会报错3、let在每一次循环中每一轮都是重新声明的4、let不像var存在变量提升5、存在暂时性死区：在使用let声明之前，该变量是不可用的二、const1、const用于声明一个只读的常量，常量的值不能被改变2、const只声明不赋值则会报错3、const作用域和let相同，也存在暂时性死区三、变量的解构赋值//数组的解构赋值
2022-04-01 22:14:49
5626
原创 vue中的组件
1、什么是组件？实现局部代码交互和功能的集合组件就是一个可复用的vue实例2、组件怎么写？注册一个全局组件<div id="app"> <tab-button></tab-button> </div>注册一个全局组件 Vue.component('tab-button',{ data:function(){ return{
2022-03-27 21:44:15
1756
原创 vue中的自定义指令
定义组件的为directives：{}1、函数形式 （element，binding）1----element：真实的dom元素2----binding：将元素和自己所写的指令进行绑定函数何时被调用？1、指令和元素成功绑定时被调用一次2、指令所在模板被重新解析的时候（模板的数据发生改变时） <div id="app"> <h3>当前n的值是{{n}}</h3> <h3 >放大十倍后n的值是:<
2022-03-26 23:55:44
845
原创 vue中的内置指令
1、v-on:绑定事件监听2、v-bind：动态绑定、单项解析表达式3、v-model：双向数据绑定4、v-for：遍历数组、对象字符串5、v-if:条件渲染6、v-else：条件渲染7、v-show：条件渲染8、v-text：向所在节点渲染文本内容，但原本存在的内容会被替换，不被展示出来9、v-html：向所在节点渲染文本内容，与v-text的区别就是v-html会识别HTML结构10、v-cloak：vue接管容器时删除v-cloak这个属性11、v-once：没
2022-03-26 23:41:40
1875
原创 vue绑定class样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script></head><style> .demo{ width: 100px; height: 100.
2022-03-22 22:43:33
147
原创 vue中监视属性watch的配置对象
1、handler（newvalue,oldvalue）作用：当被监视的值发生改变时调用，其中有两个参数，第一个参数为改变后的值，第二个参数为改变前的值2、immediate：true/false作用：立即执行，当immediate的值为true时，那么handler不用等被监视的值发生改变就立即改变3、deep：true/false作用：深度监视，当值为true时开启深度监视，可以监视多级所有属性的变化<!DOCTYPE html><html lang="en
2022-03-22 22:42:22
605
原创 vue中的事件修饰符
1、prevent---阻止事件的默认行为2、stop----阻止事件冒泡3、once---事件只能触发一次4、capture----使用事件捕获模式5、self----只有event.target（按钮中的mouseevent，点击按钮调函数时会默认传给你）是当前操作的元素才操作6、passive---事件的默认行为立即执行，无需等待事件回调执行完成<!DOCTYPE html><html lang="en"><head&
2022-03-22 22:32:30
66
原创 vue中的配置说明
1、vue实例中的配置<div id="app">{{demo}}</div><script> var app = new Vue({ el:"#app", data:{ massage:"你好世界", demo:"我的世界", } })</script>1、el用于指定实例和元素来建立联系2、data里面存入的是数据3、{
2022-03-19 22:25:02
794
原创 JavaScript的构造函数
1、构造函数是怎么创建的function Person(){};//创造一个构造函数，习惯首字母大写var p = new Person();//调用一个构造函数通过关键字new来区分普通函数和构造函数的区别2、构造函数的执行过程在构造函数创建好之后的步骤1、立刻创建一个新的对象2、将新建的对象设置为函数中的对象，所以在构造函数中可以使用this来代指对象，如上述代码this指向p3、执行函数中的代码4、将新建的对象作为返回值返回3、怎么区分构造函数和普通函数构
2022-03-19 22:05:39
749
原创 JavaScript作用域
1、JavaScript局部作用域变量在函数中声明则为局部作用域，局部作用域只能在函数内部使用，在函数内声明的变量可以重名 function myfunction1() { var demo = 1; return demo; } function myfunction2(){ var demo = 2; return demo; }
2022-03-02 12:45:29
479
原创 JavaScript中this的指向
1 在函数中的this指向的是windowfunction myfunction(){ if(this===window){ console.log("ture")//true }else{ console.log("false") } } myfunction()2 在对象中的this指向的是调用此方法的对象 var person =
2022-03-01 22:19:37
304
原创 JavaScript的数组
1、数组的创建第一种方法输出结果第二种方法var cars2 = ["你好","你是","他是","我是"] for(i = 0 ; i<cars2.length ;i++){ document.write(cars2[i]+'<br/>') }输出结果往数组中添加数据的方法1、unshift（）：向数组前添加数据 cars2.unshift(1,2,3,4,5),//从原数组前面插入东西结果2、pus.
2022-03-01 12:40:55
294
原创 js中的基本数据类型和引用数据类型的区别
基本讲解1.什么是基本数据类型：基本数据类型主要有String、Number、Boolean、Undefined、Null、symbol(Es6中新增)2.什么是引用数据类型：引用数据类型有Object、Function、Array基本数据类型和引用数据类型的区别基本数据类型和引用数据类型的区别在于保存值不同1.基本数据类型中的变量都是保存在栈内存中的，值与值之间相互独立，修改一个变量是不会改变另一个变量的值 var a = 123; var b = a;..
2021-12-16 23:43:45
1503
原创 Windows常用快捷键
打开我的电脑 window+e复制ctrl+c粘贴ctrl+v剪切ctrl+x切换页面 window+tab打开运行window+r永久删除shift+delete打开任务管理器 ctrl+shift+esc键
2021-10-13 13:05:12
32
原创 如何用好Maekdown
标题1号标题-->#+空格2号标题 ##+空格3~6号标题依次类推字体加粗--------->一个*斜体加粗--------->两个*加粗加粗 -------->三个*斜体加粗加粗--------->每边各两个~引用引用 ---------> >+空格分割线***或者---图片超链接这是一个超链接表格 ..
2021-10-13 11:37:20
31
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人