- 博客(88)
- 收藏
- 关注
RSS订阅原创 css+js提问
清除浮动后，父级盒子就会根据子级盒子自动检测高度。父级有了高度，就不会影响下面的标准流了。 在最后一个添加浮动的标签后面添加一个元素，并给这个元素设置。基本数据类型是哪几种？引用数据类型是哪几种？事件绑定方式有哪些？鼠标事件、键盘事件有哪些？定位/（绝对定位和固定定位相同点、不同点）如果付盒子本身有高度，则不需要清除浮动；flex布局属性有哪些？ 3. 父级盒子::after。本质:清除浮动带来的影响； 4. 父级添加双伪元素。 2. 父级盒子添加。数组、对象的遍历方式？
2025-02-23 18:06:52
1127
原创 vue2学习 -- 路由
缓存路由组件时，正好其组件内部存在定时器或者其他的东西，当失去对这个组件的关注时，我们希望将定时器暂时关闭且不销毁组件，那么就需要使用到。特别注意：路由携带params参数时，若使用to的对象写法，则不能使用path配置项，必须使用name配置！注：一般在设置路由时设置meta属性，保存该路由是否需要经过校验，或者更换页面的title(后置路由守卫)解决history模式舒心出现404问题。作用：让路由组件更方便的收到参数。独享路由守卫 – 对某个路由设置。全局前置 / 后置守卫是。这里的两个守卫分别是。
2024-08-09 16:20:48
1186
原创 vue2学习 -- vuex
备注：mapActions与mapMutations使用时，若需要传递参数需要：在模板中绑定事件时传递好参数，否则参数是事件对象。store中的getters与组件中的computed类似，可以进行复杂的数据运算。npm i vuex@3（默认为4版本，只能用于vue3，3版本为vue2版本）如果出现以下报错，检查一下是不是写成了。写法与computed也一样。
2024-08-08 19:07:19
413
原创 vue2学习 -- 脚手架
注：mixin中数据若与data中冲突，则那么会以data的数据为先，但如果两者都有生命周期钩子，那么都将会执行，只是data中优先。本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。根据引入组件的顺序不同，不同组件的样式汇总到一起时会有覆盖的情况出下，可以使用scoped属性。与之类似，之后下载插件，可以在app.js中引入，在通过app.use(xxx)全局使用。功能：可以把说个组件共用的配置提取成一个混入对象。功能：用于增强Vue。
2024-08-03 10:41:18
926
原创 vue2学习 -- 组件化编程
组件的定义——实现应用中局部功能代码和资源的集合。备注：不用使用脚手架时，会导致后续组件不能渲染。三、使用组件（写组件标签）一、定义组件（创建组件）一、如何定义一个组件？
2024-08-02 09:05:29
724
原创 vue2学习 -- 核心语法(二)
<h2>当前的n值是：<span v-text="n"></span></h2><h2>放大10倍后的n值是：<span v-big="n"></span></h2><br></div>
2024-08-01 16:08:51
1151
原创 vue2学习 -- 核心语法(一)
采用组件化模式，提高代码复用率、且让代码更好维护。声明式编码，让编码人员无需直接操作DOM,提高开发效率。使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。
2024-07-30 18:00:01
986
原创 浏览器渲染原理
渲染：html字符串 -----> 像素信息当浏览器的网络线程收到HTML文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。HTML解析样式计算布局分层绘制分块光栅化画每个阶段都有明确的输入输出，上一个阶段的输出会成为下一个阶段的输入。这样，整个渲染流程就形成了一套组织严密的生产流水线。
2024-07-27 11:24:11
586
原创 Vue3 ---- 组件通信
用在html标签上用在组件上$event---->DOM事件对象对于原生事件，$event就是事件对象 ===> 能.target对于自定义事件，$event就是触发事件时，所传递的数据 ===> 不能.target。
2024-07-19 16:16:14
61
原创 Vue3 --- 路由
浏览器的路由模式有push和replace两种，默认为push模式(可前进可后退)；缺点：后期项目上线，需要服务端配合处理路径问题，否则刷新会有404错误。编程式导航 ---- 脱离< RouterLink >实现路由跳转。优点：URL更加美观，不带有#，更接近传统的网站URL。更方便的收到参数（可以将路由参数作为props传给组件）一般组件：自己亲手写出来的 < Demo />也可以给路由添加名字，通过名字找到它。路由组件：靠路由的规则渲染出来的。在路由规则中设置props。
2024-07-16 19:31:08
454
原创 Vue3 核心语法
age:number定义某个对象符合personInter 接口规范表示根目录src定义一个数组中每个对象都符合personInter 接口规范第一种方法 ----使用泛型第二种方法 ----自定义类型])我们一般将有联系的数据或方法放在一个hook文件文件中进行管理，这大大实现了模块化开发；比如有一些关于dog的变量或者方法，我们会将其放在useDog.ts中。（hook文件的命名以use开头）return {dog注意：文件中的变量或者方法都必须使用return 返回出去。
2024-07-16 09:35:20
1541
原创 常见报错net::ERR_ABORTED 404 (Not Found)
但是不在node环境中就需要加上；或者在引入js 文件时添加type属性。之前在node环境中引入文件时一般都不加。一般是找不到静态资源，或者引入错误；
2024-06-06 16:18:11
1997
原创 axios学习
config：请求url,请求方法,请求头…data：响应体结果,axios自动将响应结果转换成json 格式headers：响应头request：原生ajax请求，也就是XMLHttpRequest实例对象axios 请求对象配置信息可以在下面网址中进行查看。
2024-05-16 17:43:38
974
原创 Ajax 学习
AJAX全称为Asynchronous JavaScript And XML，就是异步的JS和XML。通过AJAX可以在浏览器中向服务器发送异步请求无刷新获取数据。AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。懒加载页面滚动到底之后在进行刷新新的内容用户名已被其他用户设置小米商城网页上端下拉表单的内容显示XML可扩展标记语言。XML被设计用来传输和存储数据。XML和HTML类似，不同的是HTML中都是预定义标签；XML中没有预定义标签，
2024-05-14 22:29:56
1063
原创 Node.js -- 会话控制
所谓会话控制就是对会话进行控制HTTP是一种无状态的协议，它没有办法区分多次的请求是否来自于同一个客户端，无法区分用户而产品中又大量存在的这样的需求，所以我们需要通过会话控制来解决该问题cookiesessiontoken。
2024-05-11 20:21:50
476
1
原创 Node.js -- 接口
接口是什么接口是前后端通信的桥梁简单理解：一个接口就是服务中的一个路由规则，根据请求响应结果接口的英文单词是API(Application Program Interface),所以有时也称之为API接口这里的接口指的是 数据接口 ，与编程语言(Java,Go等)中的接口语法不同实现前后端交互接口的调用大多数接口都是由后端工程师开发的，开发语言不限一般情况下接口都是由前端工程师调用的，但有时后端工程师也会调用接口，比如短信接口，支付接口等接口的组成请求方法请求URL。
2024-05-08 10:33:25
549
原创 Node.js -- mongoose
Mongoose是一个对象文档模型库，官网http://www.mongoosejs.net/方便使用代码操作mongodb数据库mangoose 本身是一个包上节内容我们学习了在命令行手动交互，发命令请求，项目运行阶段明显是不可行的，但是我们可以借助mongoose。
2024-05-02 20:40:04
1460
1
原创 Node.js -- MongoDB
一、简介Mongodb是什么MongoDB是一个基于分布式文件存储的数据库，官方地址https://www.mongodb.com/try/download/community数据库是什么数据库(DataBase)是按照数据结构来组织、存储和管理数据的应用程序数据库的作用数据库的主要作用就是管理数据，对数据进行增(c)删(d)改(u)查(r)数据库管理数据的特点速度更快扩展性更强安全性更强为什么选择Mongodb操作语法与JavaScript类似，容易上手，学习成本低。
2024-05-02 10:15:38
1476
1
原创 Node.js -- express 框架
express是一个基于Node.js平台的极简、灵活的WEB应用开发框架，官方网址：https://www.expressjs.com.cn/简单来说，express是一个封装好的工具包，封装了很多功能，便于我们开发WEB应用(HTTP服务)
2024-05-01 10:59:23
1736
1
原创 JS高级 -- 对象
就比如我一个对象中存储了两个或以上个属性或方法，如果使用变量来存储，那么就需要创建两个或以上的变量来进行存储，这很麻烦。什么时候必须要用[‘属性名’]的方式？属性名包含特殊字符：- 空格。
2024-04-28 09:30:00
259
原创 JS高级 -- 数据_变量_内存
在js 调用函数是传递变量参数时，是值传递还是引用传递?理解2：可能都是值传递，也可能是引用传递（地址值）理解1：都是值（基本/地址值）传递。分配小内存空间，得到他的使用权。js 引擎怎样进行内存管理。存储数据，可以反复进行操作。
2024-04-28 08:30:00
473
原创 JS高级 -- 数据类型
注意要区分 undefined 和 ‘undefined’null – 定义并赋值了，只是值为null。undefined – 声明未赋值；
2024-04-27 21:50:24
348
原创 Node.js -- 包管理工具
包是什么？『包』英文单词是package,代表了一组特定功能的源码集合包管理工具管理『包』的应用软件，可以对「包」进行下载安装更新删除上传等操作借助包管理工具，可以快速开发项目，提升开发效率包管理工具是一个通用的概念，很多编程语言都有包管理工具，所以掌握好包管理工具非常重要常用的包管理工具npmyarncnpmcnpm是一个淘宝构建的npmjs.com的完整镜像，也称为 淘宝镜像 ，网址cnpm服务部署在国内阿里云服务器上，可以提高包的下载速度官方也提供了一个全局工具包cnpm。
2024-04-27 17:35:23
3609
4
原创 Node.js -- 模块化
变量不能重复命名；代码复用性差；代码可维护性差怎么解决这些问题呢？就是使用Node.js 模块化！将一个复杂的程序文件依据一定规侧（规范）折分成多个文件的过程称之为模块化；其中拆分出的每个文件就是一个模块，模块的内部数据是私有的，不过模块可以暴露内部数据以便其他模块使用(模块可以理解为功能，只能自己调用自己的功能，但是可以把功能展示给其他人，引导其他人来调用模块化项目：编码时是按照模块一个一个编码的，整个项目就是一个模块化的项目防止命名冲突高复用性高维护性。
2024-04-25 16:18:18
1541
原创 Node.js -- http模块
静态资源是指内容长时间不发生改变的资源，例如图片、视频、css文件 、js文件、HTML文件、字体文件等；动态资源是指内容经常更新的资源，例如百度首页、网易首页、京东搜索列表等这些资源都是相对于项目上线之后来说的。
2024-04-25 11:34:04
1373
1
原创 Node.js -- fs模块
fs模块可以实现与硬盘的交互例如文件的创建、删除、重命名、移动，还有文件内容的写入、读取，以及文件夹的相关操作。
2024-04-24 15:06:24
886
3
原创 Node.js -- path模块
我们之前使用的__dirname + 路径 输出的结果前面是正斜杠/ ，后面部分是反斜杠，看起来很不规范。// D:\nodeJS\13-path\代码/index.html。// D:\nodeJS\13-path\代码\index.html。// D:\nodeJS\13-path\代码\index.html。// D:\nodeJS\13-path\代码。
2024-04-22 17:06:55
725
原创 Node.js 基础学习
操作系统和应用程序的操作流程大体上来说是一致的，都是先将相关的程序从硬盘中获取加载在内存中，这样CPU就可以进行运行了，遇到视频信号时就交由显卡处理，最终在显示器上显示；另外，ES2020 中提出的globalThis 对象和Node.js 中的global 对象指向是一样的,也就是可以通过globalThis 访问顶级对象。与前者相比，后者创建的Buffer 可能会包含旧的内存数据，并且每次创建的Buffer 数据可能都不一样；：是一个进程中执行的一个执行流，一个线程是属于某个进程的。
2024-04-19 21:55:10
1071
原创 常用的几种遍历方法
of循环是ES6中新增的一种遍历方式，其内部使用了迭代器（Iterator）来进行遍历。它可以遍历所有实现了迭代器的数据结构，如数组、Set、Map、字符串、arguments、NodeList对象等。foreach() 只能访问数组，不能访问伪数组。for 循环既可以遍历数组，也可以遍历伪数组！和原生的forEach方法一样，不能遍历伪数组。jQuery的each方法是可以遍历伪数组的。最基本的一种遍历方式就是for 循环。in 通常用来遍历对象属性。
2024-04-06 16:03:58
435
原创 javascript垃圾回收机制
垃圾回收机制是JavaScript 中使用的内存管理系统的基本组成部分，是为了防止内存泄露。JavaScript 在创建变量时自动进行了内存分配，并且在它们不使用的时候“自动释放内存”。内存在不使用时就被垃圾回收器自动回收内存泄露:内存泄露也称作“存储泄露”，用动态存储分配函数动态开辟的空间，在使用完之后未释放，结果导致一直占据该内存单元，直到程序结束。（说白了就是使用完之后未回收）
2024-04-06 10:17:10
326
原创 ES13 学习
这其实有点像一些其他的如C#和Java等面向对象的编程语言的静态构造函数的用法。这是因为CommonJS模块的require()是同步加载，如果有顶层await ,就没法处理加载了。findLast() / findLastIndex() 根据需要进行选择，前者是正着进行查找，后者是倒着进行查找。一般情况下，我们都是一个静态属性搭配一个get() ，这样能保证我们能访问到属性。引入顶层await ，也需要使用异步导出或者在动态导入的时候直接await 等待。at 函数来索引元素。
2024-04-06 09:00:59
1415
原创 ES12 学习
的，这意味着只要持有对象的引用，它就不会被垃圾回收。使用any 时如果先返回一定是fulfilled 状态的Promise 对象，如果该模块所有的Promise 对象都为rejected 状态，那么将执行catch()。现在我们要执行一个登录任务：设计一个登录 – 会员联盟系统，其中包括商超1，商超2，商超3，只要注册了一家的会员就能在另外两家商超使用会员，不然跳转到注册页面。并返回一个全新的字符串。同样的，使用普通的Map 数据机构，下面的代码中obj 不会被回收，因为m1 总的引用数 >0。
2024-04-05 21:23:59
937
原创 ES11 学习
标准用法的import 导入的模块是静态的，会使所有被导入的模块，在加载时就被编译（无法做到按需编译降低首页加载速度)。Promise.allSettled() 返回一个在所有给定的promise 都已经fulfilled 或rejected 后的promise ,并带有一个对象数组，每个对象表示对应的promise 结果。之前学习的Promise.all 只有在所有的Promise 都已经fulfilled 或rejected 才会执行then() ，否则将执行catch()。否则返回左侧的操作数。
2024-04-05 16:22:07
733
原创 ES10 学习
trimStart() 和trimEnd() 方法在实现与trimLeft() 和trimRight() 相同。为Symbol 对象添加了只读属性description ,该对象返回包含Symbol 描述的字符串。Object.fromEntries() 方法允许你轻松地将键。这点内容在ES6 学习部分已经提前学过了。
2024-04-05 08:40:31
386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人