- 博客(48)
- 收藏
- 关注
RSS订阅原创 uniApp项目总结
大半年的时间，项目从秋天到春天，从管理后台到APP再到数据大屏，技术栈从vue3到uniApp再到nuxt3。这篇文章，关注我在uniApp项目中遇到的一些问题。
2024-04-22 17:32:40
983
原创 token失效时在当前页面重新登录
当浏览器缓存网页内容，可能无法及时识别token失效问题。这种情况下，如果用户在一个需要填写大量数据的表单页面工作，他们可能会在提交保存时遇到token失效的问题。由于token已失效，尽管用户完成了表单的填写，但数据提交过程中会失败，导致填写的数据丢失。这种情况不仅造成了用户的时间和努力的浪费，而且极大地降低了用户体验。在响应拦截器中拦截用户所有token失效的请求，并使用函数式组件，创建一个登录弹框，这个弹框能够在不离开当前页面的情况下显示给用户，并允许他们重新登录以获取新的有效token。
2024-04-12 11:34:52
998
原创 nuxt3项目总结
从管理后台到APP再到数据大屏，技术栈从vue3到uniApp再到nuxt3，需求不停的改，注释掉代码都快到项目总体的三分之一。这篇文章分享一下nuxt3项目中一些问题。
2024-03-18 20:36:04
834
原创 打工日记-Vue3+Ts二次封装el-table
el-table是elementUI中的表格组件，在后台把管理系统中，也是一个比较常用的组件，目前有一个比较好的开源项目，这个项目做的很好，集成了搜索，表格，分页器功能很强大。但在我的实际使用中也有一些需要更改的地方，因此，我也尝试着封装自己的table组件。
2023-08-14 21:34:46
943
原创 vue3笔记-脚手架篇
vue2与vue3的区别 vue项目脚手架 父子通信（props，属性透传，子传父） 跨级通信 动态组件 异步组件 插槽（slot，具名插槽，作用域插槽）生命周期 自定义指令
2023-07-19 20:18:12
3167
3
原创 web前端面试题-基础题2
css初始化是指：开发者对浏览器的默认样式进行重置（1），浏览器差异因为浏览器的兼容问题，不同的浏览器默认样式不同，如果直接写样式，会出现差异，布局出现错乱，所以要进行样式初始化，使得布局统一。（2），提高编码质量。
2023-07-15 11:24:58
246
原创 vue3笔记-基础篇
vue基础 vue数据绑定原理 vue指令详解 事件处理器 事件修饰符 计算属性 侦听器 Ajax（XHR、Fetch、Axios）
2023-07-14 20:13:13
510
原创 React笔记
React是一个用于创建用户界面（web界面和界面）的，不涉及HTML和CSS ，在React框架中没有HTML和CSS。由Facebook公司推出。
2023-07-12 22:55:00
477
原创 web前端面试题-基础题1
合适的地方选择使用合理的标签html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；有利于SEOSEO？搜索引擎优化 影响对搜索引擎的排名状况。
2023-07-11 09:14:32
36
原创 web学习笔记27-webpack 面向对象 xss跨站攻击
因为各种框架的出现，需要一个工具把各种框架整合在一起，分工合作，像流水线一样，按照固定的规则来生产网页。
2023-05-25 19:36:52
99
原创 web学习笔记26-async+await 事件循环 defineProperty
ES7: 提供了 async 和 await 语法糖, 提供一种新的写法(属于ES6的 Generator 语法的语法糖)如果在请求中只发一个请求，用Promise就行如果连续发送多个请求，使用async+await的语法糖会比promise的.then()链式写法更加的直观易读。
2023-05-24 19:49:14
140
原创 webx学习笔记25-svg、promise
svg: 利用DOM元素, 与JS无关 来制作图片优点1: 矢量图形 - 放大缩小后不会失真缺点: 不精致优点2: 图形中的每个部分都可以交互地图是一种把canvas与svg技术结合的产物，canvas负责背景图的制作，svg负责可交互的各种图标。如果需要在自己的项目中引入地图，可以直接采用第三方，国内如高德和百度两家的地图平台，通过其提供的使用文档，可以快速在我们的项目中引入精美的地图，但都需要注册成为平台的开发者，获取到相应的key和安全密钥才能使用。
2023-05-23 19:06:11
51
原创 web学习笔记24-跨域，文件上传，WebSocket，Canvas
跨域报错是浏览器的同源策略导致的前后端分离的项目中，必然会产生跨域问题，因此必须解决跨域问题。
2023-05-22 20:22:00
400
原创 web学习笔记23-项目总结
项目是程序员最好的锻炼神器，只有经过项目，才能真正检验知识的完整性。本次项目是我在某内学习，跟着老师一步步写出来的，这种跟着老师思路走的项目，做完始终有种不太真实的感觉，虽然都是自己敲下的代码，但是整体的项目思想是不连贯的，因此，写一篇项目总结，将项目中的一些难点，还有整体的脉络梳理一下。在梳理过程中，我会按照我在gitee的提交顺序进行。
2023-05-20 18:00:26
106
原创 web学习笔记22-jQuery
jQuery是一个快速、简洁的javaScript框架，于2006年1月由发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化[HTML文档操作、事件处理、动画设计和交互。jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的CSS选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。
2023-05-09 20:22:23
46
原创 web学习笔记21-DOM
文档对象模型: HTML文档 转化成 JS的document对象学习DOM 就是学习操作 document 对象, 利用JS操作页面内容关系父: parentElement子: children兄: 上一个兄弟元素 previousElementSibling弟: 下一个兄弟元素 nextElementSibling特征id: 通过唯一标识查找 getElementByIdcss选择器单个: querySelector批量: querySelectorAll。
2023-05-08 19:34:26
41
原创 web学习笔记20-JS-进阶3
严格模式是es5推出的一项机制。因为js设计的智能化，在编码时一些错误会被智能修复，导致我们没法精准的定位到错误。严格模式下 增加更多的报错, 强制程序员书写更健壮的代码，在此之后的各种框架中, 都会默认开启严格模式在作用域的顶部添加如下字符串, 就会开启严格模式增加报错的地方变量必须用 关键词声明之后, 才能使用防范 写错单词导致的 全局污染问题（没有严格模式，如果属性写错，则会在全局中错误的新增了属性）函数中的this如果之前指向window 则改为undefined。
2023-04-28 08:50:14
40
原创 web学习笔记19-JS-进阶2
/ 制作一个构造函数: 相当于工厂, 传入一些物料, 按照固定的方式进行组合 // 命名规范: 用于生产对象的函数, 使用大驼峰命名法,首字母大写 // 设置形参, 用来接收 '原材料' function Employee(ename , age , married , eid) {// 1. 制作空对象 var obj = {} // 2. 添加属性 obj . ename = ename。
2023-04-27 09:37:21
48
原创 web学习笔记18-JS-进阶
在js的代码中，对于代码片段中的等会提升到代码片段的最前面，然后再执行调整过顺序的代码。JS引擎的设计: 智能化。即JS会把不符合规范的代码 自动修复后再执行。除了声明提升以外，js中的隐式类型转化规则也是一种智能化修复。
2023-04-25 20:16:42
62
原创 web学习笔记16-AJAX
AJAXAsynchronous Javascript And XML （异步的Javascript 和 XML）特点：不用整个刷新网页，而是局部刷新；不是通过页面条件发送请求，通过后台向服务器发送请求，用户体验好浏览器的同源策略，规定要请求的URL的协议、域名/IP、端口不同都会产生跨域现象，跨域以后不允许获取外部响应的资源。
2023-04-19 19:29:51
48
原创 web学习笔记15-node.js-拓展
接口：后端为前端提供的动态资源，Node.js编写路由就会产生接口。JSON（JS对象表示法）：表示一种数据形式，通常是对象或者数组，属性名必须是双引号，属性值是字符串的话，也必须是双引号。是一种字符串形式的对象get 获取资源(查询数据)post 新建资源(插入数据)delete 删除资源(删除数据)put 修改资源(修改数据)JSON： 包含状态码(人为规定)、消息说明、查询的数据get/get传递delete/params传递post/put post传递。
2023-04-18 19:54:04
32
原创 web学习笔记13-nodejs基础-express框架
二、express 框架基于平台，快速、开放、极简的 Web 开发框架第三方模块，下载安装。
2023-04-11 20:21:36
100
原创 web学习笔记12-nodejs基础-核心模块
## 1，文件系统模块API-file system用于项目中文件的操作，例如：数据的导入、导出文件分为两种形式：目录形式、文件形式
2023-04-10 18:54:54
90
原创 web学习笔记11-node.js基础
js运行在客户端浏览器，有多款浏览器，存在代码兼容性问题；node.js运行在服务器端，只有一种V8引擎环境，不存在兼容性问题两者都有共同的自定义对象和内置对象，不同的宿主对象js用于操作网页元素，node.js用于服务器端开发
2023-04-06 19:17:01
46
原创 web学习笔记10-对象2
删除数组元素，start 开始的下标，count要删除的数量，count为空会删除到最后；下标是负数表示倒数；截取数组元素，start开始的下标，end结束的下标，end为空会截取到最后，下标为负数表示倒数；截取字符串，start开始的下标，end结束的下标，end为空会截取到最后，下标为负数表示倒数，返回截取的字符串。练习：创建数组，包含a~h，每个字母是一个元素，删除de，替换g为m，在下标为1的位置插入z。拼接多个数组，arr2,arr3表示要拼接的数组，返回拼接后的数组，原数组不会发送变化。
2023-04-06 19:14:11
39
原创 web学习笔记9-对象
'属性名' : '属性值' , '属性名' : '属性值' } // 建一个商品对象 var com = {id : 001 , title : '商品名1' , pic : '图片地址' , price : '2999.00' }属性名的引号可以省略，如果属性名中含有特殊字符必须加引号。
2023-03-30 18:59:26
45
原创 web学习笔记8-MySQL基础（列约束与查询）
声明了主键约束的列，不允许插入重复的值，一个表中只能有一个主键约束，通常加在编号列，会加快数据的查询速度。null：空，表示一个暂时无法确定的值，例如：无法确定一个员工的手机号码、无法确定一个商品的价格…声明外键约束的列的值，确保插入的值必须是在另一个表的主键中出现的值，目的是为了让两个表建立关联。：外键约束的列的列类型要盒另一个表的主键列的列类型要保持一直，外键约束允许插入null。：生成了唯一约束的列，不允许插入重复的值，允许插入null，甚至多个null。：声明了非空约束的列，不允许插入null。
2023-03-29 20:39:42
67
原创 web学习笔记7-面试题总结
它必须声明在HTML⽂档的第⼀⾏。书写声明，浏览器就会按照W3C的标准来解析，即进入标准模式。如果不声明，浏览器就会按照自己的标准来解析，即进入怪异模式。不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。
2023-03-22 14:33:07
170
原创 前端项目实战（bootstrap+json-server）搭建网站及后台管理-2login页面
本项目的从登录注册的页面开始，这个页面也是包括项目中的大部分技术点（样式布局，获取表单数据，服务器请求，数据比对，数据增加）
2023-03-21 20:09:56
577
原创 前端项目实战（bootstrap+json-server）搭建网站及后台管理-1准备工作
本项目是一个简单的门户网站加后台管理的结构，但是还是建议您在跟随这个项目之前，您需要会一些HTML、Css、JavaScript、bootstrap、Ajax、node.js的基础知识。
2023-03-18 15:36:14
362
原创 web学习笔记5
linear-gradient(渐变角度，颜色1 开始位置 结束位置，颜色2 开始位置 结束位置，颜色···)，背景颜色的渐变有线性渐变和径向渐变两种，线性渐变的默认是从上到下的渐变，角度参数可以调整。径向渐变没有角度。
2023-03-11 17:24:14
42
原创 前端练手项目3-轮播图
本项目利用绝对定位进行布局，position: relative;相对定位给到轮播图区域的父节点（相对定位指的是相对于原来的自己位置进行的定位，可以根据相对路径的理解思路去看待）；绝对定位，相对于的是最近的非静态定位的祖先节点进行位置变换，如果没有非静态定位的祖先节点，则以body作为参考。因此在我们进行定位布局的时候，通常有一个口诀：子绝父相。
2023-03-07 20:20:56
96
原创 前端练手项目2-名言警句生成
本项目与的dom操作基本相同（document.getElementById（）获取到元素，innerHTML写入页面），只是css样式增加了css样式边框变圆；边框阴影，视觉上呈现立体效果；主体部分进行弹性布局函数Math.floor(Math.random()*number) 获取随机整数字符串操作-切片.split() 截取字符串。
2023-03-04 15:04:59
65
原创 web学习笔记-4
普通盒子在水平方向所占空间：（左外间距+左边框+左内间距+内容宽度+右内间距+右边框+右外间距）margin-left+border-left+padding-left+width+padding-right+border-right+margin-right；设置盒子的四个方向的边框；前面的内容盒子，以内容为主，设置给盒子的宽高是内容部分的，加边框，间距都会向外占用空间。margin：外间距，盒子与盒子之间的距离，有四个方向的值，不属于盒子的范围，是公共部分。设置边框的类型，有实线，双实线，点状等；
2023-03-04 14:28:08
32
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人