- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 你还在使用Vuex吗？快来使用更加简洁的Pinia！！
近期在写Vue3项目，在使用Pinia进行状态管理，在实际使用过程中，比Vuex舒服很多，也减少了很多代码的书写。这种差异特别是在实际项目中尤为明显，个人在公司项目中，因为涉及到协同问题，所以每个人都要自己的想法，有的人会根据特有的业务模块进行分模块进行存储状态，而有的人更喜欢集中在主模块中存储，这样在实际开发过程中会有很大的心智负担，而Pinia这块则没有。这里就简单介绍这些写法上的差异性吧，其实Pinia还是有很多和Vuex相同的函数方式，本篇幅有限， 就不一一介绍，需要的就各自去研究。
2024-05-28 17:05:09
196
1
原创 你是否真的理解了路由导航卫士解析流程？
你是否真的理解了vue-rouer中的路由导航卫士的解析流程吗？ 本文将让你彻底去理解导航卫士的解析流程，让你的基础更加扎实。
2024-05-27 23:34:32
695
原创 一文让你理解Javascript中的原型和原型链
一文让你理解Javascript中的原型和原型链, 瞬间明白原型中实例、原型对象、构造函数三者之间的关系。
2024-04-27 21:22:59
353
1
原创 JavaScript性能优化
前端性能优化前言javascript在浏览器中运行的性能，可以认为是开发者所面临的最严重的可用性问题。为了帮助大家有效的解决这个问题，今天给大家分享下这篇文章。这个问题因为javascript的阻塞性而变得复杂，事实上，多数浏览器使用单一进程来处理用户界面和js脚本执行，所以同一时刻只能做一件事。js执行过程耗时越久，浏览器等待响应的时间越长 。一、加载和执行1. JS文件放置位置IE8,FF,3.5,Safari 4和Chrome都允许并行下载js文件，当script下载资源时不会阻塞其他sc
2022-07-05 23:41:00
1746
原创 前端学习笔记-CSS样式
最近在学习框架和找工作，一直没有时间分享。近期话了点时间整理了下CSS的东西，这里面都总结的东西，在实际使用过程中用于查询知识点，不建议用来作为学习资料，因为里面会涉及很多东西，没有记录上去。.........
2022-06-12 20:01:54
205
原创 前端学习笔记-html
html一、定义超文本标记语言(Hypertext markup language)二、语法<开始标签>被标记的内容</结束标签>三、属性属性是对标签进行细节描述的东西属性="属性值"四、常用标签1.基础标签 标题：hn(1-6级) 特点：文字依次变小，强调程度依次降低，都有加粗 效果 段落：p 换行：br 水平线：hr2.文本标签 加粗：strong/b 倾斜：em/i 变大：big
2022-04-07 20:03:33
216
原创 前端学习笔记-BOM对象
BOM对象一、定义 浏览器对象模型，BOM的核心就是window对象二、常用方法1.弹框 1.alert：提示信息 会阻塞后面代码的执行，需要点击确认之后才会执行后面的代码 2.confirm：信息确认框 confirm(信息确认)：提示确定或取消，返回的是true或false 3.prompt：信息接入 prompt():文本输入框，显示确定或取消２.定时器 1.setTimeOut():倒计时定时器(一次
2022-03-28 12:42:25
753
原创 前端学习笔记-JS复杂数据类型&内置对象-日期时间
日期时间对象(Date)一、作用 处理日期时间的工具对象二、语法 构造函数方法 var time = new Date() 注意事项： 不传参时，获取当前时间 传参时，创建指定时间三、格式化日期时间 1.get系列 getFullYear():获取年 getMonth()：获取月，月份是从0开始，需要加1 getDate()：获取日 getHours()：
2022-03-28 08:38:47
1174
原创 前端学习笔记-JS复杂数据类型&内置对象-数字
数字对象(Math)一、作用 处理数学问题的工具对象二、语法 Math.方法名()三、常用方法 1.random():随机数，生成一个0-1的随机小数，包含0，不包含1； 2.取整 ceil():向上取整； floor():向下取整； round():四舍五入取整； 3.abs():绝对值； 4.max(x,y):最大值 5.min(x,y):最小值四、应用 1.生成指定范围m~n之
2022-03-27 16:41:30
321
原创 前端学习笔记-JS复杂数据类型&内置对象-字符串
字符串(String)一、创建方式 1.字面量方式 var str = 'abcd' 2.构造函数方式 var str = new String('abcd)二、包装类型 字符串在使用的时候会自动变成复杂数据类型，使用完成之后又转换为基础数据类型。三、字符串的特点 每一个字符串都一一对应一个索引号，索引号从0开始，与数组类似。故能通过索引号对某个字符进行访问。 str[索引号] 需要注意的是，字符只能访问，不能修改。
2022-03-27 16:18:07
184
原创 前端学习笔记-JS复杂数据类型&内置对象-数组
数组(Array)一、定义 存储一系列有序数据的集合二、创建方式 1.字面量方式 var arr = [] 2.构造函数 var arr = new Array() 3.注意事项 构造函数创建数组时，值写一个值时，这个值表示数组能存储的数组元素个数。三、数组元素访问 通过数组的索引号(下标)访问数组元素，索引号由0开始。 数组名[索引号]四、数组的属性和方法 1.属性 len
2022-03-25 18:04:34
726
原创 前端学习笔记-JS复杂数据类型&内置对象-对象
JS对象(Object)### 一、定义存储了一些基本数据类型的一个集合，数据以"键值对"的形式存在。key：value；二、语法 以字面量方式创建，以左花括号考试，右花括号结束，里面是以"键值对"的组合，多个之间以逗号分开，键与值之间用冒号分隔。方法的值是以函数表示，属性的值对应相应的数据类型。 创建一个空的对象 var obj = {} 创建一个非空对象 var obj = { key1：value1， key2：value2
2022-03-25 13:04:04
323
原创 前端学习笔记-JS函数
函数一、定义将任意代码封装到一起，在需要的时候进行调用执行二、语法1.声明式： function 函数名(){ 函数体-封装的代码 } 函数名() -函数调用语句2.赋值式 var 函数名 = function(){ 函数体-封装的代码 } 函数名() -函数调用语句三、函数参数问题1.形参：封装函数时，函数名后跟的参数为形参2.实参：函数调用时，需要传入的参数例： function fn(形参1，
2022-03-25 12:46:00
111
原创 前端学习笔记-循环语句
循环语句一、while语句while(条件){ 执行代码 自身改变条件}例： var num = 0 while (num<5){ console.log(num); num++ }二、do-while语句do{ 执行代码 自身改变条件}while(条件)例： var num = 0 do{ console.log(num); num++
2022-03-25 10:07:57
1510
原创 前端学习笔记-运算符
JS运算符一、数学运算符1.加法：+2.减法：-3.乘法：*4.除法：/5:取余：%注意事项：加号运算符两边为数字时才进行加法运算，只要符号任意一边时字符串时，进行拼接(连接符)。其他数据运算符进行运算时，自动将两边数据转换为数值类型。二、赋值运算符1.赋值符号：=2.加等于：+= 3.减等于：-=4.乘等于：*=5.除等于：/=6.取余等于:%=比较预算符1.大于:>2.大于等于：>=3.小于：<4.小于等于：<=5.等于：==6.不等
2022-03-25 10:05:13
1084
原创 前端学习笔记-逻辑分支语句
逻辑分支语句语法if语句if(条件){ 条件成立执行的代码块}if-else语句if(条件){ 条件成立执行的代码块}else{ 条件不成立执行的代码块}if-else if 语句if(条件1){ 条件1成立执行的代码块}else if(条件2){ 条件2成立执行的代码块}else{ 都不成立执行的代码块}if嵌套语句（不常用）if(条件1){ if(条件2){ 执行代码块 }}else{
2022-03-24 20:55:12
305
原创 源生代码封装轮播效果
主要实现自动轮播功能、定位功能、上一页下一页功能。HTML代码<!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, initia
2022-03-14 09:37:39
883
原创 前端学习笔记-jQuery（二）
一、jQuery对象和dom对象互转1.jQuery对象对象转dom对象 $(selector) -> $(selector).get(0)$(selector) -> $(selector)[0] jQuery对象是一个伪数组，可以通过get方法通过下标来转化为DOM对象，或者直接用数组方法转化。2.dom对象转jQuery对象 domobj -> $(domobj)二、动态操作节点1.创建节点 $(‘标签’)2.添加节点 parent.append
2022-03-12 15:06:21
953
原创 前端学习笔记-jQuery(一)
一、jQuery介绍一个快捷、小巧且功能丰富的JavaScript库； 针对dom节点进行操作； 兼容各项浏览器。二、语法$(selector).action() selector:选择器 action：动作 注意事项：在使用jQuery语法时，需要在使用前引入。二、选择器css选择器 基本选择器 层次选择器 属性选择器 伪类选择器 查找jQuery节点对象的动作方法 查找父元素 parent() parents() parents.
2022-03-08 19:40:27
709
原创 JavaScript-ES6继承
在子类构造器中调用父类的构造器实例父类涉及关键字：extends super案例: // 创建父类 -Prenson class Preson{ constructor(name,age){ this.name = name this.age = 18 } say(){ console.log(this.name,'说话') ..
2022-03-07 14:41:14
377
原创 商品信息页面放大镜功能
主要是针对商品进行放大功能html代码<!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"&
2022-03-05 16:44:40
331
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人