自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

MISS_zhang_0110的博客

前端知识小总结

  • 博客(220)
  • 收藏
  • 关注

原创 输入搜索时候el-input和el-select来回切换

需求分析:输入搜索下拉框,如果下拉框中没有就变成输入框。

2024-05-21 11:27:52 92

原创 vue 引入 emoji 表情包

【代码】vue 引入 emoji 表情包。

2024-05-21 11:06:31 125

原创 在vue项目中使用md5对登录密码进行加密

MD5是一种信息摘要算法(对称加密),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值,用来确保信息传输完整一致性。它可以计算任意长度的输入字符串,得到固定长度的输出,而且这个算法是不可逆的,即使得到了加密的密文,也不可能用解密算法反算出明文。

2024-05-21 10:58:45 122

原创 纯前端实现截图功能

【代码】纯前端实现截图功能。

2024-05-21 10:41:43 67

原创 el-calendar如何判断点击的是上个月、今天、下个月

【代码】el-calendar如何判断点击的是上个月、今天、下个月。

2024-05-21 10:32:26 193

原创 html导出word和pdf格式

【代码】html导出word和pdf格式。

2024-05-21 10:26:05 213

原创 点击@和输入@,防微信@功能

注意:输入框不能不能设置为display: inline-block;不然初始化的时候获取输入的光标是无法获取到的。

2024-05-21 09:52:16 162

原创 vue预览 pdf、word、xls、ppt、txt、csv文件方法

word、xls、ppt、pdf 这些文件要用 微软官方的预览地址。注意:1. 文件地址必须公网;2. 静态资源不要有访问权限。

2024-05-10 15:03:43 183

原创 el-upload上传附件,如何限制附件类型和附件大小

【代码】el-upload上传附件,如何限制附件类型和附件大小。

2024-05-10 14:53:47 278

原创 vue项目中基于fabric 插件实现涂鸦画布功能

【代码】vue项目中基于fabric 插件实现涂鸦画布功能。

2024-04-22 17:54:27 425 1

原创 el-upload组件如何上传blob格式的url地址视频

el-upload是Element UI中用于文件上传的组件,通常用于上传本地文件。如果需要上传url地址而不是本地文件也是可以的,需要自己封装一下。

2024-04-22 17:38:08 383 1

原创 package.json 和 package-lock.json的区别

package.json 是项目的元数据文件,用于描述项目和定义依赖项。而 package-lock.json 是锁定文件,记录了确切的依赖树结构以及依赖项的版本信息,用于确保在不同环境下使用相同的依赖版本。package.json 和 package-lock.json 是在 Node.js 项目中使用的两个重要文件,它们有不同的用途和功能。本人简单总结:安装依赖时候 ,可以把package-lock.json删掉,安装依赖时候会自动生成。

2024-01-16 16:59:15 631

原创 ArkTS中的生命周期

• aboutToAppear:组件即将出现时回调该接⼝,具体时机为在创建⾃定义组件的新实例后,在执行其build()函数之前执行。• aboutToDisappear:在自定义组件即将析构销毁时执行。@Component// 组件生命周期console.info('在自定义组件即将析构销毁时执行')// 组件生命周期console.info('在自定义组件即将出现时回调该接⼝')build(){Row(){

2024-01-15 15:31:27 561

原创 ArkTS中自定义组件

1:组件必须使用@Component装饰2:@Entry装饰在哪个组件上,页面就展示哪个组件(主组件)3:被@Entry装饰的主组件,build()中必须有且仅有一个根容器组件,其它自定义组件,build()中有且仅有一个根组件。

2024-01-15 14:57:10 575

原创 ArkTS声明式开发范式:赋值显示,css样式,点击事件,页面跳转

页面地址:src/main/ets/pages/Second.ets。

2024-01-15 14:21:30 508

原创 response 拦截器返回的二进制文档(同步下载excel)如何配置

【代码】response 拦截器返回的二进制文档(同步下载excel)如何配置。

2024-01-12 09:55:46 390

原创 JS中的数据类型和typeof判断后几种类型

基本数据类型:string number boolean underfined null。引用数据类型:array object。

2024-01-05 10:24:18 581

原创 es6中import * as导入方式

import * as XLSX from ‘xlsx’ 中的 import * as 是 ES6 模块化语法中的一种导入方式。这种语法允许你将一个模块的所有导出内容都绑定到一个命名空间对象上,以便在当前模块中使用。在这个例子中,* as XLSX 的意思是将整个 xlsx 模块的导出内容都绑定到一个名为 XLSX 的命名空间对象上。通过使用 import * as XLSX,你可以通过 XLSX 对象来访问 xlsx 模块中导出的所有函数、变量或其他成员。

2024-01-04 15:47:58 1417

原创 前端根据URL地址实现下载(txt,图片,word,xlsx,ppt)

一般来说,下载通过以上写法可以实现下载。但是download属性本身存在一些限制或者系统的限制,会导致该属性失效,转而改为打开文件。如果是非同源url,可以使用blob: URLs 和 data: URLs。仅适用于同源URL(同协议,同端口,同域名,什么是同源URL)还没有找到好办法,如果各位有,评论一下我呀。

2024-01-04 15:35:03 1044

原创 vue项目中的录屏插件recordrtc且带声音

其中窗口录屏不带声音,chrome标签和整个屏幕的录屏是带声音的。

2024-01-04 15:22:07 1087

原创 vue-cli项目中vue.config.js的配置

【代码】vue-cli项目中vue.config.js的配置。

2024-01-04 15:11:27 602

