- 博客(93)
- 收藏
- 关注
RSS订阅原创 vue3解决el-descriptions的label被挤压换行以及内容过长时换行问题
在实际开发中，经常会使用Descriptions描述列表来展示内容，而有时某个字段内容太多，就会导致如下图的问题，因此本文就主要介绍如何解决该问题。而解决内容过多换行问题的主要点就是：给内容列添加。给内容列一个最大宽度；
2023-05-25 16:22:08
5395
原创 vue3中使用Element中的上传组件Upload
在时间开发中，在上传图片时可能有各种各样的需求，比如上传组件中间的文字自定义、上传图片提示文字，但是element提供的上传组件比较基础，所以在此将完善后的内容表达出来。最终效果如图所示：对于组件的基本导入等步骤在此省略，直接使用~
2023-05-23 15:18:47
1319
原创 常用的获取日期相关内容的方法
以上这些方法，都是我在实际开发中常用方法，先记录下，后期有新的再更新！该方法适合于：自助选择时间时，若是。结束时间不能早于开始时间。
2023-05-16 14:28:17
263
原创 elementui表格el-table-树形数据-数据重构
经常会遇到各种分类列表的展示，并且类别还是多级的，这时就需要使用elmentui表格中的树形数据进行展示。
2023-02-24 14:08:15
1868
原创 使用elementui级联选择器Cascader的动态加载获取省市区
后端给了我一个区域联动的接口，是需要在获取省的基础上，再根据省的编码再次发送请求获取下一层的市，以此类推获取对应的区。开始我就按照传统的获取数据的方法获取，也确实将对应的省市区数据成功的获取到并打印出来了，但是有个问题：页面展示时有的省只能出现二级，无法出现第三级区内容，但是打印出来的数据明明有区内容，使用了很多方法，都未解决这个问题，而且由于嵌套发请求，也确实很费时，故决定使用Cascader的动态加载来获取数据。
2023-02-23 15:54:46
1452
1
原创 elementui 表单嵌套表格，并且验证表格中的文本框
最近遇到一个需求，可以动态添加、修改、删除表格，并且添加时要对文本框进行验证，这也算是常规需求，故整理记录，供人参考。
2023-02-10 16:22:12
2678
2
原创 uniapp小程序使用canvas绘制内容并保存到本地相册
根据不同用户自动生成对应证书，并且可以下载该证书（下载后得到的是一张图片），故要想实现该功能，则需要借助canvas将动态生成的内容绘制到页面中，然后再实现下载功能。
2023-01-18 17:27:39
1326
原创 elementui el-table表格实现翻页和搜索均保持勾选状态（后端分页）
不管是页面切换还是通过搜索获取数据，都要保持已选中的行保持勾选状态，同时将选中行的内容以标签的形式显示出来，当点击关闭标签时可以对应取消选中状态，点击行中的任意位置也可以切换选中状态，单独勾选复选框一样可以达到要求。由于需求相对还是蛮复杂的，直接使用。所以直接通过书写代码来控制表格的勾选状态。注意：我使用的是vue3 + ts!!!!
2023-01-11 17:47:12
5900
2
原创 uniapp小程序自定义头部导航
我们在开发小程序时，自带的头部导航样式往往不能满足需求，故只能自定义导航，接下来简要介绍下如何实现：1.去除自带的头部导航要想自定义头部导航，首先要到pages.json文件夹中，找到对应页面，然后在style中写上代码：// 找到对应页面，在style中写下所需代码{ "path": "pages/about/apply", "style": { "navigationStyle": "custom" // 注意一定要书写此行代码 }}2.封装自定
2022-12-14 14:15:00
2747
原创 uniapp+uview1实现本地图片上传
是否需要请求头要根据实际情况决定，另外，此处我是在缓存中获取token，拼接成所需的请求头的。只要以上代码，就可实现本地图片上传。我在中添加了属性。在使用之前，一定要先按照uview1版本的包。方法，就可实现手动上传图片（即调用。true改成false。
2022-12-13 15:15:55
1173
原创 实现radio单选框单击取消选中状态
后面的单选框只能三选一，并且也可以全部不选，同时如果选中了其中一个后，也可以取消，最终可以回到全部不选的状态。
2022-11-17 18:11:49
5382
2
原创 安装nvm，并使用nvm安装nodejs及配置环境变量
1.下载nvm解压后点击exe文件进行安装：2、点击下一步安装到 D:\NVM 下3、先在D:\NVM 下创建nodejs文件夹，然后将路径设置如下：4、点击next 一直点击 完成安装；
2022-11-12 20:22:06
56726
39
原创 跨域与JSONP
是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。2.2JSONP的实现原理由于浏览器同源策略的限制，网页中无法通过Ajax请求非同源的接口数据。但是标签不受浏览器同源策略的影响，可以通过src属性，请求非同源的js脚本。因此，JSONP的实现原理，就是通过标签的src属性，请求跨域的数据接口，并通过函数调用的形式，接收跨域接口响应回来的数据。...
2022-08-09 14:00:00
151
原创 axios
Axios是专注于网络数据请求的库。是一个基于 Promise 实现对ajax技术的一种封装，可以用在浏览器和 node.js 中。相比于原生的对象，axios简单易用。相比于jQuery，axios更加轻量化，只专注于网络数据请求。...
2022-08-08 14:00:00
111
原创 数据交换格式
XML的英文全称是EXtensibleMarkupLanguage，即可扩展标记语言。因此，XML和HTML类似，也是一种标记语言。
2022-08-07 11:20:18
356
原创 jQuery中的Ajax
请求，从而将服务器上的资源请求到客户端来进行使用。函数，是一个功能比较综合的函数，它允许我们对。函数发起不带参数的请求时，直接提供。函数的功能单一，专门用来发起。函数的功能单一，专门用来发起。请求，从而向服务器提交数据。进行了封装，提供了一系列。请求成功之后的回调函数。请求进行更详细的配置。请求成功之后的回调函数。这次请求要携带的数据。...
2022-07-28 10:01:40
216
原创 原生JS中的Ajax
URL地址中，只允许出现英文相关的字母、标点符号、数字，因此，在URL地址中不允许出现中文字符。如果URL中需要包含中文这样的字符，则必须对中文字符进行。
2022-07-21 09:20:57
2115
原创 服务器的基本概念与初识Ajax
XML可扩展标记语言，虽然XML和HTML都是标记语言，但是二者之间没有任何关系，XML是用来传输和存储数据，HTML则是用来在网页中呈现数据。XML和HTML使用类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全都是自定义标签，用来表示一些数据。由于XML的阅读性较差，现在已经被JSON取代了。...
2022-07-19 16:05:50
122
原创 执行上下文与执行上下文栈
① 变量声明提升：通过var 定义（声明）的变量，在定义语句之前就可以访问到，值为undefined;② 函数声明提升：通过function声明的函数，在之前就可以直接调用，值：函数定义（对象）那么问题来了：变量提升和函数提升是如何产生的呢？这就涉及到执行上下文的相关知识了...JS代码根据位置可以分为：全局代码 和 函数(局部)代码。从而执行上下文也就分为全局执行上下文和函数执行上下文。① 在执行全局代码前，将window确定为全局执行上下文② 对全局数据进行预处理（预解析）： 1）var定义的
2022-07-12 14:00:00
290
原创 instanceof的使用
instanceof的作用：instanceof是用来判断左边的对象是否为右边构造函数的实例。instanceof的是如何判断的？① 语法：A instanceof B ，A是实例对象，B是构造函数② 如果B函数的显式原型对象(prototype)在A对象的原型链(__proto__链)上，则返回true，否则返回false。...
2022-07-11 14:00:00
1541
1
原创 原型链的认知
原型链，顾名思义，其实就是通过原型组成的一条链，且是隐式原型__proto__组成的，用于访问查找一个对象的属性的。通过上篇文章，可以知道任何函数都有一个属性prototype(显式原型)，而任何实例对象也都有一个隐式原型__proto__，并且实例对象的隐式原型等同于其构造函数的显式原型。但是通过打印发现构造函数的原型对象prototype中也存在隐式原型，这说明构造函数的原型对象是一个实例对象，那它是谁的实例呢？是Object对象的实例。原型链，别名是隐式原型链。是在访问一个对象的属性时，首先是在自身属
2022-07-10 14:00:00
218
1
原创 函数的prototype属性（原型对象）
每个函数都有一个prototype属性，它默认是一个空的Object的实例对象（即称为：原型对象），而原型对象中有一个属性constructor，它指向函数对象。这说明(构造)函数和它的原型对象相互引用。Type表示的是构造函数，它其中有个属性prototype，而这个属性指向这个函数的prototype对象，而这个对象有个属性constructor，它是指回这个构造函数Type的，即是相互引用关系。① 每个函数function都有一个prototype，即显式原型② 每个实例对象都有一个__prot
2022-07-09 18:00:00
2368
3
原创 jQuery对象拷贝
如果想要把某个对象拷贝（合并）给另外一个对象使用，此时可以使用$.extend()方法。① deep：如果设为true 为深拷贝，默认为false 浅拷贝。② target：表示需要拷贝的目标对象。③ object1：被拷贝的第一个对象。④ objectN：被拷贝的第N个对象。之所以上述代码的拷贝会出现不同的结果，是因为 :① 浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象，修改目标对象会影响被拷贝对象；简单理解就是：如果你和你朋友从不同地方前往同一个地址，到达的肯定是同一个地方
2022-07-08 11:42:17
1256
原创 jQuery事件
单个事件注册，一次只能给一个元素注册一个类型的事件，但是有时需要给同个元素注册多个事件，这时就要写重复写，如下代码：on() 方法可以给元素绑定一个或多个事件的事件处理函数。① events：表示一个或多个用空格分隔的事件类型，如“click”’或“mouseenter”。② selector：表示元素的子元素选择器，用于事件委托。③ fn：回调函数，即绑定在元素身上的侦听函数。（1）优势1 on() 方法可以绑定多个事件，多个处理事件程序。（2）优势2 可以进行事件委派操作，即把原来加在子元素身
2022-07-06 20:57:33
337
原创 jQuery常用API--尺寸、位置操作
① 以上参数为空时，则是获取相应元素对应的值，返回的是数字型。② 如果参数为数字，则是修改相应值③ 参数可以不必写单位① offset() 方法设置或返回被选元素相对于文档的偏移坐标，跟父级没有关系。② 该方法有2个属性left、top。offset().top 用于获取距离文档顶部的距离，offset().left 用于获取距离文档左侧的距离③ 可以设置元素的偏移：offset({top:100 , left: 60})，以对象的形式配置参数① position() 方法用于返回被选
2022-07-05 18:28:41
202
原创 jQuery常用API--元素操作
元素操作主要是遍历、创建、添加、删除元素等。jQuery 虽然有隐式迭代，但它是对同一类元素进行同样的操作。如果想要给同一类元素做不同的操作，就需要用到遍历。① each()方法遍历匹配的每一个元素。主要用DOM处理。② 里面的回调函数有2个参数：index是每个元素的索引号，domEle是每个DOM元素对象，不是jQuery对象③ 要想使用jQuery方法，需要给这个dom元素转换为jQuery对象，即$(domEle)① $.each()方法可用于遍历任何对象。主要用于数据处理，比如数组，对象等。
2022-07-04 21:17:32
246
原创 jQuery常用API--内容文本值
该案例和上文中购物车全选功能案例是同一项目，所以此处只呈现js的代码，样式和结构可以去翻看上篇文章。注意：上篇文章的单价模块和小计模块都多写了一个“元”字，记得去掉，另外还记得给“ - ”按钮加上类名“ reduceBtn ”，给“ + ”按钮加上类名 “ addBtn ”，给数量框input加上“ countInput ”....
2022-07-03 18:12:59
208
原创 jQuery常用API--属性操作
所谓元素固有属性指的就是元素本身自带的属性，比如元素里面的href，元素里面的type，里面的src等属性。用户自己给元素添加的属性，称之为自定义属性。比如给div 添加index ="2"data() 方法可以在指定的元素上存取数据，并不会修改DOM元素结构（也就是说存放的数据，在DOM树上是看不见的），而且一旦页面刷新，之前存放的数据都将被移除。...
2022-07-02 15:42:43
811
原创 jQuery常用API--效果
jQuery给我们封装了很多动画效果，最为常见的如下：① 参数都可以省略，无动画直接显示② speed：三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)③ easing：(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"。④ fn：回调函数，在动画完成时执行的函数，每个元素执行一次。① 参数都可以省略，无动画直接显示② speed：三种预定速度之一的字符串("slow","normal", o
2022-06-30 20:14:01
353
原创 jQuery常用API--样式操作
jQuery 可以使用css 方法来修改简单元素样式，也可以操作类，修改多个样式。（1）参数只写属性名，则是返回属性值。（2）参数是属性名，属性值，用逗号分隔，是设置样式，属性必须加引号，如果属性值是数字，可以不用跟单位和引号（3） 参数可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开，属性可以不用加引号，但是加上更好；属性值如果不是数字，则需要加引号它的作用等同于原生JS中的className , 可以操作类样式，注意操作类里面的参数不要加点。（1）添加类（2）移除类（3）切换类原生JS 中的c
2022-06-29 14:00:00
227
原创 jQuery常用API--选择器
我们都知道，元素JS获取元素的方式很多，很杂，而且兼容性情况不一致，因此jQuery 给我们做了封装，使获取元素统一标准。常用的层级选择器就是子代选择器和后代选择器，其使用方法依旧和CSS选择器保持一致。在原生JS中我们如果想要给很多元素添加一样的样式或者绑定同一事件，往往都需要经过for循环遍历才可实现。而jQuery则把遍历内部DOM元素（伪数组形式存储）的过程叫做隐式迭代。简单的说就是把通过选择器或者筛选方法匹配到的所有元素进行循环遍历，执行相应的方法，这些操作是隐秘进行的，而我们只需要直接调用即可，
2022-06-28 19:44:18
241
原创 初识jQuery
JavaScript库就类似于一个library，是一个封装好的特定的集合（方法和函数）。简单的说就是在这个库里面，封装了很多预先定义好的函数，需要使用的时候直接调用即可。比如动画animate、显示show、隐藏hide等。我们习惯把封装好的JS文件称之为JS库，而未封装的JS文件称为原生JS代码。jQuery就是我们常见的JavaScript库之一，其里面基本都是函数(方法)，而其内部是用JavaScript实现的。jQuery是一个快速、简洁的JavaScript库，其设计的宗旨是 “Write Le
2022-06-27 20:47:11
236
原创 元素可视区client系列和元素滚动 scroll 系列
client 翻译过来就是客户端，我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。注意：client 宽度/高度 和 offset 宽度/高度 最大的区别是它不包括边框。scroll 翻译过来就是滚动的，我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。 如果浏览器的高（或宽）度不足以显示整个页面时，会自动出现滚动条。当滚动条向下滚动时，页面上面被隐藏掉的高度，我们就称为页面被卷去的头
2022-06-22 14:00:00
237
原创 元素偏移量 offset 系列
offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。(1) 获得元素距离带有定位父元素的位置(2) 获得元素自身的大小（宽度高度）(3) 注意： 返回的数值都不带单位offset 系列常用属性有：（1）offset ① offset 可以得到任意样式表中的样式值② offset 系列获得的数值是没有单位的③ offsetWidth、offsetHeight包含padding+border+width④ offsetWidth、
2022-06-21 15:38:44
987
原创 DOM--节点操作
我们知道，DOM主要是对元素进行增删改查和绑定事件，那么获取元素作为前提，就显得格外的重要。获取元素通常使用两种方式：(1) 利用 DOM 提供的方法获取元素 (2) 利用节点层级关系获取元素DOM提供的方法，在前面的文章里已经介绍过了，就是 document.getElementById()document.getElementsByTagName()、document.querySelector 等。这些方法其实逻辑性不强、而且相对来说有些繁琐。所以，本文将介绍第二种方式-
2022-06-16 21:19:41
698
2
原创 DOM--自定义属性的操作
DOM元素属性分为内置属性和自定义属性，比如我们常见的class、id、src、input等属性，都是内置属性，简单理解就是元素自带的属性。而自定义属性就是程序员为了方便使用而自己给元素设置的属性。① element.属性 获取属性值。② element.getAttribute('属性');区别：(1) element.属性 获取内置属性值（元素本身自带的属性），如img..src(2) element.getAttribute(‘属性’); 主要获得自定义的属性 （标准） 我们程序员自定义的属性;
2022-06-15 20:50:14
2125
原创 DOM--排他思想
排他思想在进行页面交互时经常用到，所谓排他思想，顾名思义就是其他元素无此样式效果或事件，只有当前操作的元素拥有。如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：1. 所有元素全部清除样式（干掉其他人）2. 给当前元素设置样式 （留下我自己）3. 注意顺序不能颠倒，首先干掉其他人，再设置自己接下来，以几个案例来更直观的介绍下该思想的核心点：需求：1. 点击上面全选复选框，下面所有的复选框都选中（全选）2. 再次点击全选复选框，下面所有的复选框都不中选（取消全选）3.
2022-06-14 20:51:11
248
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人