- 博客(38)
- 收藏
- 关注
RSS订阅原创 微信小程序笔记
项目文件介绍（在pages文件夹下新建页面），1.text 文本 同span2.view 区域 同div3.button 按钮4.input 表单5.image 图片6.include包含7.import导入。
2022-08-25 20:40:15
203
1
原创 react笔记
1.构建用户界面的javascript库2.Facebook脸书出品3.组件化、单向数据流、生命周期、虚拟dom、hooksjsx语法：方便js中书写html模板，javascript与html混合写法1.有且只有一个根节点2.{}js表达式3.{/* 注释内容 */}4.calssName定义类名5.样式对象会自动展开6.数组可以保护html，并自动展开react组件：1.函数组件2.类组件区别：1.函数组件通常展示、类组件通常做为容器2.类组件可以有state，管理数据用类组件、函
2022-08-18 19:32:32
143
原创 webpack笔记
2.web hash缓存如果文件没有发生修改，使用一样的名称如果文件发生了修改，更改生成的文件名。1.浏览器get请求会缓存如果浏览器第二次请求的地址在缓存中用就使用缓存。chunckHash命名：入口有很多个，哪个入口发生变化，hash变化。contentHash命名：内容发生变化hash变化。3.没有发生更改的文件：缓存；hash命名：文件内容发生变化，hash变化。:提高了2次加载的速度。...
2022-08-16 09:21:32
193
原创 Vue3笔记
vue2:vue3:三.全局方法定义vue2:vue3:四.template根组件 Vue2有且只有一个根组件 Vue3随意五.生命周期vue3没有销毁前后(beforeDestroy,destroyed),有卸载前后(beforeUnmount,unmounted)setup优点：1.按需导入,需要什么功能导入什么2.写法更加接近原生js,阅读更清晰3.没有this,降低代码耦合性,提高了复用性...
2022-08-11 09:53:43
102
原创 Vue2高级
组件上的 v-model默认使用 value值 input事件 来进行内容的双向绑定(也可以自定义值和事件名称)调用方法：Vue.set(target，key，value)target:要更改的数据源（可以是对象或者数组）利用vue空实例实现跨页面跨组件传参方式。使用场景：当我们需要动态改变数据的时候。在每个组件创建完毕,输出当前的时间。数据更新,等待dom更执行回调数。key：要更改的具体数据。value：重新赋的值。...
2022-08-09 09:21:59
178
原创 Vuex的安装与使用1
Vuex是一个专为Vue.js应用程序开发的。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
2022-07-26 19:37:59
216
原创 git总结
世界上最先进的分布式版本管理系统代码版本管理多人协作 编写项目https://git-scm.com/git config global user.name"lzt"git config global user.email"lzt@126.com"cd 项目目录 git init 工作区->暂存区git add xxxgit add my.txt 添加my.txt单个文件到暂存区 addgit add *.txt 添加txt后缀名到暂存区git add . 添加任意文本到暂存区 暂存区->工作区
2022-07-01 15:48:49
75
原创 ES6课堂笔记
ES6:ECMAScript 6，新的javascript语法标准2015正式推出为了js更加快捷与方便var：全局作用域、函数作用域、没有 if，switch，while，do，else作用域、会变量提升let：局部变量1.局部作用域，（在一对{}启用）2.不能变量提升3.在一个作用域里面不能重复声明let应用领域：三.constconst：常量不会变量提示 let 一样变量名建议大写声明必须赋值值类型不允许修改什么时候使用const：1.当声明变量不允许修改的时候，是个
2022-06-21 20:07:18
258
原创 数组的高阶方法、mysql在nodejs里使用
forEach 遍历filter 过滤 返回true保理，返回false 过滤掉map 映射reduce 累计every 每一个返回true，最终返回truesome 有一个返回true 最终返回truefind 查找符合条件的元素findIndex 查找符合条件的下标sort 排序数组去重 判断js类型 typeof 对值类型有用 引用类型除函数返回object instance of 是某个类的
2022-06-15 19:39:48
328
原创 mysql命令
1. 双击安装 2. 配置环境变量C:\Program Files\MySQL\MySQL Server 5.7\bin 3. 初始化mysqld -installmysqld --initialize 4. 启动服务器net start mysql 5. 登录(密码data 文件.err文本文件)mysql -u root -p 输入密码 6. 修改密码alter user 'root'@'localhost' identified by '12
2022-06-14 19:16:56
103
原创 javascript之this
面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。方法中的 this在对象方法中， this 指向调用它所在方法的对象。在上面一个实例中，this 表示 person 对象。fullName 方法所属的对象就是 person。单独使用 this单独使用 this，则它指向全局(Global)对象。在浏览器中，window 就是该全局对象为 [object Window]:var x = this;严格
2022-06-13 21:19:09
226
原创 cmd命令
1.win+R 运行命令2.输入cmd enter回车 进入命令（确认命令）cd ./ 当前目录cd/根目录cd../上一次目录cd../../上一层的上一层目录目录名称提示 首字母+tab 目录切换命令 CD目录地址 cd Users cd Users/Administrator cd/ cd ../ ../ 查看目录 dir 切换命令历史记录 光标↑↓清空窗口 cls创建文件夹 md 文件名称 md app 删
2022-06-13 19:27:43
815
原创 nodejs之npm命令
Node.js 是一个开源和跨平台的 JavaScript 运行时环境。定义： 运行在服务器的javascript 可以读写本地文件 操作数据库运行nodejs node js文件node index.js npm node js自带的 包（插件管理器） npm init初始化项目，创建package.json 项目配置文件 npm init-y初始化项目 所有选yes 查看版本npm -v 前端开发中的JS库文件可以通过Scr
2022-06-13 16:33:18
806
原创 js原型与原型链、闭包课堂笔记
作用：1.实现了js的继承 2.可以给所有的类的实例添加公用方法和属性概念：1.每个构造函数(类)都有一个显示原型prototype2.每个实例(对象)都有一个隐式原型__proto__3.对象的隐式原型__proto__等于其构造函数(类)的显示原型prototype4.当查找对象的属性或方式，现在自身上找，找不到则沿着原型的原型(__proto__,__proto__)向上查找5.我们把原型的原型形式的链条关系称之为原型链二.闭包作用：1.创建局部作用域；2.在函数外部访问函数内部的局部
2022-06-06 19:24:53
135
原创 Javascript函数与for循环
一.for循环特点：先判断，再执行概念：做重复的事情，通常和数字关联for循环的基本结构（两个分号不可以省略）for(;;){}for(初始化变量 ；循环条件 ；变量更新 ){ 循环操作;}例： for(var i = 1;i <= 500;i++){ // console.log(i); // }for循环注意点 是否满足条件：（如果不满足：代码一次不执行） 是否有结束条件（如果没有，就是一个死循环（...
2022-05-26 20:13:31
309
原创 js事件及css和js常见错误
一.javascript事件事件传递：冒泡：最具体元素最先捕捉到事件，传递给最不具体的元素捕获：最不具体的元素先捕获到事件，传递给最具体的元素默认都是冒泡，使用捕获elem.addEventlistener(事件类型，响应函数，是否为捕获)elem.addEventlistener("click",doit,true)event.stopPropagation();阻止事件传递event.preventDefaule();阻止默认事件例:var son = doc
2022-05-25 21:20:43
769
原创 jQuery总结
jquery到底是什么jQuery的官网jQueryjQuery就是一个js库，使用jQuery的话，会比使用JavaScript更简单。 $ jQueryjquery文件引用本地引用<script src="./js/jquery-3.6.0.min.js"></script>远程调用<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>...
2022-05-17 00:14:58
125
原创 javaScript事件和正则
正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于RegExp的exec和test方法, 以及String的match、matchAll、replace、search和split方法。使用一个正则表达式字面量，其由包含在斜杠之间的模式组成，如下所示：var re = /ab+c/;脚本加载后，正则表达式字面量就会被编译。当正则表达式保持不变时，使用此方法可获得更好的性能。或者调用RegExp对象的构造函数，如下所示...
2022-05-09 23:11:15
81
原创 JavaScript——DOM对象
1、什么是DOM文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。文档：一个页面就是一个文档，DOM中使用doucument来表示元素：页面中的所有标签都是元素，DOM中使用 element 表示节点：网页中的所有内容都是节点（标签，属性，文本，注释等），DOM中使用node表示DOM 把以上内容
2022-04-25 00:05:53
217
原创 第十九次课堂笔记
一.switch语句switch 语句来选择多个需被执行的代码块之一switch(表达式) { case n: 代码块 break; case n: 代码块 break; default: 默认代码块} 遇到 break 关键词，它会跳出 switch 代码块。default 关键词规定不存在 case 匹配时所运行的代码计算一次 switch 表达式把表达式的值与每个
2022-03-31 22:53:16
230
原创 第十八次课堂笔记
一.数据类型转换1.在JavaScritp中，连接字符串时也使用“＋”号。当字符串与数字相遇时，由于JavaScript是弱类型语言，所以，数字会被强制转换为字符串与字符串进行拼接。var num=23+45;alert("23+45等于"+num); 表达式从左往右计算，字符串之后的数字都会当成字符串然连接alert("23+45="+(23+45)); 使用括号分隔2.当然,不仅仅可以将字符串和数字相加,还可以将字符串与数字相乘而不会出现脚本错误!...
2022-03-30 22:46:48
58
原创 第十七次课堂笔记
一.奇数偶数二.自增和自减自增 ++ 自减 --c = 12;c++; 这与c=c+1;效果是一样的 alert(c); 输出13 ++c; 先自增 再输出alert(c); 输出14c--; 这与c=c-1;效果是一样的alert(c); 输出11--c;...
2022-03-29 22:10:57
258
原创 第十六次课堂笔记（js）
一.JavaScriptJavaScript是一种轻量级的脚本语言。 所谓“脚本语言”，指的是它不具备开发操作系统的能力，而是只用来编写控制其他大型应用程序的“脚本”。 JS即Javascript, javaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到<head>中。 JavaScript代码块一般放在script标签中。
2022-03-28 21:46:15
66
原创 第十五次课堂笔记
一.vw、vh视口单位(Viewport units)在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。根据CSS3规范，视口单位主要包括以下4个：1.vw：1vw等于视口宽度的1%。2.vh：1vh等于视口高度的1%。3.vmin：选取vw和vh中最小的那个。4.vmax：选取vw和vh中最大的那个。vh and v.
2022-03-24 00:01:29
78
原创 第十四次课堂笔记
一.分栏column-width栏目宽度该属性主要用来定义每栏的宽度。column-count栏目列数指定了需要分割的列数；column-gap栏目距离该属性主要定义两栏之间的间距距离。column-rule栏目间隔线该属性定义每栏之间边框的宽度、样式和颜色。缩写：二.媒体查询使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media ...
2022-03-22 00:04:24
59
原创 第十三次课堂笔记
一.平移在CSS3中，我们可以使用transform属性的translate()方法来实现元素的平移效果二.旋转语法：transform: rotate();共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转rotateX(数值+角度deg) 绕x轴旋转rotateY(数值+角度deg) 绕y轴旋转rotateZ(数值+角度deg) 绕z轴旋转透视 perspective（perspective 属性定义 3D 元素距视图的距离，以像素计。该属性允许
2022-03-17 23:47:03
340
原创 第十二次课堂笔记
一.文本阴影text-shadow 属性为文本添加阴影。最简单的用法是只指定水平阴影（2px）和垂直阴影（2px）：text-shadow: h-shadow v-shadow blur color;二. 字体定义定义字体@font-face{font-family：字体名称；src：url（字体路径）；}使用字体选择器{font-family：字体名称；}三.边框阴影使用box-shadow属性为边框添加阴影语法box-shadow:..
2022-03-16 23:25:34
684
原创 HTML第十一次课堂笔记
一.后代选择器（Ｅ Ｆ）后代选择器（descendant selector）又称为包含选择器。后代选择器可以选择作为某元素后代的元素。二.子元素选择器(E>F）子元素选择器（Child selectors）只能选择作为某元素子元素的元素。三、相邻兄弟元素选择器(E + F) 相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。四.通用兄弟选择器（Ｅ〜Ｆ）兄弟选择符，位置无须紧邻，只...
2022-03-16 00:07:24
146
原创 HTML第十次课堂笔记（新增语义化标签）
一.HTML5是什么HTML5是一个新的网络标准，现在仍处于发展阶段。目标是取代现有的HTML4.01和XHTML1.0 标准。它希望能够减少互联网富应用（RIA)对Flash、Silverlight、JavaFX等的依赖，并且提供更多能有效增强网络应用的API。html5中新增的语义化标签可以分为两大类：块元素标签和内联元素标签。...
2022-03-14 21:39:41
1053
原创 HTML第九次课堂笔记
一.定位（position）position的值：1.static，默认值，即使用基于“文档流”的定位2.relative，相对定位，即在“文档流”的基础上，结合left和top属性，相对定位3.absolute，绝对定位，即脱离“文档流”，并基于它的“包含框”，使用left和top属性来定位4.fixed，固定定位，即特殊的绝对定位，即它的“包含框”为浏览器相对定位：position：relative（相对与原来的位置，使用left,right进行偏移原来的位置对于后继元素的定
2022-03-10 21:56:04
179
原创 HTML第八次课堂笔记（补充）
一.背景borderground-color：背景颜色borderground-image：url(图片路径) ：背景图片background-repeat：背景图片重复方式（repeat 默认 垂直水平均重复，no-repeat 不重复，repeat-x 水平重复，repeat-y 垂直重复）background-position：背景图片位置（分为x和y）borderground-size：背景图片大小（contain 包含把背景图片等比例...
2022-03-07 21:45:42
79
原创 HTML第七次课堂笔记
一.盒子模型一.标准盒模型：内容区域：width宽度，height高度内容溢出区域处理：overflow、overflow-x、overflow-y（visible 默认 溢出部分 可见、hidden 溢出部分 隐藏、scorll 显示滚动条、auto 浏览器自动处理）二.内边距：padding分为：padding-top 上内边距、padding-bottom 下内边距、padding-left 左内边距、padding-fight 右内边距简写：1. padding：值；四个边的
2022-03-05 09:49:14
214
原创 HTML第六次课堂笔记
一.文本相关样式text-align：文本对齐方式left 默认 左对齐 center 居中对齐 right 右对齐justify 两端对齐
2022-03-03 21:01:24
55
原创 HTML第五次课堂笔记（css）
一.css是什么层叠样式表 （Cascading Style Sheets）优点：①使HTML专注于网页的内容，CSS专注于网页的表现②提供了丰富的格式化功能③可以针对各种可视化浏览器（主要有显示器、打印机、PDA等）来设置不同的样式二.引入css样式css样式分为4种：1.行内样式（直接使用标记的style属性）如：style="width:100px;height:100px;background-color:red;"2.内嵌样式（在HTML中，使用<s...
2022-03-02 21:45:49
187
原创 HTML第三天课堂笔记
一.超链接<a href=" " target=" ">超链接</a>：通过使用超级链接，各个不同的网页就可以相互的导航和跳转插入超级链接的标签通过使用属性href来指定要链接的url，标签的内容可以为文本也可为其他标签...
2022-02-24 21:35:40
273
原创 HTML第一天课堂笔记
HTML是一种超文本标记语言前端五大浏览器：IE(Internet Explorer) 火狐(Fire Fox) 欧朋(opera) 苹果(Safari) 谷歌(GoogleChrome)<！DOCTYPE html>：标明文档类型（html5）<meta charset="utf-8">：meta(元数据标签) charset:字符设置(用来设置字符编码的类型) gbk或gb2312(国标) <p> </p>：p(代表文本...
2022-02-22 18:10:47
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人