前端
文章平均质量分 68
前端
胡八一、
这个作者很懒,什么都没留下…
展开
-
使用 Less 实现 PC 和移动端样式适配
这样,如果你的项目中所有移动端断点都用,一处修改即可影响全局样式,非常适合多人协作和主题配置。通过本文你学会了如何使用 Less 编写响应式样式,并且清楚了为什么嵌套结构和变量能提升代码可维护性。👉 除了position,你还可以用这种方式来控制font-sizepadding等属性在不同设备上的表现,打造一套真正自适应的样式体系。原创 2025-04-01 20:31:37 · 164 阅读 · 0 评论 -
vue中实现element-ui dialog的弹窗拖拽+水平方向伸缩+最小化+展开/收缩
【代码】vue中实现element-ui dialog的弹窗拖拽+水平方向伸缩+最小化+展开/收缩。原创 2025-02-28 15:02:33 · 192 阅读 · 0 评论 -
vue3使用VueQuill插入自定义按钮
接下来,我们会在 Quill 编辑器中插入自定义内容,比如一个带特定样式的span标签。为此,我们需要创建一个 Quill 的自定义 Blot 元素。原创 2024-11-12 16:43:33 · 626 阅读 · 0 评论 -
uni-app使用v-show编译成微信小程序的问题
当我们设置成在Hbuilder X里面确实没有显示然后运行到 微信开发程序里面发现显示了出来,说明设置的没有起作用。原创 2024-10-10 11:06:13 · 1128 阅读 · 0 评论 -
element-ui日历插件获取当前显示的第一天和最后一天
这个日历插件右上角的按钮上个月下个月事件,切换后默认是那月1号,传入这个时间就可以重新获得切换后的月份的时间范围,用。需求是要传入当前显示的第一天和最后一天来获取范围,再判断某个日期是否是假期,或者工作日。watch监听月份变动,重新计算日期。原创 2024-09-23 17:15:29 · 393 阅读 · 0 评论 -
Windows 11安装nvm教程
nvmnvm。原创 2024-09-06 10:06:22 · 2148 阅读 · 1 评论 -
浏览器a标签下载txt、json文件自动打开预览的问题
由于浏览器的特性等等文件放在a标签的href属性中会被浏览器直接打开,这时可以给a添加download属性强制下载,但是当执行文件时download属性就会失效。原创 2024-05-06 16:08:57 · 1003 阅读 · 0 评论 -
使用CryptoJS库实现JavaScript中的DES加密和解密功能
CryptoJS是一个流行的JavaScript加密算法库,提供了多种加密算法的实现,包括DES(Data Encryption Standard)。它可以在前端和后端环境中使用,并提供了简单易用的API接口。本文介绍了如何使用CryptoJS库来实现DES加密和解密操作,并提供了一个简单易懂的示例代码。希望本文能够帮助到读者理解CryptoJS库的基本用法,并在实际项目中应用加密技术保护数据安全。原创 2024-04-07 00:15:48 · 3156 阅读 · 0 评论 -
前后端依赖下载上传
在某些情况下,可能需要在没有互联网连接的环境中进行构建或部署。通过提前下载所有依赖,你可以将它们保存在本地,然后在没有网络连接时使用,提高构建或部署的效率。原创 2024-02-28 14:30:20 · 475 阅读 · 0 评论 -
Vue2x的自定义指令和render函数使用自定义指令
常用两种方式进行自定义指令,一种是全局定义,另一种在当前组件中定义// 局部定义data(){return {}},focus: {},},methos:{}// 全局定义// 使 v-focus 在所有组件中都可用},});// 全局和局部的调用方式相同钩子函数钩子函数就是拦截模块渲染流程的“挂钩”,在不同的节点拦截或监听事件,以完成自定义指令的操作。五种钩子拦截的事件分别是初始化、插入节点、渲染完成,监听绑定值的变化和销毁节点。bind。原创 2024-01-11 16:23:19 · 1595 阅读 · 0 评论 -
js禁止打开控制台,如何强行打开控制台?
选择好了之后回到第一个页签,选择需要修改的js文件,右键选择 替换内容。但是我们发现代码是被压缩过的,是一行代码,然后选择 格式化。所以我们需要把这个文件替换掉,然后干掉。进入到这个网站的首页,然后右键查 看网站的源码。保存,刷新一下页面就可以打开控制台访问页面了。(我是IE浏览器),谷歌浏览器是 替换。当我在查看某个网站的源码时,按。再输入网站也会进入到百度首页。会跳转到百度页面,或者先打开。原创 2023-12-21 22:46:17 · 2564 阅读 · 0 评论 -
Babel解析js代码的参数,函数名称,以及注释说明
Babel是一个强大的JavaScript编译器,可以用于解析JavaScript代码并提取参数、函数名称以及注释说明。原创 2023-09-17 16:21:43 · 1124 阅读 · 0 评论 -
input元素禁用了之后,点击事件是不会触发,禁用状态下也能触发点击事件或其他事件的办法
你可以使用CSS来模拟禁用状态的外观,而不实际禁用输入元素。这样,元素看起来像是禁用的,但仍然可以触发事件。你可以在禁用的输入元素上添加一个透明的覆盖层,以阻止用户点击它,但允许点击覆盖层上的内容。属性)时,该元素不会触发任何点击事件或其他交互事件。这是HTML规范的一部分,用于表示该输入元素处于不可交互状态,用户不能与其进行交互或触发任何事件。请根据你的需求选择适当的方法,以实现在禁用状态下触发事件。前两种方法需要一些自定义的样式和事件处理,但可以满足特定的交互需求。在HTML中,当一个。原创 2023-09-14 23:53:49 · 4070 阅读 · 0 评论 -
render函数使用和详解
在平时编程时,大部分是通过template来创建html。但是在一些特殊的情况下,使用template方式时,就无法很好的满足需求,在这个时候就需要 通过JavaScript的编程能力来进行操作。此时,就到了render函数展示拳脚去时候了。原创 2023-09-08 23:50:09 · 3896 阅读 · 0 评论 -
js下载blob文件
【代码】js下载blob文件。原创 2023-08-22 20:08:16 · 648 阅读 · 0 评论 -
js生成树状结构
ps:以上方法都会改变原数组数据,建议根据使用时先拷贝一份数据。转载 2023-08-15 23:49:05 · 320 阅读 · 0 评论 -
js如何判断是否在如何判断是否在iframe
Js代码。原创 2023-08-15 23:45:26 · 1691 阅读 · 0 评论 -
js中==和===的区别
=和===。简单说,它们的区别是相等运算符(==)比较两个值是否相等,严格相等运算符(===)比较它们是否为“同一个值”。如果两个值不是同一类型,严格相等运算符(===)直接返回false,而相等运算符(==)会将它们转换成同一个类型,再用严格相等运算符进行比较。转载 2023-07-29 10:45:34 · 1059 阅读 · 0 评论 -
JavaScript中undefined 和 null 区别
在JavaScript中null表示 “什么都没有”。null是一个只有一个值的特殊类型。表示一个空对象引用。主动释放一个变量引用的对象,表示一个变量不再指向任何对象地址。在JavaScript中,undefined是一个没有设置值的变量,同时也是所有没有赋值变量的默认值,并且是自动赋值。typeof一个没有值的变量会返回undefined。《javaScript权威指南》转载 2023-07-29 10:23:28 · 176 阅读 · 0 评论 -
vue修改数据后页面不重新渲染
使用vue,遇到几次修改了对象的属性后,页面并不重新渲染。原创 2023-06-27 15:22:57 · 2916 阅读 · 0 评论 -
html选择器
基本选择器 : 网页选择器核心标签选择器: 直接拿标签名作为选择器的名字使用作用: 当前网页中所有该标签都有效ID选择器: 一个网页中指定一个效果只能用一次写法: 给标签加id="值",#值{声明};类选择器:指定一个样式可以多次使用写法:给标签加class="值", . 值{声明};原创 2023-06-06 19:04:53 · 1930 阅读 · 0 评论 -
html 背景图铺满整个页面背景图片居中
html 背景图铺满整个页面背景图片居中原创 2023-06-01 10:26:20 · 3479 阅读 · 0 评论 -
first-child或者nth-child(1) 不起作用的原因
子元素的指定选择器。原创 2023-05-21 00:01:26 · 1846 阅读 · 0 评论 -
overflow属性的常用值详解
在CSS中,overflow是“溢出”的意思,该属性规定当内容溢出元素框时发生的事情,设置内容是否会被修剪,溢出部分是否会被隐藏;例如当属性值设置为“visible”则内容不会被修剪,为“hidden”则内容会被修剪并且其余内容是不可见的。当一个元素的内容太大而无法容纳时,我们可以对其进行控制。该元素的属性是overflow,它是overflow-x和overflow-y属性的简写形式。原创 2023-05-16 15:18:29 · 4162 阅读 · 0 评论 -
element-ui设置高度height属性与style属性设置的区别
element-ui设置高度height属性与style属性设置的区别原创 2023-05-08 16:30:28 · 3899 阅读 · 0 评论 -
js中call、apply、bind方法的用法
apply()和call()类似,唯一的不同点在于第二个参数传入一个参数数组。类似,不同点一bind()不会立即执行,而是返回一个改变了this后的函数;的第一个参数为this绑定的对象,后面传入一串参数列表。方法可将一个函数的对象上下文从初始的上下文改变为由。(3) 传递字符串、数值或布尔类型等基础类型,函数中的。调用一个对象的一个方法,以另一个对象替换当前对象。(2) 传递另一个函数的函数名,函数中的。的作用是改变函数运行时this的指向。(4) 传递一个对象,函数中的。指向其对应的包装对象,如。原创 2023-05-01 23:47:13 · 813 阅读 · 0 评论 -
javascript Prototype属性说明
javascript中的每个对象都有prototype属性,Javascript中对象的prototype每一个构造函数都有一个属性叫做原型。你不需要显式地声明一个prototype属性,因为在每一个构造函数中都有它的存在。转载 2023-04-27 15:54:08 · 666 阅读 · 0 评论 -
前端中 try-catch 捕获不到哪些异常和常见错误
前端中 try-catch 捕获不到哪些异常和常见错误原创 2023-04-05 12:12:23 · 2748 阅读 · 0 评论 -
使用axios完成JS文件流式下载文件
JS文件流式下载文件源码实例下面是使用axios写的一个完整JS文件流式下载文件的完整源码原创 2023-02-21 21:08:42 · 934 阅读 · 0 评论 -
vue如何解决axios请求前端跨域问题
一、为什么会出现跨域的问题?跨域:浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域。在前后端分离的模式下,前后端的域名是不一致的,此时就会发生跨域访问问题。跨域问题来源于JavaScript的同源策略,即只有 协议+主机名+端口号(如存在)相同,则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源,不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的。而axios是通过Promise实现对ajax技术的一种封装,也同样存在跨域问题。二、解决原创 2022-04-15 22:07:16 · 14466 阅读 · 4 评论 -
HTML与CSS进阶(下)
1、动画(animation)动画是CSS3中最具颠覆性的特征之一,可通过设置多个节点来精确的控制一个或者一组动画,从而实现复杂的动画效果。动画的使用先定义动画再调用定义好的动画/*1. 定义动画*/@keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px }}div { /* 调用动画 */ animation-name: 动画名称; /* 持续时间原创 2021-10-10 22:36:27 · 338 阅读 · 1 评论 -
HTML与CSS进阶(上)
1、H5新增内容1. 什么是HTML5定义:HTML5定义了HTML标准的最新版本,是对HTML的第五次重大修改,号称下一代的HTML。两个概念:是一个新版本的HTML语言,定义了新的标签、特性和属性拥有一个强大的技术集,这些技术集是指:HTML5、CSS3、JavaScript,这也是广义上的HTML5。2. HTML5拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3特性性能与集成3. HTML5的现状绝大多数新的属性,都已经被浏览器所支持,原创 2021-10-10 21:20:14 · 321 阅读 · 0 评论 -
CSS基础(下)
1、CSS属性书写顺序建议遵循以下顺序:布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式)自身属性:width / height / margin / padding / border / background文本属性:color / font / text-decoration / text-align / vertical-align / white- s原创 2021-10-10 19:11:26 · 407 阅读 · 0 评论 -
CSS基础(中)
1、CSS背景(background)1. 背景颜色background-color: 颜色值; 默认的值是 transparent 透明的2. 背景图片(image)语法:background-image : none | url (url) ;例如:background-image: url(images/1.png);3. 背景平铺(repeat)background-repeat : repeat | no-repeat | repeat-x | repeat-y原创 2021-10-10 18:16:14 · 1320 阅读 · 0 评论 -
CSS基础(上)
1、CSS构造块HTML的局限性HTML满足不了设计者的需求,可以将网页结构与样式相分离,这样就可以在不更改网页结构的前提下,更换网站的样式。操作html属性不方便HTML里面添加样式带来的是无尽的臃肿和繁琐CSS网页的美容师让我们的网页更加丰富多彩,布局更加灵活自如。CSS最大的贡献:让HTML从样式中脱离,实现了HTML专注去做结构呈现,样式交给CSSCSS(Cascading Style Sheets)通常称为CSS样式表或层叠样式表(级联样式表)。作用主要用原创 2021-10-10 13:00:38 · 672 阅读 · 0 评论 -
HTML基础(下)
1、列表列表ul容器里面装载着结构,样式一致的文字或图表的一种形式,叫列表。列表最大的特点就是整齐 、整洁、 有序,跟表格类似,但是它可组合自由度会更高。1. 无序列表 ul< ul></ ul>中只能嵌套< li></ li>,直接在< ul></ ul>标签中输入其他标签或者文字的做法是不被允许的。< li>与</ li>之间相当于一个容器,可以容纳所有元素。<ul> <li原创 2021-10-09 21:03:38 · 948 阅读 · 0 评论 -
HTML基础(上)
1、认识WEB网页 主要是由文字、图像和超链接等元素构成,当然除了这些元素,网页中还可以包括音频、视频以及Flash等。浏览器 是网页显示、运行的平台。浏览器内核(排版引擎、解释引擎、渲染引擎)负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。浏览器内核备注IETridentIE、猎豹安全、360极速浏览器、百度浏览器firefoxGecko可惜这几年已经没落了,打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。Safar原创 2021-10-09 19:27:42 · 1809 阅读 · 3 评论 -
JavaScript基础(下)
1、对象对象的概念「对象」 在JavaScript中,对象是 一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中常用方法来表示(常用动词)「为什么需要对象」保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组,如果保存一个的完整信息呢?为了更好地存储一组数据,对象应用而生;对象中为每项数据设置了属性名称,可以访问数据更语义化,数据结构清晰,表原创 2021-10-09 17:42:54 · 480 阅读 · 1 评论 -
JavaScript基础(中)
1、数组与函数1.1、数组数组的概念: 一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。创建数组利用new关键字创建数组; var 数组名 = new Array([n]);//[]代表可选 若写n,则代表数组的长度 var arr = new Array();//创建了一个名为 arr 的空数组利用数组字面量创建数组 // 1. 使用数组字面量方式创建空的数组 var 数组名 = [];//若写n原创 2021-10-09 16:40:33 · 872 阅读 · 1 评论 -
JavaScript基础(上)
1、编程基础「计算机语言」 分为机器语言,汇编语言,高级语言。计算机内部最终执行的都是机器语言,由0和1这样的二进制数构成。「数据存储单位」 8bit(比特) = 1B(Byte)字节 千字节1KB = 1024B「翻译器」 高级语言编写的程序不能被计算机识别,需要经过转换,将源代码程序翻译成机器语言才能运行。浏览器里面的js解释器就是这样的一个翻译器。「程序运行」打开某个程序时,先从硬盘中把程序的代码加载到内存中CPU执行内存中的代码注意:之所以要内存的一个重要原因,是因为 cpu运行太快原创 2021-10-09 15:40:37 · 421 阅读 · 0 评论
分享