原创 vue-cli搭建项目中axios拦截器配置及不同接口对应不同后端接口域名配置

【代码】vue项目中axios拦截器配置及不同接口对应不同后端接口域名配置。

2024-01-04 15:09:08 413

原创 vue-cli配置自定义打包命令

env.production 是生产环境下的配置文件(也就是正式环境),仅在生产环境加载。.env.development 是开发环境下的配置文件,仅在开发环境加载。.env 后缀的文件是全局默认配置文件,不论什么环境都会加载并合并。在vue项目中,env是全局配置文件,可以存储不同环境下的变量。使用vue-cli搭建项目,默认会在根目录创建一个.env文件。如果需要更多类型的.env文件,需要自行创建。以上三个文件命名不能变。

2024-01-04 14:59:24 464

原创 vue-cli创建项目时由esLint校验导致报错或警告的问题及解决

其它的方法我遇见了再补充。

2024-01-04 14:45:18 383

原创 element-ui中的el-table实现分页切换连续多选功能(切换分页,保存上一页勾选的)

第一页勾选两个,切换第二页,勾选三个,目的:总共勾选五个。

2024-01-04 14:11:12 741 1

原创 纯前端上传word,xlsx,ppt,在前端预览并下载成图片(预览效果可以,下载图片效果不太理想)

二、主要代码没了~链接: https://www.jb51.net/article/278400.htm

2024-01-04 11:34:22 917

原创 el-input文本域如何设置不可以拉伸

【代码】el-input文本域如何设置不可以拉伸。

2024-01-04 11:12:49 675

原创 es6之class类

类是用于创建对象的模板,类只是让对象原型的写法更加清晰、更像面向对象编程的语法。// 构造函数// 方法say(){console.log('我能说话')// 实例化let zs = new Person('张三', 24)// 实例化let ls = new Person('李四', 24)类是“特殊的函数”,就像定义的函数表达式和函数声明一样,类语法有两个组成部分:类表达式和类声明。// 类声明// 类表达式函数声明和类声明之间的一个重要区别,函数声明会提升,类声明不会。

2023-12-01 17:16:33 252

原创 es6中的import导入模块 和 export导出模块

功能:用于导入和导出模块的内容。静态加载:import 是静态加载模块的方式,在编译阶段进行检查和解析,使得工具可以进行优化和静态分析。异步加载:支持异步按需加载模块。作用域:import 和 export 存在块级作用域,可以灵活地控制变量和函数的可见性。浏览器支持:需要使用打包工具(如 webpack 或 Rollup)将 ES6 模块转换为浏览器可识别的格式,或者在现代浏览器中使用总结起来,require 是 CommonJS 模块系统中用于导入模块的关键字,采用同步加载方式;

2023-11-24 16:21:18 645

原创 require导入module.exports 或 exports导出的使用

CommonJS 是一种用于 JavaScript 的模块化规范,用于在服务端环境和旧版浏览器中组织和管理代码。它定义了模块的导入(require)和导出(module.exports 或 exports)方式,并支持同步加载模块。

2023-11-24 15:59:59 379

原创 css引入的三种方式

总结起来,内联样式适用于少量特定元素的个性化样式,外部样式表适用于整个网站或文档的样式定义和共享,而 内部样式表则适用于样式与特定 HTML 文档紧密关联的情况。选择适当的方法取决于项目需求、代码维护性和性能要求。

2023-11-24 14:05:32 525

原创 Unicode编码的emoji表情如何在前端页面展示(未完成)

U+1F601 和 0x1F601 表示同一个 Unicode 代码点,即笑脸 Emoji 的代码点。它们之间的区别在于表示方式和数据类型。1.U+1F601 是一种常见的表示方式,也称为 “U+” 标记法。它表示一个 Unicode 代码点,前缀 “U+” 后面跟着该代码点的十六进制表示。在这种表示方式下,U+1F601 表示笑脸 Emoji 的代码点。2.0x1F601 是一个十六进制数值,以 0x 开头表示。在 JavaScript 中,以 0x 开头的数字表示十六进制数值。

2023-11-17 17:01:35 880

原创 vue项目中设置background: url() 是行内样式不生效,样式表是可以的

[TOC](vue项目中设置background: url() 是行内样式不生效,样式表是可以的)首先:如果不是项目中普通的一个index.html中是可以的。

2023-11-17 16:46:41 1033 2

原创 音频url如何下载到本地浏览器上

别看了,没了,就这么简单~

2023-11-13 14:21:46 150

原创 el-upload上传附件预览只能上传一个,上传玩没有+号

实现原理是通过控制css显隐hideUpload 字段。

2023-11-13 10:07:29 344

原创 前端如何把图片url地址https://url转成base64

【代码】前端如何把图片url地址https://url转成base64。

2023-11-13 10:00:51 2472

原创 vue2.0项目中组件和iframe之间如何传值

【代码】vue2.0项目中组件和iframe之间如何传值。

2023-10-24 14:17:17 427

原创 vue项目内嵌iframe,iframe如何自适应高度

【代码】vue项目内嵌iframe,iframe如何自适应高度。

2023-10-24 14:08:59 1915

原创 项目中拖拽元素,可以使用html的draggable属性,当然也可以用第三方插件interact

html的draggable属性需要自己写逻辑,用人家封装好的代码简单逻辑清楚,非常香。

2023-10-24 14:02:23 500

原创 vue项目中内嵌iframe,打包上线时候iframe地址如何写?

前提描述,项目是用webpack打包的,内嵌一个完整的js小组件。

2023-10-24 13:53:42 571

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除