- 博客(175)
- 收藏
- 关注
RSS订阅
原创 前端阶段性整理之CSS篇
CSS弹性布局flex属性整理CSS动画animation属性整理CSS背景background属性整理CSS垂直居中整理CSS Grid栅格布局整理
2023-03-14 13:32:08
152
原创 多行文字溢出隐藏显示省略号
/通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。//这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。//从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）display:-webkit-box;//将对象作为弹性伸缩盒子模型显示。//用来定义元素内的空白该如何处理。//溢出用省略号显示。
2024-03-25 17:13:25
331
原创 el-select配合el-tree实现下拉选以及数据回显以及搜索
有时候就会遇到组件配合使用的情况，然后就整理了一下，后面大家需要的话可以直接拿去使用。
2023-11-07 11:10:40
2783
2
原创 关于Highcharts图表的用法总结
在项目开发中可能会遇到一些图表展示的需求，所以这次我们一起总结学习一下关于Highcharts图表的用法。
2023-11-07 10:24:20
216
原创 Vue中this.$set()解决页面不更新问题
Vue中的this.$set()用于解决数据更新后页面没有更新的问题，因为Vue2中的双向数据绑定是通过object.()实现的。通过get和set方法，获取时触发get，更改时触发set。但是对于对象属性的删除和添加与根据数组的下标去修改数据的时候是没办法实现响应式的。一般通过this.$set解决，对于删除也有对应的this.$delete实现。
2023-10-11 13:43:03
2302
原创 JavaScript中类的学习
类描述了一种代码的组织结构形式，不同的语言中对其实现形式各有差异。JavaScript中的类Class实际是一种描述的语法糖。
2023-10-09 16:15:36
358
原创 Vue项目中全局变量process的用法解析
process对象是一个全局变量，提供了有关当前Node.js进程的信息并对其进行控制。常用于Vue项目中环境区分，对不同环境的配置不同，例如：根据全局变量区分请求的url地址、是否开始eslint、不同环境的特殊配置等等。可以在项目中新建js文件，输出process，得到一个配置对象。
2023-09-12 17:21:34
4058
原创 防抖与节流的使用详解（附代码解析）
防抖，可以理解为防止用户“手抖”导致的多次点击问题，比如：一个提交按钮，用户点击了多次，则会导致出现多条提交请求，导致数据混乱；又可以用于用户输入时，根据用户输入实时查询，当用户“一直”输入时，检测到值的变化，会不停的发送请求。到我们通过防抖处理后，则当用户“多次”点击或者输入时，只执行最后一次的结果。总结：“手抖”、“多次”、“不停”。可以总结为一句话：当用户一直操作的情况下，不会触发对应的操作，到用户停止操作后才会执行对应的操作。主要实现依据：setTimeout（延时器）。
2023-08-17 15:21:03
310
原创 Vue2中的依赖注入的使用provide / inject
在Vue项目的开发中，我们经常会遇到组件嵌套层级过深的问题，常用的两种方式，链式调用以及emit触发，在多组件嵌套中都有一定的不足，例如链式调用记得的降低了组件的可复用性，因为组件后面所处的层级是可变的，另一边emit触发方法的传递则需要传递的层数过多，代码过于臃肿，不易维护，所以对于多组件嵌套来说，我们建议通过provide / inject进行方法以及属性的传递。
2023-06-12 17:36:41
1982
原创 Vue Router的详细解读之手把手教学篇（一）
用 Vue + Vue Router 创建单页应用非常简单：通过 Vue.js，我们已经用组件组成了我们的应用。当加入 Vue Router 时，我们需要做的就是将我们的组件映射到路由上，让 Vue Router 知道在哪里渲染它们。
2023-06-12 15:03:54
1015
原创 Vue上传图片
首先，讲一下上传图片的流程，相信大家一看就会了，一般通过elementUI等组件库的上传组件，获取到对应的选中的文件列表的信息，获取到列表信息中的raw属性，通过FormData构造数据，然后发送给后台，后台根据你发送的数据，生成对应的url，你获取到url后，将url作为入参发送给后台，一个图片上传的流程到这里就结束了。下面进行一些代码的讲解说明。
2023-05-19 10:09:15
928
原创 Vue3组件通信
组件：对数据和方法的简单封装。在Vue开发中组件是非常重要的一环，使用组件化开发，会大大的提高代码的简洁性，使项目更以维护与开发。组件一般分为两种：纯组件、与功能性组件。（博主自己看法，欢迎指正交流）纯组件：一般用于纯页面展示，不需要开发者关心内部发生的事情，只需要传参调用，就可以实现对应的展示与功能。功能性组件：多页面使用，多层组件嵌套，内部根据不同参数有不同的处理逻辑，需要与父组件配合使用，需要在子组件触发父组件的事件。
2023-04-10 15:48:26
633
原创 JS中的宏任务与微任务
JS是单线程语言，在同一时间内，只能做一件事，所以当某一个任务花费时间过长时，会造成程序的卡顿，所以Event Loop（事件循环）的方案应运而生，指定了，多个任务的执行顺序。
2023-04-07 15:05:28
1268
原创 Vue3的响应式
-- 当 ref 在模板中作为顶层属性被访问时，它们会被自动“解包”，所以不需要使用 .value。--><button @click="changCount">更改count的值</button>
2023-03-30 10:55:21
461
原创 vue动态控制样式
在Vue项目开发中往往需要通过某个变量来控制页面样式的展示，根据变量显示不同的样式，以此来表状态以及用户的操作等。下面我们一起整理下通过变量控制样式的语法表达式。
2023-03-29 13:33:08
1770
原创 实现Vuex数据持久化
当我们在使用Vuex的时候会遇到刷新或者页面跳转后，Vuex储存的数据会重置的问题，所以我们需要对Vuex的数据进行持久化处理。
2023-03-29 10:04:05
519
原创 Vuex的详细解读之手把手教学篇（二）
由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。
2023-03-28 17:06:20
283
原创 Vuex的详细解读之手把手教学篇（一）
Vuex 是一个专为 Vue.js 应用程序开发的。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
2023-03-27 17:37:11
528
原创 JavaScript中常用的数组操作方法
用法说明（自己的体会）：数组的.map方法用于。应用场景1：需要在原有数据中补充数据。应用场景2：接口字段更改，前端字段保持不变。
2023-03-24 11:20:08
368
原创 element国际化
新建lang文件夹，在文件夹内创建zh.js、en.js、index.js文件 zh.js文件说明：用于配置需要中英文转换的中文部分 en.js文件说明：用于配置需要中英文转换的英文部分index.js文件说明：用于设置国际化 在main.js文件中引入并挂载到Vue实例上去 三、切换中英文展示
2023-03-23 16:01:52
916
原创 更改elementui组件库主题色
使用：通过Vue原型上的方法去更改全局element颜色。新建element-variables.scss文件。引入：在main.js文件中进行引用。在main.js文件中引入。
2023-03-23 14:24:45
1203
原创 CSS中的文档流
总结：脱离文档流，也就是将元素在普通布局排班中拿走，不占据位置（悬空了），其他的盒子在定位的时候，会当做脱离文档流的元素不存在二进行定位，需要注意的是，使用float脱离文档流时，其他的元素盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于实验position脱离文档流的元素，其他盒子与其他的盒子内的文本都会无视他。
2023-03-22 10:40:48
912
原创 BFC块级格式化上下文
1.一个BFC区域只包含其子元素，不包括其子元素的子元素。2.并不是所有的元素都能成为一块BFC区域，只有当这个元素满足条件的时候才会成为一块BFC区域。3.不同的BFC区域之间是相互独立的，互不影响的。利用这个特性我们可以让不同BFC区域之间的布局不产生影响。
2023-03-20 17:06:09
505
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人