JavaScript
关注
分享
扫一扫
圈点Studio
一二、一二
展开
-
vue3和vue2定义全局变量
vue3和vue2定义全局的变量原创 2023-02-20 11:03:33 · 527 阅读 · 0 评论 -
electron+vite+vue3.0+forge或electron builder最新打包流程
现在官方统一推荐forge来打包了，哪个打包工具有什么的优势也没有人说明白。总之官方推荐，并且存在即正义的准则，那么就不要问为什么了，用就完了。原创 2023-02-01 17:28:13 · 4436 阅读 · 1 评论 -
nodejs生成pdf文件
开发的需求中难免会遇到下载文件的要求，下载自定义HTML文件的需求尤为显著。而不是所有的用户都知道HTML，但是知道和使用pdf的肯定多余HTML的，将HTML文件转pdf提供下载优化用户体验自然也就成为各位内卷的又一目标啦！[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kRxh9Tvd-1633685073551)(/article/img/AI21bk10pz08.jpg “奋斗”)]加油奥利给冲起来（别想歪了）文章目录思路方法一安装举例方法二安装使用api文档总原创 2021-10-08 17:27:49 · 6882 阅读 · 0 评论 -
关于IP地址转数字的存储和转化
由于数字的查询、传输效率要优于字符串，所以我将之前用字符串存储ip地址的方案彻底改为使用数字型来存储ip地址。文章目录直接给函数后面说过程运算符>>、<<、>>>数据类型直接给函数后面说过程var obj={ ip_number:function(ip){ // ip地址转数字函数，我们这里就随便找一个ip 27.115.124.38 var num = 0; ip = ip.split("."); // 将ip字符串转为数组[27,11.原创 2021-09-13 14:12:45 · 819 阅读 · 0 评论 -
谈谈我对使用jimp的一些看法
现在随着网络技术的不断发展，信息传递发方式和媒介也在不停的发生着变化。一图胜千言更是在人们口中常常说到。说到作图想必使用node的大家应该都知道jimp吧，但不知道真正项目中用的人多不多？根据网上的资料node处理图像的模块很多，我用过的就有几个。之前用的只是调整图片尺寸，添加水印什么的，并不能绘制图片内容。后来了解到gm和jimp模块这两个模块都很好，但是又用着都不是很顺手。先说说gm吧，好好的node模块，却需要安装其他软件（ImageMagick）支持，这个安装软件给我感觉就怪怪的，再说jim原创 2021-09-08 22:56:34 · 1854 阅读 · 0 评论 -
electron自定义导航栏、菜单
其实自定义导航栏比较简单，但是一般自用的软件没有必要自定义，面向客户的可能需要自定义一下。主要分为两步：1.关闭默认的边框win和mac的方法不一样。2.在html里写自己的导航栏。3.给自定义的导航添加css样式。有两个-webkit-app-region: drag;和-webkit-app-region: no-drag;，可以拖动和不可以拖动。目录取消默认边框（导航栏）自定义取消默认边框（导航栏）在BrowserWindow里面设置frame:false，如果你的是mac系统则titleB.原创 2021-09-08 11:26:03 · 5324 阅读 · 0 评论 -
JavaScript闭包的使用案例
闭包在我们平时的前端编程中使用，使用好了可以利用，使用不好了则会导致内存溢出文章目录JavaScripthtml操作截图###目标使用闭包的变量性质定义一个变量，不会影响作者的使用，也不会被其他地方的定义影响。JavaScriptfunction clickFn(){ var counts=0; var obj={ click:function(){ counts++; }, getcounts:funct.原创 2021-08-06 11:28:04 · 286 阅读 · 0 评论 -
gulp-babel没有报错也没有输出ES6
背景：一次用gulp转js文件就遇到问题了，没有输出也没有报错。也不知道是哪个插件的问题。网上也找了一些方法，自己也不断的做了尝试最终发现了问题。原来是js的错误，但是没有在gulp报出来，导致了没有报错也没有输出。结论：for循环里面的变量不要声明。找到问题的方法：经过不断的尝试，我发现是有两个js的问题，但是我的js运行起来是没有问题的。于是我就加了一个简单正确的css（我的gulp配置是js和css一起处理的）文件进去，结果就爆出错误了。图片里吗有一个红点就是报错的地方，这里我确定js在浏览器原创 2021-06-10 10:03:51 · 355 阅读 · 0 评论 -
python获取当前路径、文件、文件夹
在这之前我们可以先学一下docs命令，会比较理解它的原理标准输入：程序执行时会接收标准输入，输入参数中就包括当前执行的文件绝对路径。【这里需要注意的是，不同的编程语言标准输入的顺序不太一样，node会把文件夹也计入，但是python不会】，所以python需要先获取标准输入的文件，然后再由文件获取文件夹路径。# 获取当前文件夹路径import sysimport osprint(sys.argv[0]) # 获取标准输入的第一位，也就是执行文件的绝对路径print(os.path.dirnam原创 2021-06-04 09:24:22 · 1176 阅读 · 0 评论 -
测试一下node和python的递归效率
测试纯属无聊环境介绍：win10，I7之前做过一些测试，有的node效率很高，有的python效率更高。所以测试不代表什么先出函数import timestart=time.time()def digui(n): if n==1 or n==2: return 1; return digui(n-1)+digui(n-2)print(digui(45))end=time.time()print(start-end)console.tim原创 2021-05-27 16:07:51 · 381 阅读 · 0 评论 -
回车添加删除标签
今天借用几分钟，写了一个回车添加标签、删除标签、标签获取的js，大家可以随意使用啊！！！html： <div id=""> <div id="tagsContainer"> <input type="text" id="tagIn" size="8" maxlength="15" placeholder="输入标签回车"/> </div> </div>css:<style type="text/css"&g原创 2021-05-13 15:05:04 · 384 阅读 · 1 评论 -
A标签锚点跳转不改变路由地址
屏蔽原创 2021-03-26 09:07:26 · 2716 阅读 · 0 评论 -
使用formdata必须要注意的坑
1.不要设置请求头，不要设置请求头，不要设置请求头。（如果是自己封装的函数，自己解决一下，如果是三方的，自己查一下）2.只能post，只能post，只能post3.服务器需要用三方插件解析原创 2021-03-22 16:26:59 · 1291 阅读 · 0 评论 -
函数封装、函数封装默认值
我们在封装函数时，为给用户带来更好的用户体验，避免某个参数用户没有输入时出错。在封装函数时会封装一个默认对象作为默认值。假如我们在函数中声明一个对象作为默认值，var defaults={key1：value1，key2：value2}。然后再调用JS对象的object.assgin方法来进行自动判断和更新默认值。Object.assgin（defaults，arguments）...原创 2021-03-22 09:06:44 · 366 阅读 · 0 评论 -
Unexpected token ‘ in JSON
字符串转json时报错Unexpected token ' in JSON那就报json或数组中的单引号（'）改成双引号（"）就可以了原创 2021-03-10 13:22:28 · 1941 阅读 · 0 评论 -
同步、异步踩坑总结
这些同步异步的坑必须亲自踩我相信，肯定每个人都学了 但是一做就没注意到。原创 2021-03-09 12:34:40 · 222 阅读 · 0 评论 -
关闭input标签自动补全
HTML <input>autocomplete属性查一下这个属性就可以我们很多人都没学过这个属性原创 2021-03-08 17:40:22 · 228 阅读 · 0 评论 -
for in
for in 是我们在学习中比用的一个语句不经常用的朋友是不是忘得差不多了for in可以使用在对象、数组中。忘记的，看完这段测试应该就想起来了。测试源码：//数组的for in//var 一个变量//这个变量充当第几，和对象差不多var long=[10,20,30,40,50,60,70];//可以修改值long[0]=50;for(var s in long){ console.log(s,long[s]);}//对象的for in//var 一个变量原创 2020-12-21 15:11:45 · 315 阅读 · 0 评论 -
JS使用本地json文件
1.json文件2.怎么调用本地json文件3.总结前言：有这个需求是因为我需要使用本地的json文件来做仪表盘，搜寻了一圈下来后。发现直接调用本地的json文件会遭系统拒绝，那么就只能建立路由，托管文件了，这样就可以调用了。但是这样多了一个开路由的过程，体验稍微弱一些，但是却可以模拟接服务器的过程。...原创 2020-12-18 08:47:07 · 1311 阅读 · 0 评论 -
一图搞懂正则表达式（入门）
初学者看到正则表达式，可能比较懵，希望这张图可以帮助大家理解原创 2020-12-18 14:55:37 · 585 阅读 · 0 评论 -
class下空格多个类的样式影响总结
1.标签属性class2.class下空格添加多个属性值3.样式对class下多个属性的影响规律4.对DOM操作的影响1.略选择器有好几个，包括他们各自的优先级，没有了解过的可以先行了解一下。2.class下可以添加多个值，使用空格隔开，这样就可以分开写css然后共同作用。<div class="myclass01 myclass02"> 两个class</div>3.影响规律。01.和class值内顺序先后无关02.和...原创 2020-12-17 10:12:12 · 634 阅读 · 0 评论 -
【新思路】原生js实现banner无缝切换只需要两个标签
只需要两个标签实现任意数量的banner图切换1.分析现有的banner切换方式2.摸索一套无缝切换3.总结首先我们来看看现有大部分banner图的切换方式，将已有的标签容器设置固定高、宽，超出的部分hide，把banner图排成无缝的排（用flex布局就可以嗷嗷，没经验的可以看我之前的flex布局小程序）再把所有排成一排的banner放到一个不设宽、高的容器中。js设置定时器变化这个容器的位置就可以实现。2.1，分析了现有的模式后，我们先跟着套一下娃，这...原创 2020-12-16 11:00:11 · 675 阅读 · 0 评论 -
JavaScript运算符优先级
JavaScript运算符优先级JavaScript 运算符优先级，是描述在计算机运算计算表达式时执行运算的先后顺序。 先执行具有较高优先级的运算，然后执行较低优先级的运算。 例如，我们常说的先执行相乘和除，再执行加减运算。JavaScript 运算符优先级 运算符 说明 结合性1 []、.、() 字段访问、数组索引、函数调用和表达式分组 从左向右2 ++ – -~!delete new typeof void 一元运算符、返回数据类型、对象创建、未定义的值 从右向左3 、/、% 相乘、相除、原创 2020-12-15 08:53:05 · 10068 阅读 · 0 评论 -
【最形象图解】JS冒泡事件原理、应用、避免
我刚开始知道冒泡是在onmouseout和onmouseleave时。一个支持冒泡一个不支持冒泡。1.我们先来看看这两个事件的区别。2.在谈谈“冒泡”是咋回事？3.冒泡的应用4.冒泡的禁用冒泡是关于父级和子级的关系，那我们就直接来建立一个父级div和和一个子级div。然后给父级分别做onmouseout和onmouseleave事件。我们从外将鼠标经过父级移动到子级，在从子级经过父级移出。就可以看到两者的区别了。 <head> <me.原创 2020-12-11 17:29:25 · 470 阅读 · 0 评论 -
【图解】获取DOM节点的常用方法
总结了一下dom节点的常用方法，基本涵盖了平时会用到的节点获取方法。（因为还有很多方法，为了图解清晰暂且例举这些）希望对大家有帮助！同时我提供了一条练习路径，可以看我下一条blog。...原创 2020-12-11 13:34:53 · 338 阅读 · 0 评论 -
.remove()未定义
var u_l=document.getElementsByTagName("ul");var oimg=document.getElementsByTagName("img");oimg.remove(); u_l.remove();//VM406:3 Uncaught TypeError: oimg.remove is not a functionvar u_l=document.getElementsByTagName("ul");var oimg=document.getElement.原创 2020-12-10 19:50:39 · 594 阅读 · 0 评论 -
获取DOM节点前/后的兄弟节点和子集节点
Element.nextElementSibling //返回当前元素节点的下一个兄弟HTML元素节点Element.previousElementSibling //返回当前元素节点的前一个兄弟HTML节点var jiedian01=document.getElementById("aoli");var jiedian00=jiedian01.previousSibling;var jiedian02=jiedian01.nextSibling;console.log(jiedian01)原创 2020-12-10 17:59:06 · 1101 阅读 · 1 评论 -
一句话解释Vue
我们更新了应用的状态，但没有触碰 DOM——所有的 DOM 操作都由 Vue 来处理，你编写的代码只需要关注逻辑层面即可。原创 2020-12-09 17:48:32 · 171 阅读 · 0 评论 -
js运动（一）
为了前端运动和交互不是那么突兀和死板，而是更加自然，友好对待我们的感官，我们通常会引入过渡。使元素逐步过渡到我们预定到的值。这时我们就需要引入循环定时器setInterval（）；这样就可以控制元素值，逐步到达预定值。我们采用视觉上的误差，给元素循环累加到预定的值。注意：为了避免定时器的累加效应，需要在每次开启定时器前先把之前的clear了。所以要给定时器定义一个全局变量，否则，先clear定时器就会报未定义的错误。但...原创 2020-12-09 10:41:25 · 161 阅读 · 0 评论 -
Onmouse事件（js）鼠标10大事件
Js中鼠标事件有很多，例如点击、移动、移入、移出、滚轮滚动等等。这里我总结了10大鼠标事件，供参考学习。鼠标事件又可分为点击、移动点击又可分为：点击、双击、长按、多按钮同时等等。移动又可分为：移入，移出，移动等等。1.点击事件我们先来看一下常用的点击事件吧。点击事件可以说是最常用的啦！ 01.onclick，点击鼠标左键。event.button返回值为0. 特点：针对鼠标左键的点击。 02.onmousedown，点击鼠标按键。...原创 2020-12-07 17:42:39 · 3997 阅读 · 2 评论