前端其他
文章平均质量分 52
记录一些前端衍生技术
我胖虎不答应!!
工作、学习、记录、进步
展开
-
leetcode随机刷题系列——Z 字形变换
闲时leetcode随机刷题系列——Z 字形变换文章目录闲时leetcode随机刷题系列——Z 字形变换一、题目描述二、题目分析三、解题代码一、题目描述leetcode 6.z字型变换将一个给定字符串 s 根据给定的行数 numRows ,以从上往下、从左到右进行 Z 字形排列。比如输入字符串为 “PAYPALISHIRING” 行数为 3 时,排列如下:P A H NA P L S I I GY I R之后,你的输出需要从左往右逐行读取,产生出一个新的字符串,比原创 2022-03-18 17:47:11 · 360 阅读 · 0 评论 -
leetcode随机刷题系列—— 整数反转
闲时leetcode随机刷题系列——整数反转文章目录闲时leetcode随机刷题系列——整数反转一、题目描述二、题目分析三、解题代码一、题目描述leetcode 7. 整数反转给你一个 32 位的有符号整数 x ,返回将 x 中的数字部分反转后的结果。如果反转后整数超过 32 位的有符号整数的范围 [−2^31, 2^31 − 1] ,就返回 0。假设环境不允许存储 64 位整数(有符号或无符号)。示例 1:输入:x = 123输出:321示例 2:输入:x = -123输出:原创 2022-03-21 10:56:45 · 350 阅读 · 0 评论 -
input文件上传根据请求头判断文件类型
javascript文件上传根据请求头判断文件类型。原创 2023-05-05 13:55:38 · 538 阅读 · 0 评论 -
openlayers浅入(了解框架逻辑以及简单使用)
项目需求,使用openlayer替换天地图api开发,记录openlayer的学习原创 2023-01-13 13:49:42 · 4557 阅读 · 0 评论 -
vue2项目 npm run build 打包报错 ERROR Error: EBUSY: resource busy or locked, rmdir....
vue打包报错,盲目的去google,看到网上有乍一眼看相同的错误,ERROR Error: EBUSY: resource busy or locked, unlink…害的自己重启半天编辑器,毫无卵用-_-,都贴出来记录一下!1、找到打开或使用dist文件,关闭即可(神仙操作:打包文件上传服务器时,还在上传过程中,然后服务器断开连接了导致一直在使用占用dist文件夹,导致了我的报错-_-)错误提示可以看出是打包过程中删除上次打包生成的dist文件报错,然后查看dist文件是否被打开正在使用。原创 2022-09-01 19:13:49 · 8059 阅读 · 0 评论 -
docker 创建nginx容器以及配置文件挂载语句记录
docker 创建nginx容器以及配置文件挂载语句记录拉取nginx命令docker pull nginx普通创建容器并挂载配置文件命令html文件夹放访问页面静态资源, conf.d文件夹放nginx配置的子文件, nginx.conf文件配置文件入口 *docker run --name nginx -p80:80 -v /etc/nginx/conf.d:/etc/nginx/conf.d -v /etc/nginx/nginx.conf:/etc/nginx/nginx.原创 2022-05-19 10:32:03 · 429 阅读 · 1 评论 -
typescript引入@types/node下的模块时,编辑器报错提示找不到对应模块解决方法
typescript引入@types/node下的模块时,编辑器报错提示找不到对应模块解决方法例如:在引入fs模块时使用import * as fs from 'fs’方式引入时,编辑器报错如下----------博客以引入fs模块为例,ts在引入其他声明文件包下的模块时遇到找不到对应模块时,解决方法大同小异报错原因可能有以下几种情况1、本地没有 @types/node声明文件包解决:没有@types/node包的情况下直接执行下文语句,导入到项目本地即可 npm install @t原创 2022-05-17 17:46:52 · 42220 阅读 · 1 评论 -
javascript实现页面目录功能锚点跳转的姿势(操作页面元素滚动、以及监听滚动)记录
javascript实现页面目录功能锚点跳转知识点总结假dom A是滚动条的盒子, B是A的子元素,实现B滚动到A可视范围的顶部的方法(仅记录我是用的两种方法)1、scrollTo方法通过A(滚动条的盒子)的scrollTo方法,设置top为B的offsetTop属性值scrollTo:Element(滚动条的盒子) 的scrollTo() 方法可以使界面滚动到给定元素的指定坐标位置 A.scrollTo({ top: B.offsetTop, behavior: 'sm原创 2022-04-18 18:31:07 · 1935 阅读 · 0 评论 -
javascript获取屏幕分辨率以及窗口尺寸(转载记录)
javascript获取屏幕分辨率以及窗口尺寸网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网转载 2022-04-12 16:28:47 · 417 阅读 · 0 评论 -
css实现动画效果代码记录,补习css3布局、定位、动画以及transform、filter等css3属性
效果图本来是一个动图的,不会gif将就用…HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2022-04-01 17:29:07 · 762 阅读 · 0 评论 -
SmtpJS 几行代码实现javascript发送邮件(记录)
SmtpJS前言一、SmtpJS是什么?二、使用准备发送邮箱(From 发件人邮箱)导入SmtpJs使用容易出错保护措施解决获取SecureToken时报错bootbox is not defined附上各邮箱的端口及smtp发送服务器地址前言在不考虑安全性的前提下,不通过后台手段使用javascript直接实现发送邮件的功能一、SmtpJS是什么?SmtpJS是一款通过javascript代码发送邮件的插件,导入插件后,只需简单几行代码就能实现邮件发送功能SmtpJS官网二、使用准备发送原创 2022-03-18 14:13:47 · 3531 阅读 · 8 评论 -
掉入parseInt二进制转十进制丢失精度问题 (BigInt数据类型记录)
翻车现场leetcode 1404.将二进制表示减到1的步骤数给你一个以二进制形式表示的数字 s 。请你返回按下述规则将其减少到 1 所需要的步骤数:如果当前数字为偶数,则将其除以 2 。如果当前数字为奇数,则将其加上 1 。题目保证你总是可以按上述规则将测试用例变为 1 。示例 1:输入:s = “1101”输出:6解释:“1101” 表示十进制数 13 。Step 1) 13 是奇数,加 1 得到 14Step 2) 14 是偶数,除 2 得到 7Step 3) 7 是奇数,原创 2022-03-17 16:08:33 · 1375 阅读 · 0 评论 -
javascript浅谈原型与原型链
讲述javascript构造函数、原型 、实例与原型链之间原创 2022-03-14 15:41:37 · 1260 阅读 · 0 评论 -
vue3.0 解决浏览器小图标 ico图标更换不了的问题 记录
vue3设置ico图标审查元素显示如下<!--[if IE]><linke rel="icon" herf="logo.ico" /><![endif]-->解决方法index.html<head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpor转载 2022-03-09 11:14:40 · 1487 阅读 · 0 评论 -
element-plus menu 设置default-active 页面刷新时 导航高亮 踩坑
element-plus menu 设置default-active 页面刷新时 导航高亮1、绑定default-active, index值为路由path (resourceUrl)<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" :router="true" @select="handleSelect" > <el-menu-原创 2022-01-18 16:16:19 · 5927 阅读 · 0 评论 -
element-ui下拉框数据过多,导致页面卡顿崩溃问题优化
解决element 下拉选择数据量大时,导致页面卡顿甚至崩溃问题原创 2021-12-09 10:08:42 · 10423 阅读 · 4 评论 -
Cesium 加载在线天地图瓦片和离线瓦片功能(cesium开发记录)
Cesium 加载在线天地图瓦片功能1、未联网状态加载默认本地底图,保证地球有底图显示let viewer = new Cesium.Viewer('cesiumContainer', { // 未联网状态下 默认显示球面地图 imageryProvider: new Cesium.TileMapServiceImageryProvider({ url: Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')原创 2021-11-25 16:01:11 · 7216 阅读 · 3 评论 -
Vue + Cesium项目中造成cesium界面卡顿问题的罪魁祸首
Vue + Cesium项目中造成cesium界面卡顿问题的罪魁祸首(优化记录)千万不要将cesium里的对象如下图entity,保存在vue的data结构树中!!!千万不要将cesium里的对象如下图entity,保存在vue的data结构树中!!!千万不要将cesium里的对象如下图entity,保存在vue的data结构树中!!!一般在cesium注册的事件中处理业务逻辑时会出现这种情况这种数据保存在vue中属实很愚蠢!!!...原创 2021-11-24 16:57:03 · 7755 阅读 · 10 评论 -
nginx: [emerg] unknown directive “ worker_processes“
nginx 启动报错(记录)参考博客报错原因:nginx.conf文件的编码格式出错如果格式为utf-8-bom 就会报nginx: [emerg] unknown directive “worker_processes”…的错,一般是因为直接用记事本打开了配置文件导致的解决方法:使用Notepad++ 编辑器修改配置文件的编码格式为utf-8 覆盖原配置文件即可...原创 2021-11-19 13:58:37 · 7172 阅读 · 0 评论 -
前端处理文件流(blob方式)下载文件
前端处理文件流(blob方式)下载文件// 处理文件流 exportDocment(data, title) { //data 文件流、title 导出名 let a = document.createElement('a'); a.download = title; a.style.display = 'none'; let blob = new Blob([data],{ty转载 2021-10-29 15:59:52 · 1309 阅读 · 0 评论 -
vue + echarts(line)大数据重写区域缩放代码记录与处理大量数据时页面卡顿情况echarts属性优化记录
vue + echarts大数据重写区域缩放代码记录与处理大量数据时页面卡顿情况echarts属性优化记录1、重写区域缩放代码svg标签<svg :width="svgw" height="555" :style="svgStyle" version="1.1"> <rect width="100%" height="100%" style="fill:gray;opacity:0.3;stroke-width:0;stroke:rgb(0,0,0)" /&g原创 2021-09-28 11:17:10 · 904 阅读 · 0 评论 -
javascript判断H5页面是微信端打开或安卓手机、苹果手机打开(记录)
javascript判断是H5页面是微信端打开或安卓手机、苹果手机打开的方法参考原文let ua = navigator.userAgent;let isAndroid = ua.indexOf("Android") > -1 || ua.indexOf("Linux") > -1;let isIOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端let isWeixin = ua.indexOf("MicroMesseng原创 2021-09-17 11:08:35 · 851 阅读 · 0 评论 -
vue 解决跨域时报错 Cannot read property ‘split‘ of null
vue 解决跨域时报错 Cannot read property ‘split’ of null具体错误TypeError: Cannot read property 'split' of null at required (C:\Users\杨韬锦\Desktop\cdwx-spring-cloud\beam-model-web\node_modules\requires-port\index.js:13:23) at Object.common.setupOutgoing (C:\U原创 2021-08-20 09:50:35 · 11129 阅读 · 4 评论 -
javascript blob与base64互转(转载记录)
javascript blob与base64互转(转载记录)/** * base64 to blob二进制 */ function dataURItoBlob(dataURI) { var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]; // mime类型 var byteString = atob(dataURI.split(',')[1]); //base64转载 2021-08-16 15:14:17 · 3408 阅读 · 4 评论 -
javascript制作gif动图----gif.js
Javascript制作gif动图gif.js 官网软件简介 出自开源软件gif.js 是一个可直接在浏览器上运行的 JavaScript GIF 编码器。支持的浏览器包括:Google ChromeFirefox 17Safari 6Internet Explorer 10Mobile Safari iOS 6使用方法:var gif = new GIF({workers: 2,quality: 10});// add an image elementgif.addFr原创 2021-08-16 15:07:27 · 5837 阅读 · 11 评论 -
libgif.js javascript拆分gif动图并导出保存为json格式文件(记录纯代码)
libgif.js接上文Cesium添加GIF图 libgif.js+Cesium.CallbackProperty扩展libgif.js的使用let gifimg = document.getElementById('one')// gif动图 domlet superGif = new SuperGif({ gif: gifimg});let is = falsesuperGif.load(function () { let arr = [] // let material =原创 2021-08-16 14:54:09 · 2041 阅读 · 0 评论 -
React结合html2canvas - jspdf 截取表格转pdf下载 并上传后台
html2canvas options属性简单使用,document是要截取的html片段(dom对象),options参数jspdfjspdf-Documnet 一个英文api文档jspdf 属性简单使用,具体可以参照api,还有网上很多大佬使用的记录功能实现的具体使用在我的代码中,我固定了dom容器的宽度为a4纸的宽,高度自适应,附带一个表格边框的样式,为什么要自己写表格样式、、、、因为坑啊react中生成pdf的方法代码-----------------------------原创 2020-12-21 16:01:08 · 1323 阅读 · 0 评论 -
WebSocket接收后台实时消息推送 加入心跳包机制_谢大源
WebSocket接收后台实时消息推送 加入心跳包机制,避免自动断开连接!哇完整 上码.let ws = null,timeout1 = null, //心跳定时器timeout2 = null,//断开重新连接定时器timeout3 = null,// 重连失败断开连接定时器 isTrue = false //判断是否需要重连//保存暴露出的方法接收的参数let self = null,connectUrl = '',methods = nullfunction socketCon原创 2020-08-31 17:17:59 · 1683 阅读 · 0 评论 -
JavaScript
JavaScript由ECMAScript、DOM、BOM三大部分组成ECMAScript-javaScript的核心ECMA欧洲计算机制造联合会网景:JavaScript 微软:JScript定义了JavaScript的语法规范,JavaScript的核心,描述了语言的基础语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体现实无关BOM-浏览器对象模型一套...原创 2020-03-03 21:18:06 · 114 阅读 · 0 评论 -
JavaScript-----应用场景
javaScript应用场景网页特效服务端开发(node.js)命令行工具(node.js)桌面程序(Electron)App(Cordova)控制硬件-物联网(Ruff)游戏开发(cocos2d-js)javaScript和HTML、CSS的区别HTML:提供网页结构,提供网页中的内容CSS:用来美化页面JavaScript:可以用来...原创 2020-03-03 21:03:29 · 152 阅读 · 0 评论