JavaScript
关注
分享
扫一扫
JavaScript
尔嵘
愿你阳光下像个孩子，风雨里像个大人。
展开
-
获取vxe-table滚动条的高度，刷新页面后仍停留上次滚动表格的高度
中读取保存的滚动条高度，并使用。方法获取当前滚动条的位置。方法将表格滚动到指定位置。原创 2025-03-10 14:07:28 · 196 阅读 · 0 评论 -
Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime
我的解决办法比网上的可能比较快，你首先确定你的node版本，然后再去看看package.json中node-sass和sass-loader版本是不是低了，低了就直接修改版本号，重新安装。原创 2021-11-10 10:40:01 · 9550 阅读 · 18 评论 -
Error retrieving “http://npm.taobao.org/mirrors/node/index.json“: HTTP Status 404
在使用nvm安装node时候，安装失败，遂报此错。注意：你只需要修改镜像的配置，root和path不要动了。2.找到你电脑nvm安装位置。原创 2024-11-13 12:20:43 · 585 阅读 · 0 评论 -
js获取当月起始日期，格式（YY-DD-HH）
【代码】js或者当月起始日期，格式（YY-DD-HH）原创 2024-10-22 17:50:43 · 254 阅读 · 0 评论 -
js最大公约数的实现有哪些办法
辗转相除法（欧几里德算法）： 辗转相除法是一种基于递归的算法，用于计算两个数的最大公约数。它通过反复将两个数中较大的数除以较小的数，直到余数为0为止。更相减损术： 更相减损术也是一种基于递归的算法，用于计算两个数的最大公约数。它通过反复将两个数中较大的数减去较小的数，直到两个数相等为止。迭代法： 迭代法是一种非递归的算法，用于计算两个数的最大公约数。它通过反复将两个数中较大的数减去较小的数，直到两个数相等为止。在JavaScript中，有几种常见的方法可以实现最大公约数（GCD）的计算。原创 2023-11-29 17:48:08 · 440 阅读 · 0 评论 -
前端开发需要知道的浏览器的兼容问题
首先，我们要知道，为什么各浏览器会产生兼容性问题？ 产生这个问题的主要原因是市面上的浏览器的种类很多，但由于不同的浏览器的内核不一致，从而导致各个浏览器对网页的解析就产生了差异。 解决浏览器兼容性问题，还是从三个方面入手：html部分、css部分、js部分。 1、html部分 a、最突出也是最容易想到的就是高版本的浏览器用...原创 2019-08-06 21:55:54 · 246 阅读 · 0 评论 -
基于JS和Canvas的小球碰撞动画演示
效果：1010代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #myCanvas{ border: 1px solid blac...原创 2019-07-15 21:10:28 · 1104 阅读 · 6 评论 -
原生js中结合canvas重新绘制任意图片和对图片进行放大缩小等
引言： “Canvas API提供了一个通过JavaScript和HTML的<canvas>元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。Canvas API主要聚焦于2D图形。而同样使用<canvas>元素的WebGL API则用于绘制硬件加速的2D和3D图形。” 所以，可以使用canvas在ht...原创 2019-10-10 11:40:41 · 1942 阅读 · 2 评论 -
js中哪些地方会用到window？
this对象是在运行时基于函数的执行环境绑定的：在全局变量中，this等于window，而当函数被作为某个对象的方法调用时，this等于那个对象。在 JavaScript 中，window 对象表示浏览器窗口（通常也称为浏览器窗口或浏览器窗口）。直白来说，比如我们去吃饭要点菜，Window 类似一个菜单，window 是端上桌子的一道菜，至于这道菜色香味以及制作方法和 Window 无关，只和 window 有关。对象是JavaScript中的顶层对象，它代表了浏览器中打开的窗口或者标签页。原创 2023-09-19 10:24:16 · 1057 阅读 · 2 评论 -
致敬六一：js+canvas实现页面卡通人物屏幕上飘动
实现js+canvas实现页面卡通人物屏幕上飘动的全部代码原创 2023-06-02 11:09:22 · 656 阅读 · 0 评论 -
js实现树结构数据转化成扁平数据
这种方法使用递归来遍历整个树结构，使用 reduce 来将每个节点的值和它的父节点的值（如果有的话）存储在一个对象中，然后将这个对象添加到结果数组中。递归的实现方式是遍历整个树结构，将每个节点的值和它的父节点的值（如果有的话）存储在一个对象中，然后将这个对象添加到结果数组中。迭代是将树结构数据转化为扁平化数据的一种不使用递归的方法。迭代方法使用一个栈来存储树结构的节点，并在遍历整个树结构时，将每个节点的值和它的父节点的值（如果有的话）存储在一个对象中，然后将这个对象添加到结果数组中。原创 2023-05-27 14:22:03 · 1190 阅读 · 0 评论 -
js实现扁平数据转化成树结构数据
以上是四种不同的 JavaScript 实现将扁平数据转化为树结构数据的示例代码。这些实现方法都有其各自的优缺点，具体使用要根据实际场景进行选择。使用递归和 reduce 结合实现。使用 reduce 实现。原创 2023-05-27 14:15:03 · 1908 阅读 · 0 评论 -
js中实现天地图定位打点和连线
需要注意的是，天地图有不同的图层类型（例如矢量、影像、路网等），如果需要在不同的图层上添加标注点和连线，则需要使用相应的图层接口。另外，还可以使用天地图提供的其他工具和插件来优化、扩展地图功能。3.然后，通过 T.Polyline 类创建了一个带有6个点的直线，并同样使用 map.addOverLay 方法将其添加到地图中。2.接着，通过 T.Marker 类创建了6个标注点，并使用 map.addOverLay 方法将它们添加到地图中。1.示例中创建了一个地图容器，并初始化了一个天地图实例。原创 2023-03-15 14:49:45 · 570 阅读 · 0 评论 -
正月初八，开工大吉
【代码】正月初八，开工大吉。原创 2023-01-29 11:10:42 · 1645 阅读 · 0 评论 -
js中map()的使用详解
在JavaScript的Array中，它返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。map是数组的方法，有一个参数，参数是一个函数，函数中有3个参数。参数2：index，可选。当前元素在数组中的索引值。参数3：arr可选。当前元素属于的数组对象。那这个作为map参数的函数是怎么被调用的呢。参数1：item必须。map()不会对空数组进行检测。返回一个由原数组每个元素乘以2后返回的新数组。map()不会改变原数组。原创 2022-10-29 10:34:44 · 7080 阅读 · 0 评论 -
【优快云竞赛第七期】题目解析（欢迎留言解题）
需求：已知存在集合A包含n个整数，从1到n。输出集合中包含 的元素的个数。解析：此题用还是比较简单，用了filter()和cancat即可。此题还可以变化为：奇偶排序一前一后放入进去、奇数升序在左偶数升序在右边。需求：给定两组长度为n的二进制串，请问有多少种方法在第一个串中交换两个不同位置上的数字，使得这两个二进制串“或”的 结果发生改变？需求：给定一个存放整数的数组，重新排列数组使得数组左边为奇数，右边为偶数。需求：已知字符串str。三、题目名称：交换后的or。四、题目名称：去除整数。原创 2022-10-17 09:20:25 · 344 阅读 · 2 评论 -
【全部干货】vue中封装的常用方法（持续更新）
9.根据日期（YYYY-MM-DD）获取星期几。1.获取时间（一般时间选择器默认时间用到）8.百度地图坐标和腾讯地图坐标互转。2.判断数据是否是json。5.判断object类型。7.判断对象里面是否为空。6.全局时间格式封装。...原创 2022-06-11 14:14:35 · 2095 阅读 · 0 评论 -
js查看当前的ip和归属地
js查看当前的ip和归属地。原创 2022-08-02 11:13:48 · 993 阅读 · 0 评论 -
js中[ ].push(1,2,3)为啥是3而不是个新数组
关于push： js中push直接赋值时，push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。返回的是新数组的长度而非新数组！！！ 如果你想把一个值改造成一个新的数组元素的话，可以尝试：...原创 2022-06-29 15:57:27 · 702 阅读 · 0 评论 -
js中往数组对象中添加键值对的方法有哪些？
js中往数组对象中添加键值对的方法有哪些？原创 2022-06-24 13:54:11 · 19288 阅读 · 0 评论 -
js对象数据处理成Echarts可直接显示的数据
javascript对象数据里面套对象，目标数据是需要遍历两层对象重组成可使用数组数据，通过数组去重、排序、数据对比取值等操作来实现数据的真正可直接用于echarts直接显示。原创 2022-06-21 14:04:02 · 525 阅读 · 1 评论 -
箭头函数为什么不能作为构造函数？
在电话面试中，被问到箭头函数和普通函数的区别。这是常见面试题，我就按照我的理解回答常见答案：写法更简洁，没有this指向，this来自上下文，不能作为构造函数，这时候面试官追问，为什么箭头函数不能作为构造函数？我之前对于这个问题的理解是，构造函数需要this这个对象，用于接收传来的参数，以及在构造函数最后将这个this return出去。箭头函数没有this，所以不能作为构造函数。 由于紧张，我的回答逻辑比较混乱，当然答案也不完全对，所以答的很不好，面试官对我的回答不太满意。继续追问，...转载 2022-02-26 08:46:33 · 1984 阅读 · 0 评论 -
js中和NAN相关的应用
1.console.log("AB"+'NAN' > "AC" + '1')解释：字符串NaN只要N的Ascall大于1，哪肯定返回ture23456原创 2022-02-23 15:53:19 · 504 阅读 · 0 评论 -
node通过nvm管理多个版本
nvm管理本地node版本号原创 2022-02-21 11:11:44 · 644 阅读 · 0 评论 -
JS中的变量声明
一、引入1.定义：在 JavaScript 中创建变量被称为“声明”变量。JavaScript中变量声明又分为显示声明和隐式声明。其中显示声明中，被“声明”变量之前的关键词有var、let、const、function、class、import ；另外，在隐式声明中，隐式变量是全局变量，如果在函数中，显示声明变量为局部变量，隐式声明为全局变量。二、显示声明变量和隐式声明变量的区别？1.显示声明变量在ES5阶段，用var定义变量。没有块的概念，可以跨块访问，不能跨函数访问；存在变量提升。原创 2022-02-16 18:16:41 · 4264 阅读 · 0 评论 -
jQuery总结和使用
1.jQuery是什么？jQuery是一个快速、小且功能丰富的JavaScript库。它使HTML文档遍历和操作、事件处理、动画和Ajax等工作变得更加简单，并提供了一个跨多种浏览器的易于使用的API。jQuery 库包含以下特性：HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities2.jQuery的安装和使用？（1）下载到本地，并且根据本地路径引入： &l原创 2022-01-21 14:42:23 · 492 阅读 · 0 评论 -
后端给前端返回有哪些种类的json数据
{}，[], {[]}, [{}] 等等各种形式转换，eval能转换的原创 2021-12-25 14:14:03 · 760 阅读 · 0 评论 -
js中switch 语句的用法
js中switch case语句的使用原创 2021-12-18 11:42:52 · 4860 阅读 · 0 评论 -
js中带\n\t、其他无关字符的长字符串转标准json对象
原字符串为：let responseText ="<body>\n{\n\t\"data\" : \n\t{\n\t\t\"DNS1\" : \"8.8.8.8\",\n\t\t\"DNS2\" : \"114.114.114.114\",\n\t\t\"DefaultGateWay\" : \"192.168.1.1\",\n\t\t\"IP\" : \"192.168.1.166\",\n\t\t\"Mask\" : \"255.255.255.0\"\n\t},\n\t\"statu原创 2021-12-16 13:35:55 · 2377 阅读 · 0 评论 -
console.log`123`是什么？
['123', raw: Array(1)]原创 2021-12-02 11:06:08 · 425 阅读 · 1 评论 -
前端MVC变形记
背景：MVC是一种架构设计模式，它通过关注点分离鼓励改进应用程序组织。在过去，MVC被大量用于构建桌面和服务器端应用程序，如今Web应用程序的开发已经越来越向传统应用软件开发靠拢，Web和应用之间的界限也进一步模糊。传统编程语言中的设计模式也在慢慢地融入Web前端开发。由于前端开发的环境特性，在经典MVC模式上也引申出了诸多MV*模式，被实现到各个Javascript框架中都有多少的衍变。在研究MV*模式和各框架的过程中，却是“剪不断、理还乱”：为什么每个地方讲的MVC都不太一样？ MVP、MVV转载 2021-11-02 14:06:54 · 228 阅读 · 1 评论 -
vue+json自定义实现省市区三级联动下拉列表（独立select）
效果：实现三个独立的下拉框，没有使用elementUI那种效果。代码：（1）template：<div style="display: flex"> <div class="future_mix3"> <!-- <span>选择省</span> --> <select v-model="prov" @change="updataCity();updataSub()" style=.原创 2021-10-28 10:17:54 · 1995 阅读 · 2 评论 -
js中数组对象去重
需求：对如下的数组进行去重let stay = [{key1: 10.223,key2: 0.225},{key1: 10.01112,key2: 0.225},{key1: 10.2231,key2: 0.226},{key1: 10.223,key2: 0.22513},{key1: 10.223,key2: 0.225},{key1: 10.2231,key2: 0.226}];解决：function handleRemove(val){ let arr = val.map(i原创 2021-09-26 10:47:49 · 215 阅读 · 0 评论 -
JS中数组降维处理+数组对象中有相同键值对的合并重组成新对象元素
数据源：let arr1 = [ [ {pmax: 3.34, pmaxTime: "2021-08-30 20:14:32", deviceID: 900, dbtime: "2021-08"}, {pmax: 5.84, pmaxTime: "2021-08-30 20:33:21", deviceID: 901, dbtime: "2021-08"}, {pmax: 15.91, pmaxTime: "2021-08-25 23:49:40", deviceID:原创 2021-09-17 10:08:53 · 535 阅读 · 0 评论 -
web网页第三方账号授权登录
❤️最细微信小程序版本上传、提交审核、发布【建议收藏】❤️❤️2021直击大厂前端开发岗位面试题❤️❤️效果图如下，如有需要请自取修改【建议收藏】！❤️❤️微信小程序的灰度发布❤️web网页端的登录方式一般有账号密码登录、手机验证码登录，还有就是第三方账号登录（微信、QQ、微博、百度账号等等），那么这时候问题就来了，前端一般需要做啥操作呢，才能实现登录呢？首先会确定要用哪种第三方账号登录，因为每家可能SDK都不一样，有区别的。下面我们以 iconfont 的第三方授权登录举例。???原创 2021-09-09 11:25:58 · 3119 阅读 · 0 评论 -
vue中怎么取值0
后台返回的数据中有些数据是开关量，不是0就是1，但是0该如何判断去除呢？this.dataList = [];let dataObj = {};for(let excelItem of res.data){ //0在判断条件中默认null dataObj ={ carSy: excelItem.carSy != null ? excelItem.carSy: "--" } this.dataList.push(dataObj);}...原创 2021-08-24 09:02:16 · 484 阅读 · 0 评论 -
js中加密解密时中文符号乱码
原先加密解密定义方法请看：JavaScript自定义实现字符串加密和解密上面的方法会导致后台给前端返回名称类的字符串中带中文符号时，页面渲染的会有乱码的情况存在，如何解决这一问题呢，发现利用以下几种方法都不太行：1.encodeURIComponent：decodeURIComponent(encodeURIComponent("中文字符串(12（）!@；;)"))2.encodeURI最终，不得不考虑更换编码解码的代码，demo如下：<!DOCTYPE html>&l原创 2021-08-21 08:51:43 · 2328 阅读 · 0 评论 -
vue中实现页面全屏和指定元素全屏
1.vue中如何快速实现页面的全屏？案例1：点击fullScreen按钮（icon），实现整个页面的全屏：代码：<a-icon type="fullscreen" style="font-size: 22px;margin-left: 10px;" id="fullscreen_button" @click="handleFullScreen()"/>export default { name: "index", data(){ ret原创 2021-08-02 09:59:45 · 5916 阅读 · 1 评论 -
JavaScript自定义实现字符串加密和解密
加密算法：/** * 字符串自定义加密规则 */export function toCode(str) { //加密字符串 //定义密钥，36个字母和数字 var key = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var l = key.length; //获取密钥的长度 var a = key.split(""); //把密钥字符串转换为字符数组 var s = "", b, b1, b2, b3; //原创 2021-07-09 10:01:09 · 1774 阅读 · 1 评论 -
【进阶Ant-Design-Vue】你知道table多级表头嵌套展开写法吗？
前言：在Ant-Design-Vue的前端项目中，我们会经常处理表格，表单这些组件元素，熟练运用并知道它们在使用过程中的联系与区别，这是一个前端必不可少的哟。本文我旨在解决两个问题：（1）如何便于更好的嵌套多级表头（2）如何通过a-checkbox控制全选，单选显示a-table对应的列元素类似于ElementUI,Ant-Design-vue中有很多相似点，但又不完全苟同，有很多自己独有的写法和思想。相信很多人都是先入手ElementUI,再入手Ant,这其实是对开发者比较友好的方式，如果原创 2021-05-26 10:15:11 · 4548 阅读 · 86 评论