![](https://img-blog.csdnimg.cn/4ce9056bda7847c1b009d52452fef49f.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端知识整理集册
主要整理自己遇到的坑以及好用的方法,独乐乐不如众乐乐
kinoko57
一个疯狂敲码的程序媛
展开
-
cnpm使用报错-最佳方案
cnpm使用报错throw err;^Error: Cannot find module 'fs/promises翻译 2022-06-30 11:48:10 · 1735 阅读 · 0 评论 -
vue 项目使用 Clipboard-复制文本或图片到剪贴板
1、安装插件npm install clipboard --save2.案例<template> <div> <a class="clip-btn" data-clipboard-target="#copytext" href="javascript:void(0);">复制文本</a> <div id="copytext"> &原创 2022-05-27 17:31:06 · 1057 阅读 · 3 评论 -
前端实现csv文件类型下载
实现代码:let url = window.URL.createObjectURL(new Blob([’\uFEFF’+res], {type: ‘text/csv’}))let link = document.createElement(‘a’)link.style.display = ‘none’link.href = urllink.setAttribute(‘download’, 话费供应商模板${new Date().getTime()}.csv)document.body.app原创 2022-02-18 14:43:04 · 1197 阅读 · 0 评论 -
svg图片在vue项目中的应用
svg图片在vue项目中的应用一、安装 svg-sprite-loader 插件 npm install svg-sprite-loader二、基于 vue-cli2.x 项目 webpack 配置配置build文件夹中的 webpack.base.conf.js 文件 //注意 url-loader 中要将 icons 文件夹排除, 不让 url-loader 处理该文件夹exclude: [resolve('src/icons')],{ test: /\.svg$/,原创 2021-11-01 13:32:29 · 583 阅读 · 0 评论 -
前端ArrayBuffer转换为base64图片
定义函数:export function transformArrayBufferToBase64( buffer ) {var binary = ‘’;var bytes = new Uint8Array( buffer );var len = bytes.byteLength;for (var i = 0; i < len; i++) {binary += String.fr...原创 2019-08-01 14:03:22 · 490 阅读 · 0 评论 -
多行出现省略号 多列显示文章
多行省略属性:text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 加粗样式2;//列数-webkit-box-orient: vertical;图片:原创 2019-07-31 16:51:54 · 72 阅读 · 0 评论 -
二进制流转换成base64 || 二维码生成生成插件qrcodejs2
function transformArrayBufferToBase64(buffer) {var binary = ''var bytes = new Uint8Array(buffer)var len = bytes.byteLengthfor (var i = 0; i < len; i++) {binary += String.fromCharCode(byte...原创 2019-08-19 10:12:49 · 355 阅读 · 0 评论 -
如何让echarts图表随着浏览器窗口的大小变化而变化
1、页面标签适应浏览器2.当页面之中只有一个echarts图表的时候如下,首先简单设置一个宽度和高度都为浏览器大小的50%的柱状图<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <...原创 2019-08-09 11:39:01 · 1437 阅读 · 0 评论 -
Html5剪切板功能的实现代码
1.不带input输入框的原生js方法这种情况适用于复制非输入框中的文本到剪切板 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 ...原创 2019-08-16 10:21:50 · 111 阅读 · 0 评论 -
关于前端进行ios配置微信config出现验签失败的问题解决
关于前端进行ios配置微信config出现验签失败的问题解决问题描述: 1、请求后台获取了微信配置参数并配置了微信参数后 2、在ios手机上显示验签失败,功能无法使用。 3、在微信开发者工具、安卓端验签成功,功能正常。 4、经测试,ios端刷新页面后,验签即正常,所以,配置参数没有问题。造成问题原因:因为用的是vue单页spa,在单页spa方面vue的history在iOS中页面地址会始终为第一次进入的链接地址。而这里的授权会有一个获取openId的过程,所以就会有在iOS中授权失败的原创 2021-10-26 15:50:59 · 2671 阅读 · 1 评论 -
js禁止鼠标右键及F12禁止查看源代码
F12审查元素的情况下,可以随机更改代码,注入恶意JS等等,避免这种情况如下:一、屏蔽F12 审查元素<script> document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { alert("F12被禁用"); event.keyCode = 0; event.retu翻译 2021-10-26 15:38:16 · 1006 阅读 · 0 评论 -
git上传项目出现hint: Updates were rejected because the remote contains work that you do
git报错 hint: Updates were rejected because the remote contains work that you do解决方法1、 git pull origin master --allow-unrelated-histories2、git pull origin master3、git init4、git remote add origin 地址...原创 2020-02-26 11:22:13 · 588 阅读 · 0 评论 -
JS转换HTML转义符
//去掉html标签functionremoveHtmlTab(tab) {returntab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签}//普通字符转换成转意符functionhtml2Escape(sHtml) {returnsHtml.replace(/[<>&"]/g,func...原创 2019-10-15 16:22:11 · 47 阅读 · 0 评论