其他技术相关
文章平均质量分 57
其他技术相关
跳跳的小古风
热爱前端的一枚小可爱~
展开
-
五月踩坑指南之clearInterval()定时器不起效果
所以当一个定时器可能会被多次调用的时候,只清理一次肯定会出现没有清理完全的情况,这时候就会出现“clearInterval不起作用的情况。在其他地方看到,实验了并未生效,但其他人实现了,可以一试,如果生效比第一种简洁。第二个函数的定时器覆盖了第一个,所以第一个定时器永远也没有办法移除了。此时,我们会发现页面仍有定时器内的方法在调用,这是为什么呢?原创 2024-05-31 14:59:27 · 1329 阅读 · 0 评论 -
vue2之jessibuca视频插件使用教程
Jessibuca是一款开源的纯H5直播流播放器,通过Emscripten将音视频解码库编译成Js(ams.js/wasm)运行于浏览器之中。兼容几乎所有浏览器,可以运行在PC、手机、微信中,无需额外安装插件。原创 2024-07-25 17:11:43 · 1273 阅读 · 0 评论 -
VueSeamlessScroll 无缝滚动点击事件不生效(需要给复制Dom加样式)
因为document.querySelectorAll()返回的并不是我们想当然的数组,而是NodeList,对NodeList,它里面没有.forEach方法。原创 2024-08-22 17:02:14 · 778 阅读 · 0 评论 -
Docker使用教程及docker部署Vue项目
含义container管理容器image管理镜像network管理网络含义docker run创建并运行一个容器–name给容器起一个名字,比如叫做ll-p将宿主机端口与容器端口映射,冒号左侧是宿主机端口,右侧是容器端口-d后台运行容器nginx镜像名称,例如nginx进入容器内部,执行一个命令-it给当前进入的容器创建一个标准输入、输出终端,允许我们与容器交互mn要进入的容器的名称bash进入容器后执行的命令,bash是一个linux终端交互命令。原创 2024-04-18 10:09:44 · 1816 阅读 · 0 评论 -
低代码开发之腾讯云微搭工具
微搭(WeDa),全称是腾讯云微搭低代码开发平台。微搭将繁琐的底层架构和基础设施抽象化为图形界面,通过行业化模板、拖放式组件和可视化配置快速构建多端应用(小程序、H5应用、PC Web 应用等),免去了代码编写工作,让您能够完全专注于业务场景。微搭以云开发作为底层支撑,云原生能力将应用搭建的全链路打通,提供高度开放的开发环境,且时刻为您的应用保驾护航。可以实现简易项目全程不写代码,拖拽完成。原创 2024-04-24 16:34:12 · 1344 阅读 · 0 评论 -
webpack、vite、rollup区别
在之前的浏览器中没有模块化的设计,所以期望把所有源代码编译进一个 js文件中提供给浏览器使用,所以在开发中当我们运行启动命令的时候,webpack 总是需要从入口文件去索引整个项目的文件,编译成一个或多个单独的js 文件,即使采用了代码拆分,也需要一次生成所有路由下的编译后文件(这也是为什么代码拆分对开发模式性能没有帮助)。通过插件和工具的组合来处理Vue文件的各个部分(模板、样式、脚本),将它们转换为浏览器可识别的格式,并最终生成最小化、优化的打包文件。原创 2023-07-05 11:30:22 · 587 阅读 · 0 评论 -
解决github官网打不开的问题
添加20.205.243.166 github.com。原创 2023-06-28 10:00:00 · 555 阅读 · 0 评论 -
js给所有相同类名设置同样的样式
var x = document.getElementsByClassName("cell"); var i; for (i = 0; i < x.length; i++) { x[i].style.minWidth = "80px" }原创 2021-09-17 18:22:28 · 1638 阅读 · 0 评论 -
前端计算总和 最大最小值 平均值 中位数 中误差
1原创 2022-07-21 16:21:10 · 496 阅读 · 0 评论 -
前端ES6,HTML5,CSS3新特性总结
async 函数中可能会有 await 表达式,async 函数执行时,如果遇到 await 就会先暂停执行 ,等到触发的异步操作完成后,恢复 async 函数的执行并返回解析值。它类似于对象,也是键值对的集合。优先取要解构数据中的值,如果没有或为undefined那么取默认值,默认值不存在,那么就是undefined。新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。ES6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称为解构.原创 2022-09-08 13:01:55 · 1585 阅读 · 0 评论 -
弹性布局详细讲解
#弹性布局>弹性盒模型伸缩盒模型flexbox···wrap{width:1200px;height:200px;display:flex;border:1pxsolid#000;}或者把容器变为行内元素wrap{width:1200px;height:200px;display:inline-flex;border:1pxsolid#000;}···*弹性布局是给父元素设置display:flex...原创 2020-07-27 19:50:55 · 709 阅读 · 1 评论 -
moment.js的使用方法和日期格式化介绍
moment 被设计为在浏览器和 Node.js 中都能工作node.jsnpm install momentvar moment = require('moment');moment().format();2.使用方法日期格式化初始化日期:moment().format(‘YYYY-MM-DD’);初始化日期时间:moment().format(‘YYYY-MM-DD HH:mm:ss’);日期格式化介绍具体可以查看格式化表日期格式化规范表MMMM/MMM/MM/M原创 2020-12-16 11:08:47 · 8473 阅读 · 0 评论 -
正则表达式中捕获性分组和非捕获型分组讲解及实例
文章目录捕获型()反向引用\1\2练习一下分组嵌套非捕获型()前瞻正向前瞻型/先行断言 ?=反向前瞻型分组/否定断言 (?!)捕获型()反向引用\1‘\1’ 匹配的是 所获取的第1个()匹配的引用,与第一个分组字符相同.例如,’(\w)\1’ 匹配两个连续数字字符。如33aa 中的33如下例子aabbccdddef:如a,下一个字母也是a则匹配成功.到第三个d,前面两个d已经匹配成功,所以看d后面的字符,是e,匹配失败!var str=' aabbccdddef' var reg原创 2021-01-07 11:18:06 · 998 阅读 · 1 评论 -
深拷贝实现
【代码】深拷贝实现。原创 2022-09-08 11:12:53 · 96 阅读 · 0 评论 -
Js 常用对象方法 总结(字符,数组,数字)
1原创 2022-07-07 10:57:57 · 316 阅读 · 0 评论 -
十六进制颜色值与RGB(A)颜色值互相转换。
十六进制颜色值与RGB颜色值互相转换RGB(A)颜色转换为十六进制的颜色值十六进制颜色值转换为RGB(A)颜色值RGB(A)颜色转换为十六进制的颜色值export function rgbToHex(val) { var r, g, b, a, regRgba = /rgba?\((\d{1,3}),(\d{1,3}),(\d{1,3})(,([.\d]+))?\)/, //判断rgb颜色值格式的正则表达式,如rgba(255,2原创 2022-05-20 17:31:23 · 2777 阅读 · 0 评论 -
根据两个颜色取一组渐变色(中间渐变色颜色可自定义输入)。
如图:图例颜色为渐变颜色。/*** start 开始颜色* end 结束颜色* steps 颜色分解 次数* gamma 透明度*/export function stepsColor(start, end, steps, gamma) { var i,j,ms,me,output = [],so = []; gamma = gamma || 1; var normalize = function (channel) { return Math.p..原创 2022-05-20 17:28:37 · 905 阅读 · 0 评论 -
js根据文字(保存大小,字体)计算文字长度,并根据容器显示省略号
computeFontSize(str, size, family) { let spanDom = document.createElement("span"); spanDom.style.fontSize = size+'px'; //12px spanDom.style.fontFamily = family; //'STFangsong' spanDom.innerHTML = str; document.body.append(spanDom);原创 2022-05-09 17:21:18 · 1070 阅读 · 0 评论 -
前端技术官网总结
1.图表类highchartshighcharts官方文档echarts2.图标类iconfonticonfont官网地图类mapboxmapbox官网SuperMap iClient(客户端GIS程序开发工具)SuperMap iClient 10i(2021) for MapboxGL原创 2022-04-28 17:54:27 · 2892 阅读 · 0 评论 -
v-text和v-html的区别
1.v-text:会把标签转义输出。即原模原样输出,h1标签没效果2.v-html:会直接输出结果。即h1标签会出效果<body> <div id="app"> {{friend}} <div v-text="friend"></div> <div v-html="friend"></div> </div> <script> .原创 2022-02-17 16:22:13 · 4990 阅读 · 0 评论 -
css div水平垂直居中方式(宽度已知、未知)
css div水平垂直居中方式(宽度已知、未知)宽度已知absolute + margin autoabsolute + 负 marginabsolute + calc宽高未知absolute + transformine-height + vertical-aligncss-table(display:table-cell)flex 布局flex + margin autogrid 网格布局(父元素设置)grid 网格布局(子元素设置)宽度已知父元素、子元素宽度都已知absolute + margi原创 2022-01-18 16:14:57 · 266 阅读 · 0 评论 -
VSCode,webstorm绿色护眼背景设置
护眼背景vscode1.以管理员身份运行VS Code,安装background插件打开用户设置 setting3.在用户设置中输入以下代码,修改完后按Ctrl+S保存,会提示重启VS Code,点击确定后即可完成修改,可以自由选择输入样式效果如下单独设置编辑器背景图片webstorm打开-文件-设置-Background Image选择图片路径效果如下vscode1.以管理员身份运行VS Code,安装background插件打开用户设置 setting3.在用户设置中输入以下代码,修改完后按原创 2021-10-27 11:22:59 · 4845 阅读 · 3 评论 -
把一个对象根据不同的条件判断分割成不同的对象
var hash = {}; typeData.map((o,index)=>{ hash["index"+index]=[] //这个是重点 for(var i = 0;i < dataList.length;i++) { if(dataList[i][0].innerText===o.name){ has..原创 2021-10-25 14:37:27 · 379 阅读 · 0 评论 -
Uncaught SyntaxError: Unexpected token ‘export‘ 解决方法
原因在于浏览器不兼容的问题在script加入type="module"即可例如<scriptsrc="static.js" type="module"></script>原创 2020-12-29 10:43:36 · 37061 阅读 · 3 评论 -
VSCode设置git账号和密码,解决每次输入用户名和密码的麻烦
vscode--git上传记住密码自定义账户/重设账户记住密码设置让VSCode记住git账号和密码//打开终端,输入:git config --global credential.helper store输入此命令后还需输入一次账户密码,后续则不再输入自定义账户/重设账户选中文件–>首选项–>设置,搜索git,找到如图所示setting.json文件打开它在setting.json中添加"git.path":“D:/soft/git/Git/bin/git.exe”打开原创 2021-07-05 17:58:35 · 12745 阅读 · 1 评论 -
出现Expected to return a value in arrow function.问题解决方法
在出现问题的那个函数,写return id原创 2020-12-08 17:58:37 · 16652 阅读 · 1 评论