- 博客(44)
- 收藏
- 关注
RSS订阅原创 v-model的原理
在上述代码中，我们使用 v-model 指令将 input 元素的 value 绑定到了 Vue 实例的 message 属性上。此时，当用户在 input 元素中输入内容，页面上显示的信息和 Vue 实例中 message 属性的值都会实时更新，二者始终保持同步。同样地，当我们修改了 Vue 实例中 message 属性的值，页面上绑定的 input 元素的 value 属性也会相应地被更新。这就实现了双向数据绑定的效果。如果数据已经发生变化，则更新 Vue 实例中绑定的属性值，从而实现数据的双向绑定。
2023-04-24 11:57:53
5982
原创 当用户在网页输入URL时,中间发生什么
总的来说，当用户在网页输入URL时，浏览器会执行一系列的操作，将用户的请求发送给服务器并接收响应，最终呈现页面给用户。服务器处理请求：服务器接收到浏览器的请求后，根据请求信息和服务器配置进行处理，并返回相应的响应内容和响应状态码。渲染页面：如果请求的是HTML页面，则浏览器开始解析页面结构，并进行布局和渲染，最终将页面呈现给用户。发送HTTP请求：浏览器向服务器发送HTTP请求，包括请求方式、请求头、请求体等。浏览器接收响应：浏览器接收到服务器的响应后，开始解析响应内容。
2023-04-16 23:12:07
331
原创 js的执行机制
当我们在浏览器中打开一个网页时，浏览器会按照顺序解析网页文件，并在解析到JavaScript代码的时候，会将它们转换成计算机能够理解的指令。然后，JavaScript引擎便开始执行这些指令，并在执行期间不断更新浏览器的显示和状态。JavaScript引擎是为了执行JavaScript程序而设计的虚拟机，例如V8引擎是谷歌浏览器使用的JavaScript引擎。下面让我们一步步分析JavaScript的执行机制。
2023-04-16 23:11:29
432
原创 element-ui树形结构转换
树是n（n>=0）个结点的有限集。当n = 0时，称为空树。在任意一棵非空树中应满足：有且仅有一个特定的称为根的结点。当n>1时，其余节点可分为m（m>0）个互不相交的有限集T1,T2,…,Tm，其中每个集合本身又是一棵树，并且称为根的子树。
2023-03-20 10:05:40
457
原创 解决token超时问题
1.token超时问题,主要是会出现一个token失效的问题如果查看报错信息就会发现出现了,那么我们会在响应拦截器里,做出响应的选择,具体实现步骤为。
2023-03-18 08:57:43
2285
原创 vue调用接口没有生效,无打印数据
被前面的导航拦截掉了,没有在else生效,意味着没有走到那一步。因为我console.log(1);此时接口没有生效,也没有打印相应的文字。
2023-03-16 19:49:47
669
原创 解决errors and 0 warnings potentially fixable with the `--fix` option.问题
eslin语法
2023-03-16 18:06:43
3162
原创 vue在开发过程中向后台请求数据的几种主要方式
第二种是jquery-ajax,这种在开发中也是十分常见的,但是仅仅局限于我们的开发框架是jquery,因为我们所使用的是vue框架,他就1万行代码,,它是是一个基于promise的http库,简单来说,就是在axios上加了点promise的代码,而jquery也是一万行代码,我们如果要使用。为什么使用它,它有几种优点。第三种就是我们常用的。
2023-03-15 00:37:03
1165
原创 js回收垃圾机制
我们js在开发中每创建一个变量,都会在我们的栈空间开辟一个新的区域,而垃圾回收机制,是为了防止内存泄露,内存泄露的含义就是当我们已经不需要某块内存的时候,但是这个内存还存在着,那么我们的垃圾回收机制,就会间歇的,不定期的寻找到不再使用的变量,并且释放它所指向的内存.工作流程1.是先通过root节点开始,层层遍历,给遍历道的对象都打上标记,证明它还在使用,2.再次遍历，发现没有标记的对象，认为它是垃圾，然后把它回收。那我们怎么知道哪些变量不再使用阿?我用我自己的大白话讲一下。
2023-03-15 00:32:15
117
原创 “mockjs“ is already in “devDependencies“. Please remove existing entry first before adding it to “de
"mockjs" is already in "devDependencies". Please remove existing entry first before adding it to "de
2023-03-07 23:28:30
441
原创 Error: EPERM: operation not permitted, mkdir ‘D:\node-v16.14.0\node_modules\yarn‘ npm ERR! [Error:
Error: EPERM: operation not permitted, mkdir 'D:\node-v16.14.0\node_modules\yarn'npm ERR! [Error: EPERM: operation not permitted, mkdir 'D:\node-v16.14.0\node_modules\yarn'] {npm ERR! errno: -4048,npm ERR! code: 'EPERM',npm ERR! syscall: 'mkdir'
2023-03-01 20:00:17
790
原创 css3精灵图
1.下载firework2.在firework打开精灵图要先锁住再改宽，否则精灵图会变形3.切割所需要的图图片宽/高为23px，x坐标59，y坐标1944.添加到css代码中.user::before{ content: ""; display: block;/*行元素无大小，需改为块*/ /*图片的宽高*/ width: 23px; height: 23px; /*关键代码*/ background:url(../images/s
2022-03-12 16:25:07
362
原创 在vscode终端运行nodejs读取文件
1.首先安装node.js,下载地址https://nodejs.org/en/安装教程https://www.bilibili.com/video/BV1AF411n75c?spm_id_from=333.337.search-card.all.click2.打开vscode-终端-新建终端cd路径到要运行的js文件即可读取
2022-03-06 15:48:56
1567
原创 swiper轮播图教程
今天给一个小demo添加轮播图插件，顺便写文章记录下项目链接：https://pan.baidu.com/s/1_f6wbYjGKZXPfcMgi4yYCw提取码：cn801.打开网页https://swiper.com.cn/demo/index.html2.找到适合的轮播图插件箭头处可以打开，查看预览效果下载最新版打开所需的轮播图形式，文中以按钮切换020为例打开后，查看网页源代码3.在html中分别引用css与js文件分别查看css与js的引用文件名字在下载的插件里面
2022-02-27 22:12:50
851
原创 JS获得焦点时，className的边框效果无效
做一个练习想实现世纪佳缘网登录框的一个小效果点击鼠标时，边框为粉色，字体为浅色移除鼠标时，边框为浅色，字体为加深修改元素的时候一直无法实现，是因为缺少了outline:none; 给登录框（ipt）css样式增加即可 div { width: 600px; margin: 100px auto; } .ipt { width: 120px; height: 23px; padding: 0 4
2021-12-08 09:27:13
755
原创 JS实现密码框的显示密码和隐藏密码简单功能
1.准备素材打开网页：https://www.iconfont.cn/ 阿里巴巴矢量库找到两个素材，下载即可2.代码部分<style> .box { position: relative; width: 400px; border-bottom: 1px solid #ccc; margin: 100px auto; } .box input { width: 37
2021-12-07 08:35:43
6868
原创 提示错误Cannot read properties of null (reading ‘value‘)
出现这个错误，是因为把id写错了，改过来便可。<input type="text" id="txt">var txt = document.getElementById("text");// txt写成text<body> <p> <input type="text" id="txt"> <button id="btnAdd">添加</button> </p>
2021-12-04 17:36:59
35130
原创 javascript中dom的基础概念
dom事件术语事件:发生一件事事件类型：点击、鼠标按下、鼠标移入、鼠标移除、鼠标按下、鼠标抬起…事件处理程序:一个函数,用于当某件事情发生时运行。事件注册: 将一个事件处理程序，挂载到某个事件上.事件流事件流:当某个事情发生的时候，哪些元素会监听到该事件发生，这些元素发生该时间的顺序。当一个元素发生了某个事件时,那该元素的所有祖先元素都发生了该事件事件冒泡:先出发最里层的元素,然后再依次触发外层元素。(如同水面的波纹) // 当一个元素发生了某个事件时,
2021-12-01 19:11:44
350
原创 dom练习1：选中效果
实现鼠标点击的选中效果<!DOCTYPE html><html lang="en"><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-27 12:48:02
578
原创 Math对象常用方法
Math对象提供了一系列与数学相关的成员常量:永远不会变化的数据.常量一般命名时所有字母大写，如果有多个单词，用下划线分隔。Random方法:产生一个0~1的随机数PI属性：得到圆周率abs方法：求绝对值 ==> Math.abs()floor方法：对一个数向下取整ceil方法：对一个数向上取整max方法:得到一组数字的最大值;如果无参，得到负无穷：min方法:得到一组数字的最小值;如果无参，得到正无穷:Math.pow()方法：x返
2021-11-27 12:41:45
187
原创 JS去掉数组中的负数,然后对每一项平方,然后再对每一项翻倍,求和
// filter()过滤函数,map(),reduce()// 去掉数组中的负数,然后对每一项平方,然后再对每一项翻倍,然后求和 var arr = [1, 2, 3, 4, 5, 6, -1, -2, -3, -4, -5, -6]; var result = arr.filter(function (item) { return item >= 0; }).map(function (item) {
2021-11-10 19:31:46
1105
原创 Array构造器---Javascript
凡是通过Array构造函数创建的对象,都是数组静态成员● form方法:可以将一个伪数组，转换成真数组● isArray方法:判断一个给定的数据，是否为一个真数组 function test(){ console.log(Array.isArray(arguments));//判断是否为数组 true var newArray = Array.from(arguments); console.log(newArray);/
2021-11-10 19:26:57
285
原创 java标准类的制作
创建对象并为对象赋值有两种方式1.无参构造方法创建对象后使用sexXxx()赋值2.使用带参构造方法直接创建带有属性值的对象测试类package com.itheima_04;//p114 标准类的制作public class Student { private String name; private int age;// 构造方法 public Student(){}//无参 public Student(String name,int age){//
2021-08-25 21:37:31
2366
原创 java构造方法的注意事项
构造方法的注意事项：1.构造方法的创建如果没有定义构造方法，系统将给出一个默认的无参构造方法如果定义了构造方法，系统将不再提供默认的构造方法2.构造方法的重载如果自定义了带构造方法，还有使用无参构造，就必须再写一个无参构造方法3.推荐的使用方式无论是否使用，都手工书写无参构造方法构造方法：作用：创建对象功能：完成对象数据的初始化格式： 修饰符 类名（参数）{} 修饰符一般用:public*/public cla
2021-08-25 20:49:33
312
原创 java封装
1.封装的概述是面向对象的三大特征之一（封装，继承，多态）是面向对象编程语言对客观世界的模拟，客观世界里成员变 量都是隐藏在对象内部的，外界无法直接操作的、2.封装原则将类的某些信息隐藏在类内部，不允许外部程序直接访问，而是通过该类提供的方法对隐藏信息的操作和访问，如将成员变量用private进行修饰，提供对应的setXxx()/getXxx方法3.封装的好处通过方法来控制成员变量的操作，提供了代码的安全性把代码用方法进行封装，提高了代码的复用性。（运用封装，这样每次我们使用的时候，只需
2021-08-18 11:48:27
119
原创 private关键词的使用
private关键词的使用一个标准类的编写：把成员变量用private修饰提供对应的getXxx()/setXxx()方法我用的是IDEA工具，新建一个JavaClass类命名为Teacherpublic class Teacher {// 1.把成员变量用private修饰 private String name; private int age; // 2.使用set(设置)方法，get(获取)方法 // 注意参数类型与前文的一致。 publi
2021-08-18 09:24:09
287
原创 java中对象的使用
新建一个class类//定义成员变量brand（品牌）与price(价格)public class Phone { String brand; int price;// 创建打电话的方法call与sendMessage public void call(){ System.out.println("打电话"); } public void sendMessage(){ System.out.println("发短信");
2021-08-15 20:29:19
424
原创 线性查找小例子01_java数据结构
思路：在data数据中查找16输入：数组和目标元素输出：目标元素所在的索引，若不存在则返回1//2-3/**线性查找法* 创建一个方法，查找目标元素并作判断，找到了返回索引，找不到返回-1；* 在main方法中调用此方法.并输出* */package com.liuyubo_01;import javax.sound.sampled.LineListener;public class LinearSearch { public static void main(Strin
2021-08-07 16:51:01
136
原创 JAVA中如何Debug
Debug概述：*Debug是供程序员使用的调试工具，它可以用于查看程序的执行流程，也可以用于追踪程序执行过程来调试程序1.如何加断点2.如何运行加了断点的程序3.看哪里4.点哪里： 按步骤即可5.如何删除断点public class p86 { public static void main(String[] args) {// 定义两个变量 int i=10; int j=20;// 求和 i
2021-08-06 22:39:47
3281
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人