js
weixin_45439379
这个作者很懒,什么都没留下…
展开
-
前端使用pdf.js无法显示填充的内容
前端使用pdf.js无法显示填充内容原创 2022-11-29 15:45:41 · 488 阅读 · 0 评论 -
前端下载流文件报错
前端流文件下载原创 2022-11-24 20:06:29 · 454 阅读 · 0 评论 -
前端利用正则对手机号码,身份证号,姓名进行脱敏处理
正则给手机,身份证,姓名用星替换敏感信息原创 2022-07-06 17:15:08 · 4301 阅读 · 0 评论 -
立即执行函数报错Uncaught TypeError: (intermediate value) is not a function.
立即执行函数报错Uncaught TypeError: (intermediate value) is not a function.文章目录立即执行函数报错Uncaught TypeError: (intermediate value) is not a function.前言一、现象二、解决三、原因分析总结前言立即执行函数报错Uncaught TypeError: (intermediate value) is not a function.一、现象<!DOCTYPE html>原创 2022-03-29 10:12:46 · 3044 阅读 · 1 评论 -
css隔离方案:shadow-dom
css隔离方案:shadow-dom文章目录css隔离方案:shadow-dom前言一、shadow dom给shadow dom 节点中的p标签添加样式不影响 影子节点外的p标签的样式二、mdn总结前言约定项目前缀(既然是约定,肯定会有不遵守)css-modules 打包时生成不冲突的选择器名shadom dom 处理父子应用真正意义上的隔离一、shadow dom<!DOCTYPE html><html lang="en"><head> <原创 2022-03-25 09:21:54 · 989 阅读 · 0 评论 -
js中的new Map的使用教程
js中的new Map的使用教程文章目录js中的new Map的使用教程前言一、是什么二、常用api三、实战场景总结前言主要通过三段论讲解:js中的new Map一、是什么map数据结构是es6中新出的语法,其本质也是键值对,只是其键不局限于普通对象的字符串二、常用api(1)创建mapvar mymap = new Map() // 创建空mapvar map2 = new Map([[1,2],[true,3]]) // 有初始参数的map(2)map的方法map有has,get原创 2022-03-21 16:00:59 · 9888 阅读 · 0 评论 -
根据base64串下载文件(重点:不需要区分每一种base64拼接头的类型)
根据base64串下载文件(重点:不需要区分每一种base64拼接头的类型)文章目录根据base64串下载文件(重点:不需要区分每一种base64拼接头的类型)一、直接上代码二、重点:不需要根据不同的类型区别拼接base64格式头总结一、直接上代码/** * desc: base64对象转blob文件对象 * @param urlData :数据的base64对象 * @param type :类型 png,pdf,doc,mp3等; * @returns {Blob}:Blob文件对象原创 2022-03-17 18:17:33 · 701 阅读 · 0 评论 -
js获取近一周,近一个月,近三个月时间
js获取近一周,近一个月,近三个月时间文章目录js获取近一周,近一个月,近三个月时间// 获取进一周时间export function getAWeek() { let end = new Date() let year = end.getFullYear() let month = end.getMonth() + 1 //0-11表示1-12月 let day = end.getDate() let dateObj = {} // dateObj.end = year +原创 2021-12-02 12:33:38 · 1441 阅读 · 0 评论 -
前端下载后台传入的pdf base64格式的文件
前端下载后台传入的pdf base64格式的文件base64格式的文件路径转为pdf下载原创 2021-11-26 16:07:19 · 438 阅读 · 0 评论 -
前端为防止改变原数组的操作
前端为防止改变原数组的操作let newArr = arr.slice()此时newArr就是新的了,随便操作原创 2021-11-04 13:59:17 · 122 阅读 · 0 评论 -
js获取电脑及浏览器缩放比例
js获取电脑及浏览器缩放比例文章目录js获取电脑及浏览器缩放比例前言前言js获取电脑及浏览器缩放比例function detectZoom() { let ratio = 0 const screen = window.screen const ua = navigator.userAgent.toLowerCase() if (window.devicePixelRatio !== undefined) { ratio = windo原创 2021-10-21 09:15:28 · 1850 阅读 · 3 评论 -
uni-app实现页面搜索高亮
uni-app实现页面搜索高亮文章目录uni-app实现页面搜索高亮前言一、效果二、上代码1.2.三、注意点四、总结前言uni-app + rich-text 实现页面搜索高亮一、效果上图:二、上代码1.结构:<view class="info"> <rich-text class="name" :nodes="brightenKeyword('吴小莉',searchIptValue)"></rich-text> <view class="p原创 2021-05-27 17:48:58 · 771 阅读 · 0 评论 -
js实现将图片或者文字设置为水印
js实现将图片或者文字设置为水印文章目录js实现将图片或者文字设置为水印一、看下效果二、上代码总结一、看下效果不影响点击事件,代码中可以测试二、上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="原创 2021-05-27 11:17:47 · 908 阅读 · 0 评论 -
pink-数据大屏
pink-数据大屏文章目录pink-数据大屏前言一、主要内容1.课程内容介绍二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、主要内容1.课程内容介绍可视化面板布局适配屏幕利用EChart实现柱状图展示课程技术栈:-基于flexible.js + rem智能大屏适配-VScode c原创 2021-05-16 21:05:47 · 409 阅读 · 0 评论 -
echarts体验使用五部曲-五分钟快速上手
echarts体验使用五部曲-五分钟快速上手文章目录echarts体验使用五部曲-五分钟快速上手前言一、看效果二、上代码总结前言echarts体验使用五部曲-五分钟快速上手,不两分钟一、看效果二、上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg原创 2021-05-14 20:44:04 · 237 阅读 · 0 评论 -
ITEXT将HTML转为PDF内容被截断处理及相关问题总结
ITEXT转HTML为PDF遇到的问题文章目录ITEXT转HTML为PDF遇到的问题前言一、常见问题二、color问题1.问题描述2.解决三、ITEXT转换为pdf时不识别的样式总结总结前言记录一下使用itext将html文件转为pdf文件遇到的一些问题一、常见问题常见问题及案例总结的很全,解释也很到位二、color问题1.问题描述直接上图:html页面中正常-转换完成后变这样最后的“88”变成这样了,跟加了边框似的2.解决先看效果:思路:把样式中的font-weight去原创 2021-05-08 19:26:12 · 2411 阅读 · 1 评论 -
前端实现小程序跳转h5 && h5跳转回小程序
前端实现小程序跳转h5 && h5跳转回小程序文章目录前端实现小程序跳转h5 && h5跳转回小程序前言一、直接上代码二、前提---js安全域名配置三、小程序及h5页面中的注意点1.小程序中的注意点2.h5页面中的注意点总结前言官网地址走一波此处的场景是:小程序跳转内嵌h5,再由此h5 跳转至小程序的各个页面线上代码,再逐一分析一、直接上代码(1)小程序<!--pages/webview/webview.wxml--><web-view原创 2021-04-30 17:36:47 · 1200 阅读 · 2 评论 -
前端实现短信中的链接跳转至微信小程序
前端实现短信中的链接跳转至微信小程序文章目录前端实现短信中的链接跳转至微信小程序前言一、生成URLSCheme二、h5页面的处理图片中的关键:三、短信中配置上h5链接总结前言注意此处的实现场景:(1)不是:小程序内嵌h5跳转小程序(2)不是:微信环境下的h5跳转小程序此种场景请查看(3)不是:短信链接-链接是URL Scheme形式跳转小程序(3)而是:短信链接-https://xxx形式跳转小程序一、生成URLSCheme去微信公众平台生成小程序的urlScheme位置:生成:原创 2021-04-30 14:49:29 · 3919 阅读 · 4 评论 -
前端js实现批量下载文件
前端js实现批量下载文件文章目录前端js实现批量下载文件前言一、效果展示二、代码实现总结前言在表格中对数据列表进行批量操作,涉及到批量下载文件时就用到这里了一、效果展示二、代码实现1.方法封装htmlvar btn = document.getElementById('download-btn');数据 //将要进行多文件下载,以组数的形式存起来 var mp3arr = ["http://www.jq22.com/img/cs/500x500-1.png", "http://原创 2021-04-16 19:12:19 · 2483 阅读 · 2 评论 -
js常用正则-都在这里了
js常用正则-都在这里了文章目录js常用正则-都在这里了前言一、基础二、手册三、常用正则总结前言基础 +手册+ 示例提示:以下是本篇文章正文内容,下面案例可供参考一、基础是什么 + 常用方法二、手册手册查阅三、常用正则来这里粘贴总结提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。...原创 2021-04-16 18:47:34 · 144 阅读 · 0 评论 -
如何通过字符串路径来访问成员对象---“轻奢主义”
如何通过字符串路径来访问成员对象—“轻奢主义”前言通过字符串路径来访问成员对象即使用’xxx.yyy.zzz’可以访问某一个对象的值方案<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"原创 2021-03-03 19:35:22 · 122 阅读 · 1 评论 -
canvas学习这一片果然就够了(一)
canvas学习这一片果然就够了提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录canvas学习这一片果然就够了前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。原创 2021-02-05 14:34:33 · 710 阅读 · 0 评论 -
clipboard.js使用超详细
clipboard.js使用教程文章目录clipboard.js使用教程前言一、基本使用步骤1.npm安装2. 在js文件中引入3.页面结构4.方法调用二、项目使用案例1.文件封装clipboard.js2.页面使用总结前言我们开发的中,有的应用需要用户拷贝页面的内容,方便用户操作。此时,就是需要是用粘贴板功能。clipboard.js的作用就正好满足了我们的需求一、基本使用步骤1.npm安装npm install clipboard --save2. 在js文件中引入impor原创 2020-12-30 10:09:38 · 6190 阅读 · 0 评论 -
three.js使用超炫酷的鼠标跟随案例
three.js使用超炫酷的鼠标跟随案例文章目录three.js使用超炫酷的鼠标跟随案例前言一、效果展示二、直接上代码1.效果代码2.注意点总结前言three.js在浏览器中就能够简单和轻便渲染出3D场景.一、效果展示二、直接上代码1.效果代码<!DOCTYPE html><meta charset="utf-8"><style>body { margin: 0; background: #111; min-width: 960px原创 2020-12-14 11:22:27 · 802 阅读 · 0 评论 -
js鼠标键入,插入内容
js鼠标键入,插入内容文章目录js鼠标键入,插入内容前言一、案例展示二、关键方法总结前言在日常开发中,我们可能遇到将固定模板或者文字插入到鼠标闪动的位置上去,接下来就分享一个小案例,来解决这种需求。一、案例展示<!doctype html><html><head><meta charset="utf-8"><title>鼠标键入插入内容</title></head> <body>原创 2020-12-14 10:46:30 · 259 阅读 · 0 评论 -
qs.js使用手把手教程
qs.js使用手把手教程文章目录qs.js使用手把手教程前言一、qs.parse二、qs.stringify1.基本用法2.排序3.指定数组编码格式4.处理json格式的参数前言qs是一个url参数转化(parse和stringify)的js库。一、qs.parseqs.parse 方法可以把一段格式化的字符串转换为对象格式,比如let url = 'http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e';l原创 2020-12-11 20:01:51 · 2801 阅读 · 0 评论 -
js-cookie使用手把手教程详解
js-cookie使用教程详解文章目录js-cookie使用教程详解前言一、安装二、引用三、使用四、总结前言js-cookie是一个简单的,轻量级的处理cookies的js API。js-cookiejs-cookie-github一、安装npm install js-cookie --save二、引用import Cookies from 'js-cookie'三、使用(1)存// Create a cookie, valid across the entire sit原创 2020-12-11 18:42:34 · 658 阅读 · 0 评论 -
前后端 crypto-js aes 加解密
前后端 crypto-js aes 加解密文章目录前后端 crypto-js aes 加解密前言一、前端实现1.安装包(1)npm 安装(2) 引入(3)使用2.cdn使用(1)引入资源(2)使用二、后端实现总结前言项目中需要对敏感数据进行加密解密,比如身份证号,手机号码等关键信息,前后端都需要进行接口加密处理的情况,此处使用的是crypto-js aes,有两种方式安装包的使用案例使用cdn资源一、前端实现1.安装包(1)npm 安装 npm install crypt原创 2020-11-24 10:29:39 · 1053 阅读 · 0 评论 -
js中日期与时间戳相互转换
js中将日期转换为时间戳文章目录js中将日期转换为时间戳日期转换为时间戳方式 一:使用原生javascript的Date对象,进行格式化方式 二:js库moment.js进行格式化二、使用步骤1.引入库2.读入数据总结日期转换为时间戳方式 一:使用原生javascript的Date对象,进行格式化1.var date = new Date('2013/08/30')var time1 = date.getTime(); var time2 = date.valueOf();原创 2020-11-21 10:20:24 · 744 阅读 · 0 评论