- 博客(30)
- 收藏
- 关注
RSS订阅原创 移动端适配（rem，vw）+响应式布局
Less 是一种动态样式语言，它扩展了 CSS 的功能，使得编写 CSS 更加高效和易于维护。Less 通常被称为 CSS 预处理器，因为它用特殊的语法和功能扩展了 CSS，最终会被编译成普通的 CSS 代码，以便浏览器可以正确解析和应用。以下是 Less 的一些主要特点：三、Bootstrap前端框架(Foundation等)一、官网下载min体积小，压缩过下载别忘了bi-
2024-05-16 13:18:18
376
原创 移动端-转换transfrom和动画
CSS动画是CSS3的一个特性，它允许开发者在网页上创建动画效果，而无需使用JavaScript。CSS动画通过在特定时间内对元素的样式进行平滑的过渡来实现。CSS动画是现代网页设计中不可或缺的一部分，能够为用户带来更加丰富和动态的体验。通过合理使用CSS动画，可以使网页更加生动和有趣。用定位 translate(-50%, -%50)的时候要注意复合起来。注意：属性中间加逗号。
2024-05-16 09:59:55
1184
原创 js基础-数组-事件对象-日期-本地存储
Web Storage (localStorage 和 sessionStorage):提供了超过Cookie的存储容量，localStorage 没有大小限制，但大多数浏览器限制在大约5MB左右。localStorage 用于长期存储整个网站的数据，而 sessionStorage 为单个会话提供数据存储，当用户关闭浏览器标签或窗口时，数据会被清除
2024-05-14 05:39:29
834
原创 浏览器执行渲染原理
JavaScript 是在浏览器中运行的，而浏览器的 JavaScript 引擎是单线程的，它需要处理页面渲染、用户输入、网络请求等。每个元素都有自己的包含块，它可能是由HTML元素的尺寸和位置确定的，也可能是由CSS属性如。： 对于需要非常精确计时的应用，可以考虑使用 Web Workers，它允许长时间运行的脚本在后台线程上运行，从而不干扰用户界面的响应性。（重绘）是指当页面中的某些元素的外观或风格发生变化，但这些变化不会影响到元素的布局或几何属性时，浏览器需要重新绘制这些元素的过程。
2024-05-11 10:53:24
1127
2
原创 css定位+精灵图+过渡
在CSS中，定位（Positioning）是一种布局技术，用于控制HTML元素在页面上的确切位置。CSS提供了几种不同的定位方案，每种方案都有其特定的用途和行为。以下是CSS中几种主要的定位方法：
2024-05-11 06:41:41
804
原创 html+css-Day1(盒子模型)
它影响着段落、行内元素或者任何包含文本的元素的可读性。"line-height" 可以设置为数字、长度单位（如 px、em 等）、百分比，或者使用 "normal" 这个关键字。伪元素选择器是CSS中用来选择页面上的特定部分，这些部分不是文档树中的独立元素，而是元素的特定部分或效果。是CSS中的一种选择器，它允许你根据元素的特定状态或行为来应用样式，而不是仅仅根据元素的类型或其在文档中的位置。是 CSS 中的一个属性，用于设置文本行之间的距离，也就是。内外边距+boder +内容。
2024-05-10 03:59:55
1133
原创 css中浮动和Flex布局
CSS中的浮动（float）是一种布局技术，它允许元素脱离正常的文档流，使其向左或向右移动，直到其边缘触碰到包含块或另一个浮动元素的边缘。浮动元素仍然保留在文档流中，这意味着它们占据空间，但它们周围的元素会围绕它们进行布局。以下是关于CSS浮动的一些关键点：浮动属性：属性用于创建浮动元素，其值可以是、或（默认值）。文档流：浮动元素会脱离文档流，但它们仍然保留在文档的布局中，这意味着它们会推挤其他元素。环绕文本：当浮动元素后面没有足够的空间时，文本会环绕在浮动元素的周围。清除浮动：使用属性可以清除浮动的影响，
2024-05-08 05:39:17
930
原创 闭包（常见）
在JavaScript中，闭包（Closure）是一个非常重要的概念，它指的是那些能够访问自由变量的函数。自由变量是指在函数中使用的，但既不是函数参数也不是函数的局部变量的变量。
2024-05-06 08:03:08
631
原创 展开运算符和剩余参数区别
这两个特性在JavaScript中都非常有用，它们提供了处理参数和可迭代对象的灵活性。展开运算符主要用于数组和对象的复制、合并以及函数调用时的参数展开。剩余参数语法允许我们将一个不定数量的参数表示为一个数组。
2024-05-06 07:31:12
364
原创 跨域问题（服务器和浏览器之间）待补充
一、为什么产生：同源策略（域名，协议，端口），安全问题二、怎么解决：1、关闭严格模式2、cros:修改响应头3、+jp：采用js标签4、+代理（创建服务器，定义规则，服务器与服务器之间不存在跨域问题）当服务器提供解决方案时用前两种，不提供时用代理跨域问题（Cross-Origin Resource Sharing, CORS）是前端开发中常见的问题，它发生在一个域的网页尝试访问另一个域的资源时。
2024-05-06 05:55:51
1273
原创 vue3--element-plus-抽屉文件上传和富文本编辑器
element-plus下Update实现上传文件配置属性：action：上传文件的服务器地址。:on-success和:on-error：分别是上传成功和失败时的回调函数。before-upload：文件上传前的钩子函数，可以在这里进行文件类型、大小等的校验。ref="upload"：为组件设置一个引用，方便在方法中调用。list-type="text"：定义上传列表的展示方式，这里使用text类型，不展示文件列表。
2024-05-04 21:46:28
1485
1
原创 Vue3-element-plus表格
具名插槽 extra 定制头部右侧额外的按钮。默认插槽 default 定制内容主体。考虑到多个页面复用，封装成组件。第一步先调通借口返回数据。props 定制标题。
2024-05-04 09:20:17
1019
原创 401错误码，浏览器返回身份验证失败错误
请求头的问题，这里应该是封装好了的instance,我打成了axios。大家要注意代码规范，检查仔细一点。1.文档中请求拦截器代码没错。但是不用箭头函数就会报错。修改完之后正确返回数据。
2024-05-03 03:21:05
387
1
原创 Vue3管理系统-路由设置+表单校验
【需求】注册页面基本校验1. 用户名非空，长度校验5-10位2. 密码非空，长度校验6-15位3. 再次输入密码，非空，长度校验6-15位【进阶】再次输入密码需要自定义校验规则，和密码框值一致（可选）
2024-05-01 05:15:14
737
1
原创 Vue3(管理系统)-封装axios（utils）
可选链（Optional Chaining）是编程语言中的一种特性，它允许你访问对象的嵌套属性，即使这些属性可能未被初始化或不存在。在 JavaScript 或 TypeScript 中，可选链的语法使用问号。可选链是一个非常有用的特性，它可以减少代码中的条件检查，使代码更加简洁。然而，它也可能导致一些微妙的错误，因为可选链返回。而不是抛出错误，所以使用时需要仔细考虑逻辑。
2024-04-30 16:32:39
532
原创 Vue3管理系统（开发前调整）-Day1
// createRouter 创建路由实例，===> new VueRouter()// 1. history模式: createWebHistory() http://xxx/user// 2. hash模式: createWebHashHistory() http://xxx/#/user// vite 的配置 import.meta.env.BASE_URL 是路由的基准地址，默认是 ’/‘// https://vitejs.dev/guide/build.html#public-b
2024-04-30 05:13:39
921
原创 学习Vue3 Day3（Pinia）
Pinia 提供了插件系统，可以用来扩展 Pinia 的功能，使用 pinia-plugin-persistedstate 来实现数据持久化，例如：自定义存储方式、持久化路径、序列化方法等,如下具体步骤
2024-04-28 03:29:01
1112
1
原创 自学Vue3 Day2
Vue 3在组件通信方面带来了一些新特性和改进，特别是Composition API的引入，为开发者提供了更灵活的组件逻辑编写方式。同时，Vue 3的响应式系统的改进也会影响到组件间通信的实现。虽然Vue 2和Vue 3在很多基本概念上保持一致，但Vue 3提供了更多的工具和优化来帮助开发者构建更高效、更可维护的应用程序。子组件可以直接修改父组件的值了。
2024-04-27 06:12:53
1042
3
原创 自学Vue3 day1
在Vue 3中，计算属性通常指的是响应式系统中的computed属性，它们是只读的，并且具有缓存机制。然而，如果你需要一个既具有计算逻辑，又能被外部修改的属性，可以使用ref或reactive来创建一个具有getter和setter的响应式属性。
2024-04-26 07:02:17
1159
原创 学习VUE2第6天
在Vue.js中，前置路由守卫是指在路由转换实际发生之前执行的钩子函数。这是Vue Router（Vue.js官方的路由管理器）提供的一种功能，允许开发者在用户导航至新路由时进行一些逻辑处理，比如权限检查、页面跳转或数据加载等。Vue Router中的前置路由守卫主要有以下几种：
2024-04-25 08:10:49
1377
3
原创 很离谱的错误Module not found: Error: Can‘t resolve ‘@/api/order‘ in ERROR in ./src/views/pay/index.vue?vue
导入包没错，试了N遍，最后删除文件，从新建了下好了。
2024-04-25 06:32:55
111
3
原创 解决新手[Vue warn]: Unknown custom element: ＜FirstVue＞ -did you register the component correctly?的一种常见情况
如图所示，题目中的提示一个组件未被正确定义。但是经过查找，他的组件路径导入正确，然后也成功设置了组件。这里就不提vscode代码编辑器在自动生成代码（或者用godegex）的时候把。这里提示各位小伙伴们，很多AI生成代码的工具。他不一定是完全正确的，有很多代码有可能会有错误。现在这也是吸收其他代码得来的结果。所以咱们需要正确的去判断，不能一味的依赖工具。由于这两个单词长得很像新手一般不会注意。
2024-04-24 23:56:40
262
原创 VUEX geeters中显示reduce未定义错误，
但是要注意了，这里的的AI生成的代码和写的文档中的代码都是l，所以说以后用ai工具的大家要注意一点多检查一遍。是setCarlist,t错写成了l,
2024-04-24 19:21:41
235
原创 登录界面报错 Error in v-on handler (Promise/async): “SQLSTATE【23000】: Integrity constraint violation: 1048
登录界面报错：请求配置里头加在请求的时候携带请求头
2024-04-23 01:38:55
424
原创 Vue2学习第四天（vuecli，vuex）
Vuex是一个用于管理Vue.js应用程序状态的库。它将所有的状态管理逻辑集中在一个地方，以便于维护和理解。Vuex为Vue应用程序提供了以下功能：状态管理：Vuex提供了一种清晰和可维护的方式来组织和管理应用程序的状态。它允许我们将状态组织成一层层的模块，每个模块有自己的一套状态。响应式编程：Vuex使用响应式引擎来确保状态的改变会自动影响到视图。这样，我们就可以在组件中直接使用this.state来访问和修改状态，而无需手动触发视图更新。
2024-04-18 22:38:49
665
原创 Vue2学习第三天
动态路由传参不带参数显示空白的问题参数名后面加？，正则表达式？代表0个或者1个，匹配前面的子表达式零次或一次。例如，“do(es)?”可以匹配“do”或“does”。?等价于{0,1}。
2024-04-17 03:29:03
273
原创 学习VUE2第二天（插槽）
：这是一个HTML标签，表示一个样式块。scoped属性表示样式仅作用于当前组件，不会影响到其他组件。lang="less"属性表示样式语言为Less。实现原理：标签允许你在Vue组件中编写Less样式。Less是一种CSS预处理器，它可以让你在CSS中使用变量、循环和条件语句等。这种语法缩写允许你编写更简洁、更易读的代码。用途：使用Less编写Vue组件样式是一种更简洁、易读的方式。它允许
2024-04-16 17:10:04
276
原创 Vue2学习第一天
props校验（单项数据流，子组件不能直接修改父组件传来数据，谁的数据谁负责，用$emit）子组件通过props接收 注意值用value，$emit用input。1.在utils下写一个实例.js，注意发布和接收都要引入。主组件中数据用provide，接收方用inject接收。父亲给儿子组件标签动态（加冒号）赋值属性，父传子。父组件只需要干两件事（提供数据+绑定）3.VUE异步更新，$nextTick。3.发布方用$emit发布。儿子修改传回父亲，子传父。select组件中分开写。儿子通过props接收。
2024-04-15 18:36:15
403
1
空空如也
浏览器返回401身份认证失败，是请求拦截器的问题，但是不理解
2024-05-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人