- 博客(38)
- 收藏
- 关注
RSS订阅原创 Vue3 Day7-全局组件、指令以及pinia
<button v-has="{ color: '#f60', text: '全局自定义指令' }">{{ btn }}</button>
2024-09-20 10:26:12
1567
原创 Vue3 Day6-toRaw、markRaw
在祖先组件中，通过调用provide函数并传入一个唯一的键（key）和需要传递的数据值，即可提供数据。：provide函数用于在祖先组件中提供一个值，该值可以在任何子孙组件中通过inject来接收。是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。在子孙组件中，通过调用inject函数并传入相同的键，即可接收到祖先组件提供的数据。：inject函数用于在任何子孙组件中接收祖先组件通过provide提供的值。预期接收一个工厂函数作为参数，这个工厂函数接受。
2024-09-18 09:29:04
770
原创 Vue3 Day4-计算、监视属性
-- 情况1：监视ref定义基本数据类型的响应式数据 --></div>import {ref,reactive,watch}, {})</script></style><template><div>-- 情况2：监视ref定义的某些基本数据类型的响应式数据 -->
2024-09-16 07:00:00
241
原创 Vue3 Day3-Vue3响应式原理
proxy和Reflect结合产生的，产生更好的兼容性，可以很好的捕获错误。对于数组：Object.defineProperty()产生更好的兼容性，可以很好的捕获错误。
2024-09-15 07:00:00
295
转载 Vue3 切换角色后权限不同，如何清空之前的动态路由？
vue3 如果切换角色后权限不同 怎么清空之前添加动态路由。_vue3 清空路由-优快云博客
2024-09-14 14:52:44
127
2
原创 Vue3 Day1&Day2-Vue3优势&ref、reactive函数
如果包裹引用数据类型，底层是proxy，原理是内部 “ 求助 ” 了Vue3.0中的一个新函数—— reactive函数 这个函数实际就是使用了vue3的响应式原理中的proxy。reactive丢失响应性，引用数据类型的值是存在堆里面，其指针存在栈里面，通过reactive包裹进行赋值（数组，对象，解构），产生新的地址（是一个普通对象），丢失原来响应式对象的引用地址。reactive包裹引用数据类型，不需要用 xxx.value，不能对基本数据类型产生响应性，会出现警告。良好的TreeShaking。
2024-09-14 11:39:04
756
原创 Day3 DOM-节点操作
就可以获取到。在 IE6~8 中，浏览器不会给方法传递参数，如果需要的话，需要到 window.event 中获取查找。this 是事件绑定的元素（绑定这个事件处理函数的元素）。e.target 是事件触发的元素。
2024-03-09 09:00:00
881
原创 Day1 DOM元素
（1）Web API 作用和分类作用：就是使用 JS 去操作 html 和浏览器分类：DOM（文档对象模型）BOM（浏览器对象模型）（2）什么是DOMDOM（Document Object Model —— 文档对象模型）是用来呈现以及与任意 HTML 或 XML 文档交互的API白话文：DOM是浏览器提供的一套专门用来操作网页内容的功能DOM作用：开发网页内容特效和实现用户交互（3）DOM树DOM树是什么：将 html 文档以树状结构直观的表现出来，我们称之为文档树或DOM树。
2024-03-07 09:00:00
896
原创 Day5 JS基础-对象
Date 对象和 Math 对象不一样，Date是一个构造函数，所以使用时需要实例化后才能使用其中具体方法和属性。splice() 方法提取字符串的一部分，并将其作为新字符串返回，而不修改原始字符串。注意：如果创建实例时并未传入参数，则得到的日期对象是当前时间对应的日期对象。substr(开始截取下来的索引，截取元素的个数)-------已废弃。concat() ：返回新字符串，不改变原来的字符串。查：对象名.属性 或 对象名['属性名']增：对象名.新属性名=新属性值。改：对象名.属性名=新属性值。
2024-03-06 09:00:00
2073
原创 Day4 JS基础-函数
' '，0，undefined，null，false，NaN转换为布尔值后都是false，其余则为true。函数表达式：将匿名函数赋值给一个变量，并通过变量名称进行调用，将这个称为函数表达式。方式1 (function() { console.log(11) }) ();方式2 (function() { console.log(11) }() );变量访问的原则：就近原则，在能够访问的情况下 先局部，局部没有再找全局。return只能返回一个值，如果想要返回多个值，则用数组的中括号。函数调用：函数名()
2024-03-05 18:46:30
580
原创 Day3 JS基础
数组可以通过索引来访问、设置、修改对应的数组元素，可以通过“数组名[索引]”的形式来获取数组中的元素。字符串的变量名.split(符号)：括号内的特殊符号需要改成字符串中每个元素的分隔符号，才能转换。查找元素的索引，从前向后查找，有相同元素只能返回第一个相同的元素，未找到返回-1。数组名.push(添加的数据)：添加到数组最后面，返回值为添加元素后数组长度。数组名.shift()：删除数组第一个元素，返回值为删除的元素。数组名.pop()：删除数组最一个元素，返回值为删除的元素。
2024-02-28 19:12:34
946
原创 Day2 JS基础
== 左右两边是否类型和值都相等（开发中判断是否相等，强烈推荐使用===）使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环。先再执行循环体，再判断，do…== 先把两边数据转换为同一类型，在比较左右两边值是否相等。for(外层初始化变量；for(里层初始化变量；for(初始化变量;while(条件表达式){ //循环体}相等运算符 ==!表达式2 : 表达式3;条件表达式用来判断每次循环是否能够执行。关系运算符 > >= < <=== 左右两边是否不全等。
2024-02-24 09:00:35
1090
原创 Day1 JS基础
是一种运行在客户端（浏览器）的编程语言，实现人机交互效果组成：ECMAScript：js基础语法，比如变量、分支语句等Web APIs：DOM(操作文档)和BOM(操作浏览器)书写位置：内部->script标签写在</body>上面外部->通过script标签，引入到html文件中内联->代码写在标签内部（了解）注释：单行->ctrl+/ 块注释->shift+alt+a输入输出语法：输出->document.write('输出语法')alert('要出的内容')
2024-02-06 14:06:02
508
原创 CSS Day12-flex布局
flex-basis 基准长度,设置伸缩项目在主轴的基准长度，如果主轴是水平方向，它改变的就是宽，如果主轴是垂直方向，它改变的就是高。space-around 项目之间的距离相等，比边缘的距离大一倍。space-around 均匀分布，两端距离是中间距离的一半。space-around 均匀分布，两端距离是中间距离的一半。space-evenly 均匀分布，两端距离与中间距离一致。space-evenly 均匀分布，两端距离与中间距离一致。
2024-01-31 08:00:00
519
1
原创 CSS Day11- 动画
normal 默认值 从from到to运行，每次都是这样 reverse 从to到from运行，每次都是这样 alternate 从from到to运行，重复执行时动画会反向执行 alternate-reverse 从to到from运行,重复执行时动画反向执行。ease 默认值 平滑动画 linear 线性过渡 ease-in 从慢到快 ease-out 从快到慢 ease-in-out 慢 快 慢 steps 分步执行。过渡和动画类似，动画是页面一加载就直接执行的属性，过渡是必须有触发条件才会执行。
2024-01-30 10:20:07
645
1
原创 CSS Day10
1、将多个图片整合成为一张图，浏览器只需要发送一次请求，就可以同时加载多个图片提高访问效率，提高用户的体验度。属性值：translateX 水平方向的位移 相对于自身位置移动。translateY 垂直方向的位移 相对于自身位置移动。2、将多个图片整合成一张图，减少了图片的总大小。2、测量每个图片的大小以及图片所在的位置。4、使用背景图位置属性展示每个精灵图。属性名：transform。正值-顺时针，负值-逆时针。3、将精灵图设置为背景图片。1、确定要使用的精灵图。
2024-01-17 19:11:25
764
原创 CSS Day9-CSS新样式
第一个值代表x轴的半径，第二个值代表y轴的半径 background-image: radial-gradient(red 50px, yellow 100px, green 50px);--------------------------------------以下为不常用---------------------------------background-image: radial-gradient(at 水平(50px) 垂直（100px）, red, yellow, green);
2024-01-17 08:46:39
1495
原创 CSS Day6-Day8 浮动和定位
number 数值 step min max属性 step是值数字已多少值为基础朝上或朝下加减，min是值最小值，输入框不允许输入比这个小的值，max是值输入框能够输入的最大值（设置这个值之后input会变小）通过z-index属性可以用来设置元素的层级,可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级，层级越高，越优先显示。：设置偏移量后，元素是相对于（有相对定位的）父元素进行偏移，如果没有相对定位的父元素，则相对于浏览器（html）进行偏移了。
2024-01-12 12:50:57
1180
1
原创 CSS Day5-像素、颜色、字体样式
水平布局： margin-left border-left padding-left width padding-right border-right margin-right。一指定就是同时指定四个边不能分别指定:border-top、 border-right、 border-bottom、 border-left。字体行高 line-height px单位设置：如果想要文字垂直居中，line-height的值需等于line-height的值。
2024-01-10 11:20:29
1169
1
原创 CSS Day4-样式、选择器
创建.css文件，使用link标签把css文件引入进来，最佳方法。写在style标签里面，不建议使用太多，否则会造成代码布局混乱。写在style标签里面，写在head里面。01-CSS样式.html。
2024-01-06 09:06:14
558
1
原创 HTML5 Day1-基础元素
DOCTYPE html>**面试题**-- document元素 type类型 是HTML5文档类型声明，它告诉浏览器当前文档使用的是HTML5规范。HTML5标准取消了传统的HTML版本号，如HTML 4.01，取而代之的是单一的HTML5规范。因此，在HTML5中，文档类型声明变得更加简单，只需要写即可。-->-- 根元素 -->
2024-01-02 20:35:39
544
原创 WebAPIs:事件、环境对象、回调函数
就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数作出响应，也称为 绑定事件或者注册事件，比如鼠标经过显示下拉菜单，比如点击可以播放轮播图等等。鼠标事件：鼠标触发、click鼠标点击、mouseenter鼠标经过、mouseleave鼠标离开。元素对象.addEventListener('事件类型',要执行的函数)事件源.addEventListener(事件，事件处理函数)事件源：那个dom元素被事件触发了，要获取dom元素。文本事件（表单输入触发）：input用户输入事件。
2023-12-26 19:41:20
672
1
原创 数据库命令：数据查询语言（DQL）
查询语句执行顺序：from - where -group by - having - select - order by-limit。查询语句书写顺序：select – from- where- group by- having- order by-limit。当需要分组查询时需要使用GROUP BY子句，例如查询每个部门的工资和，这说明要使用部分来分组。查询指定列：select 列名1，列名2，...，列名n from 表名；第二页记录起始行为10，一共查询10行；第一页记录起始行为0，一共查询10行；
2023-12-23 10:00:00
69
1
原创 Java:类和对象；方法及方法重载
5.（String[] args）参数列表：可以实现向方法内部传递参数，形式参数（必须）方法的定义方式：public [static] void main (String[] args){ }方法定义语法：访问权限修饰符 [修饰符] 返回值类型 方法名（参数列表）{方法体}声明构造方法(名字必须和类名一致)：访问权限修饰符 构造方法名字（[参数列表]）方法：对象的操作 对象：用来描述客观事物的一个实体，由一组属性和方法构成。参数列表不同（参数个数、参数类型、参数顺序）；引用类的方法：对象名.方法名()
2023-12-22 12:00:00
436
原创 数据操作语言（DML）
修改数据（UPDATE）update 表名 set 字段名1=数据1 [,字段名2=数据2] [,字段名2=数据2] ... [,字段名n=数据n] [where 条件]若省略，会删除表中所有的数据 使用where语句会删除一条或者多条数据，where后面结合运算符一起使用。添加数据（INSERT）insert into 表名 [(字段1，字段2，...)] values ('值1','值2',...)[.....]可省略不写，但是values后面括号内的值必须和表中字段顺序一一对应。
2023-12-21 12:00:00
160
原创 vmware安装虚拟机centos7报错，提示此主机不支持64位，怎么办？
我这里上网查找了很多方法，有是否安装了Hyper-v等解决方法，我都试过未能解决我这台电脑的问题， 直到我换了VMware才解决。使用VMware workstation创建64位虚拟机时，在该页面显示如下“客户机不支持64位...”遇到问题：vmware安装虚拟机选择centos7.4 64,显示此主机不支持64位系统。实体PC是x64框架，并且安装了64位windows系统（本文是win10系统）。
2023-12-19 13:57:03
663
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人