JavaScript
文章平均质量分 80
介绍JavaScript脚本的基本使用和组织。
插件开发
熟练开发PS插件、AI插件、AE插件、CDR插件、3DMax插件和其它各类插件。
展开
-
window-sessionStorage-localStorage-web临时变量的保存
localStorage只要在相同的协议、相同的主机名、相同的端口下,就能读取/修改到同一份localStorage数据。sessionStorage比localStorage更严苛一点,除了协议、主机名、端口外,还要求在同一窗口(也就是浏览器的标签页)下。原创 2024-07-29 17:13:24 · 894 阅读 · 0 评论 -
vue3-环境变量-JavaScript-axio-基础使用-lzstring-字符串压缩-python
在项目的根目录下创建.env文件,在Vue项目的根目录下:创建一个.env文件,用于存储全局环境变量。创建一个文件,用于存储生产环境的配置。创建一个文件,用于存储开发环境的配置。.env.development:开发环境下的配置文件,执行npm run serve命令,会自动加载.env.development文件..env.production:生产环境下的配置文件,执行npm run build命令,会自动加载.env.production文件.原创 2024-07-29 16:57:07 · 838 阅读 · 0 评论 -
js-iframe-同源策略-addEventListener-postMessage-父子框架
中src属性配置的地址和父窗口在同一个域下,可以在子窗口中通过window.parent.document来获取父窗口的DOM对象。在父窗口中获取其子窗口的window对象,又或者在子窗口中获取其父窗口的window对象。即可以在跨域的情况下获取其子窗口或者父窗口的window对象,但是不能对获取到的window对象进行任何操作。即使这两个域名之间存在跨域问题,在window对象中有一个属性location的设置和一个方法postMessage的调用不会受到跨域的影响。例如:根据父窗口的大小,对。原创 2024-06-27 12:57:52 · 1062 阅读 · 0 评论 -
js-匿名函数-特殊符号!-括号表达式-闭包
时,alert(‘aaa’)会被认为是函数表达式,中间部分被认为是函数参数,而实际上alert(‘aaa’)返回的是undefine,所以会报错。匿名函数,也称为拉姆达函数,是一种使用 JavaScript 函数的强大方式。 即使 JavaScript 中没有正式的私有对象属性的概念,但可以使用闭包来实现公有方法,而通过公有方法可以访问在包含作用域中定义的变量。如下代码,(1,2,3)会被解析为函数的实参,(1,2,3)前面的()表达式会被解析为函数表达式。第二种创建函数的方式是使用函数表达式。原创 2024-06-27 10:18:17 · 639 阅读 · 0 评论 -
vscode-创建vue3项目-修改暗黑主题-常见错误-element插件标签-用法涉及问题
创建vue3项目-修改暗黑主题-常见错误-element插件标签-用法涉及问题原创 2024-06-24 10:56:07 · 536 阅读 · 0 评论 -
VSCode-vue3.0-安装与配置-export default简单例子
安装完软件和插件之后,就可以在vscode环境下编写vue3项目代码文件,然后在控制台中进行代码编译,最后在浏览器中调试,运行。确认无bug之后,然后发布成html项目。原创 2024-05-08 14:57:30 · 840 阅读 · 0 评论 -
JavaScript-this对象的理解-call,bind 和 apply与this的关系?
在浏览器里,在全局范围内this 指向window对象;在函数中,this永远指向最后调用他的那个对象;构造函数中,this指向new出来的那个新的对象;call、apply、bind中的this被强绑定在指定的那个对象上;箭头函数中this比较特殊,箭头函数this为父作用域的this,不是调用时的this.要知道前四种方式,都是调用时确定,也就是动态的,而箭头函数的this指向是静态的,声明的时候就确定了下来;原创 2024-05-08 13:09:36 · 728 阅读 · 0 评论 -
Element-ui-vue3-前端界面开发-配置-编辑main.js-nodejs基础语法-vue3-html模板语法-vue文件编译
在 Vue 3 中,计算属性(Computed Properties)是一种强大的功能,它允许你声明一个依赖于其他响应式数据属性的属性,并且这个属性的值会根据其依赖的数据的变化而自动更新。在Vue3中,setup函数中的this指向的是undefined,因为setup函数是在组件实例化之前执行的,此时还没有this对象。组件中的data是一个函数,他返回一个data对象,里面包含着用户定义的组件的属性变量,当根组件挂载到某个DOM元素上创建好组件实例后,Vue将data以$data的形式存在于组件中。原创 2024-05-08 10:00:07 · 1259 阅读 · 1 评论 -
Js-JavaScript-三种弹出提示框-alert-confirm-prompt-ai插件
通过这三种方式,可以简单实现与程序的交互控制。原创 2024-04-20 14:57:38 · 1810 阅读 · 0 评论 -
Js-字符串转数字详细规则-Number-parseInt-parseFloat
Number(): 可以用于任何数据类型转换成数值。parseInt(),parseFloat(): 专门用于把字符串转换成数值。合理的使用字符串转数字函数能够有效的避坑,特别是parseInt函数,使用不当会造成进制转换错误。原创 2024-03-24 08:18:11 · 804 阅读 · 0 评论 -
JavaScript-三个点的用法-扩展运算符
ret += i;return ret;102078如上所示,这三个点使函数能接收可变量参数,并将它存储在一个数组中。这个特性使得 Javascript 函数更灵活更强大。return;三个点的用法,主要用于扩展运算符。展开数组,字典等容器类数据。非常实用。原创 2023-10-13 09:22:02 · 132 阅读 · 0 评论 -
JavaScript-es6-新版语法-export-import
export与export default均可用于导出常量、函数、文件、模块等。在一个文件或模块中,export、import可以有多个,export default仅有一个。通过export方式导出,在导入时要加{ },export default则不需要,并可以起任意名称。原创 2023-10-13 09:05:29 · 358 阅读 · 0 评论 -
JavaScript-Vue基础语法-创建-组件-路由
命令行自定义安装。使用包命令创建:最后一个为项目名称。文件夹目录结构如下图所示:如果想要在webstorm中启动,如下图所示配置即可:dev 是根据package.json文件里的脚本名称而来,如果不是dev ,那么 npm run dev 命令,就是npm run serve 这样。Vue的组件渲染目标视图,或者局部视图,它的路由,是对各种访问路径的控制,生成目标渲染结果。原创 2023-10-12 17:07:54 · 461 阅读 · 0 评论 -
安装运行vue-element-admin的报错问题-解决办法
tui-editor”: “1.3.3”, 修改为: “@toast-ui/editor”: “^3.1.3”,在nodejs 16.14.0 32位windows下测试通过。原创 2023-10-11 16:28:14 · 965 阅读 · 0 评论 -
JavaScript-前端环境搭建-nodejs-打包分发-Webstorm-vue安装创建
前端简单显示到大前端复杂布局,这是一个大趋势,可以充分利用前端浏览器的计算能力来分担一部分工作,做到更有效的利用资源。原创 2023-10-10 10:20:49 · 272 阅读 · 0 评论 -
Web-JavaScript-定时器-执行任务-setInterval-setTimeout
定时器可以设定时间自动的做某件事情。定时器是一种方法,不是对象,定时器属于 window 对象。周期性定时器:间隔一定的时间,自动的做某件事情 setInterval(函数名,间隔时间)一次性定时器:延迟多长时间做某件事情一次 setTimeout(函数名,间隔时间)上面这两个设置定时器的方法会返回一个线程号,这个线程号可以用来清除定时器,脚本中包含多个定时器,这个线程号就可以用来标记清除哪一个,var index = setInterval(函数名,间隔时间)原创 2023-06-13 17:28:47 · 310 阅读 · 0 评论 -
nodejs-JavaScript Obfuscator-Js代码的混淆与加密-命令行操作
JavaScript Obfuscator 是一款功能强大的免费 JavaScript 混淆器,包含多种功能,能将代码混淆成可读性低的代码,看上去是难以阅读的代码,其实具备和之前代码一样的功能,从而起到保护代码的作用。原创 2023-05-16 19:03:33 · 1379 阅读 · 0 评论 -
nodejs-前端工程化环境-安装-webpack打包工具
webpack分成四个部分,期中最核心的就是入口和出口,当然在入口和出口配置的同时我们还需要一些加载器和插件,这就是我们所谓的webpack配置文件。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化 Grunt 工具可以减轻你的劳动,简化你的工作。从官网下载长期支持版本,本文采用的是node-v18.16.0-x64.msi版本,在win10上测试。输入cd first,再输入npm run serve,即可成功运行vue项目。设置镜像源为国内某网。原创 2023-05-05 11:21:44 · 473 阅读 · 0 评论 -
js-div-flex布局-弹性布局-元素居中-盒子水平垂直居中
flex眼中,标签不再分类。简单说就是没有块级元素,行内元素和行内块元素。任何一个元素都可以直接给宽度和高度一行显示。Flex不存在脱标的情况:也就是基本淘汰了浮动,更不用清除浮动。当然存在兼容性问题,如果不考虑兼容性可以大量使用,如果是移动端则不用考虑直接flex。原创 2023-04-04 17:10:39 · 1178 阅读 · 0 评论 -
js-div-元素相对于父元素水平垂直居中-元素定位-文字居中
这种写法,在没有指定子元素宽高的情况下,也能让其在父容器中垂直居中。(如果父容器里有多个子元素的话,我们只想指定某个子元素居中,则可以用方法二。不足之处:要求指定子元素的宽高,才能写出 margin-top 和 margin-left 的属性值。元素相对于上级元素进行定位,这在界面排版时相当重要,本文介绍元素相对于父元素水平垂直居中的方法。方法二:图片相对文字在单行中垂直居中,在方 法一基础上加上如下代码。不足之处:要求指定子元素的宽高,如果不指定宽高,子元素将占满父容器。方法二: 给子元素加上如下代码。原创 2023-04-03 16:21:54 · 2090 阅读 · 0 评论 -
js-列表对象-代码工具集合-添加-删除-清空-查找-select-option-javascript
列表对象,可以是下拉列表对象,也可以是垂直列表对象。W3C文档对象有对其支持,本文介绍列表对象的常见操作,如添加,删除,清空,查找,获取列表和获取选择项。主要由select和option两种标签来表达。select的size 属性规定下拉列表中可见选项的数目。如果 size 属性的值大于 1,但是小于列表中选项的总数目,浏览器会显示出滚动条,表示可以查看更多选项。按文本,值和选择三种常见功能来删除选项。可以在列表选项上过滤来实现。如有疑问,敬请留言。原创 2023-01-06 16:51:36 · 230 阅读 · 0 评论 -
JQuery对象-JS对象-互转-常用函数-属性速查
jq --> js: jq对象(索引)或者 jq对象.get(索引)//对divs中所有的div 让标签体内容变为"bbb",使用jq方式。* js --> jq: $(js对象)//1.通过js方式来获取名称叫div的所有html元素对象。//2、通过jq方式来获取名称叫div的所有html元素对象。//对divs中所有的div 让标签体内容变为"aaa"2、jq对象和js对象方法不通用的。//jq对象.get(索引)//可以将其当作数组来使用。//也可以当作数组来使用。//jq对象(索引)原创 2023-01-03 21:52:59 · 373 阅读 · 0 评论 -
Jquery-遍历选择器-each-子类选择器-类ID标签
找到一堆页面元素,我们可以对这些元素加过滤条件,找到我们想要的这些元素,然后进行过滤。按照不同的过滤规则, 过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器。基本选择器是JQuery最常用的选择器,也是最简单的选择器,它通过元素id、class和标签名来查找DOM元素(在网页中id只能使用一次,class允许重复使用)。如果想通过 DOM 元素之间的层次关系来获取特定元素, 例如后代元素, 子元素, 相邻元素, 兄弟元素等, 则需要使用层次选择器。原创 2022-12-29 11:48:03 · 585 阅读 · 0 评论 -
Html-Javascript-对象遍历-属性删除-for/in-属性名称-是否存在
JavaScript 对象是拥有属性和方法的数据。for/in 语句用于循环对象属性。key是对象内部的属性名称或者数组的序号。3.获取对象的属性Object.keys,里含有所有keys。显示所有的keys。4.对象是否存在属性方法一,Reflect.has()方法用于检查一个对象是否拥有某个属性中。方法二,in 操作符。5.删除对象属性方法一,将属性设置为 undefined。属性本身仍将存在于对象中。方法二,使用 delete 操作符,delete 将完全原创 2022-12-07 22:13:49 · 824 阅读 · 0 评论 -
Html5-canvas-web绘制图形-坐标系统-文字-线面-计算文字长宽-Javascript
HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成。 标签只是图形容器,您必须使用脚本来绘制图形。canvas 是一个二维网格。canvas 的左上角坐标为 (0,0),X轴向右为正,Y轴向下为正,与一般视图窗口坐标一致。canvas 元素默认被网格所覆盖。通常来说网格中的一个单元相当于 canvas 元素中的一像素。栅格的起点为左上角,坐标为 (0,0) 。所有元素的位置都相对于原点来定位。原创 2022-12-06 09:31:34 · 438 阅读 · 0 评论 -
javascript-ztree-树形控件-初始化-加载节点数据-节点数据获取
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是树状菜单、树状数据的Web显示、权限管理等等。zTree 是开源免费的软件(MIT 许可证)。原创 2022-10-18 08:47:02 · 577 阅读 · 0 评论 -
jQuery.parseXML()-javascript-将xml字符串转为对象-解析数据内容-转为Json
.parseXML() 函数用于将字符串解析为对应的XML文档。提示:该函数将使用浏览器内置的解析函数来创建一个有效的XML文档,该文档可以传入jQuery()函数来创建一个典型的jQuery对象,从而对其进行遍历或其他操作。$ xml.find(‘root’). html()将xml对象转为字符串。jquery方式访问xml数据,并可以修改xml对象内容。XMLSerializer将xml对象转为字符串。将XML转为Json。原创 2022-10-05 14:44:05 · 384 阅读 · 0 评论 -
javascript检测对象中是否存在某个属性
该方法存在一个问题,如果属性的值就是undefined的话,该方法不能返回想要的结果,如下。该方法只能判断自有属性是否存在,对于继承属性会返回false。该方法可以判断对象的自有属性和继承来的属性是否存在。检测对象中属性的存在与否可以通过几种方法来判断。自有属性和继承属性均可判断。原创 2022-09-04 09:03:09 · 330 阅读 · 0 评论 -
javascript-jQuery-each函数-选择器元素遍历-forEach函数-数组遍历
将所有图像标签的类型地址改成JPG.jpg图片。forEach() 方法对数组的每个元素执行一次提供的函数。each() 函数规定为每个匹配元素规定运行的函数。第一个参数是遍历的数组内容,第二个参数是对应的数组索引,第三个参数是数组本身。如有疑问,敬请留言。......原创 2022-08-16 09:30:00 · 777 阅读 · 0 评论 -
javascript-字符串函数-指定位置字符-位置查找-字符串替换-字符串分割
js字符串截取三函数,都不会对原始的字符串进行修改,而是返回新的子集。但是三函数各自有各自的个性,面对同一种参数处理的方式都是不一样的。原创 2022-08-15 08:45:00 · 6390 阅读 · 1 评论 -
HTML-界面设计字体背景颜色-下拉列表框-margin-top失效-Div换行
使用style属性中的font-size确定字体大小,font-family确定字体名称,color确定字体颜色。两个层box1和box2,box1具有浮动属性,box2没有,这时候设置box2的上边距margin-top没有效果。使用style属性中的background-color确定背景颜色,color确定字体颜色。3.用父容器box的padding-top代替margin-top。当给box2设置margin-top时,仅作用于父容器。解决办法:要浮动一起浮动,要不就都不浮动。...原创 2022-08-14 12:31:06 · 1505 阅读 · 0 评论 -
JS-Html5-拖拽开始-拖拽结束-脚本编写
在进行HTML5开发时,为了方便用户更方便的使用数据,可以使用拖拽这种比较直观的办法。在JS里拖拽一般针对具体对象。一个典型的例子如下所示: 其中最为关键的是拖拽携带的数据,DataTransfer.setData() 方法用来设置拖放操作的drag data到指定的数据和类型。如果给定类型的数据不存在,则将其添加到拖动数据存储的末尾,使得 types 列表中的最后一个项目将是新类型。如果给定类型的数据已经存在,现有数据将被替换为相同的位置。也就是说,替换相同类型的数据时 types列表的顺序不会更原创 2022-07-11 12:27:37 · 370 阅读 · 0 评论 -
JavaScript-数学函数库-三角函数-数学常数-浮点取整-随机数
2.常数3.整数运算4.随机数5.作者答疑 如有疑问,敬请留言。原创 2022-07-01 09:20:08 · 520 阅读 · 0 评论 -
Chrome-谷歌浏览器-查看http报文-跟踪访问链接
Network->XHR,如下图所示:产生访问链接,查看对应信息。POST /userapi/login/login HTTP/1.1Host: 8.131.79.162Connection: keep-aliveContent-Length: 76Accept: application/json, text/javascript, /; q=0.01X-Requested-With: XMLHttpRequestUser-Agent: Mozilla/5.0 (Windows NT 10原创 2022-06-25 07:00:00 · 2236 阅读 · 1 评论 -
微博撰写-流程图-序列图-甘特图-mermaid流程图-效果不错
节点名不能与关键字同名,使用引号可以避免一些不必要的麻烦,如避免与关键字同名。关键字graph表示一个流程图的开始,同时需要指定该图的方向。T = TOP,B = BOTTOM,L = LEFT,R = RIGHT,D = DOWN。#mermaid-svg-pVAU6fPFEesBAw3b {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-pVAU6fPFEesBAw3b原创 2022-06-23 08:40:45 · 287 阅读 · 0 评论 -
Markdown常用语法-文字颜色大小背景-引用-加粗-列表-表格-转义
1.安装VSCode,通过Ctrl+Shift+X打开Externsion,输入Markdown Preview Enhanced,选中并install即可。2.配置Preview风格:通过Ctrl+,打开打开设置,搜索Preview Theme。3.编写md文件,然后选择代码为markdown,在左边的代码栏,右键MPE:打开右边预览。右边显示。在右边右键选择HTML,即可导出HTML。红色文字:红色文字浅红色文字:浅红色文字蓝色文字:蓝色文字浅蓝色文字:浅蓝色文字绿色文字:绿色文字金黄色文原创 2022-06-15 09:03:57 · 1876 阅读 · 0 评论 -
nodejs-判断系统类型-获取主机名称-执行控制台命令-中文乱码
2.执行控制台命令 同步方法: 异步方法: 中文编码乱码问题,如果获取的数据中有中文会出现乱码问题。需要进行Buffer对象的编码转换,详情查看buffer介绍。 合理的脚本代码可以有效的提高工作效率,减少重复劳动。 如有疑问,敬请留言。...原创 2022-06-07 10:04:02 · 877 阅读 · 0 评论 -
nodejs-基本架构分析-解析引擎目录-插件安装-核心模块
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 V8引擎执行Javascript的速度非常快,性能非常好。Node.js 使用了一个事件驱动、非阻塞式 I/O 的JavaScript模型。由于web运行环境的安全性考虑,运行在浏览器的JavaScript有许多的局限性,而为了使其在更广泛的环境里可以使用,nodejs补充了这部分功能。本文主要介绍其在前端界面开发方面的应用,一般基于谷歌的Chromium开发。引擎名称为CEPHtmlEngine,解析引擎目录如下原创 2022-06-01 08:27:30 · 485 阅读 · 0 评论 -
nodejs-文件复制拷贝-文件夹遍历-数据处理
文章目录1.文件拷贝1.1小文件拷贝1.2大文件拷贝2.文件夹遍历2.1同步遍历2.2异步遍历 如果采用nodejs处理业务逻辑,必须处理文件数据,而文件数据与文件夹,文件本身相关。相关函数nodejs提供了内置模块。本文将这一方面常用的功能,根据互联网上提供的资料进行整理。1.文件拷贝1.1小文件拷贝 以上程序使用fs.readFileSync从源路径读取文件内容,并使用fs.writeFileSync将文件内容写入目标路径。var fs = require('fs');functio原创 2022-05-30 08:28:55 · 863 阅读 · 0 评论 -
nodejs-fs模块-文件读写删-文件夹创建删除遍历
文章目录1.fs 概述1.1权限位 mode1.2标识位 flag1.3文件描述符 fd1.fs 概述在 NodeJS 中,所有与文件操作都是通过 fs 核心模块来实现的,包括文件目录的创建、删除、查询以及文件的读取和写入,在 fs 模块中,所有的方法都分为同步和异步两种实现,具有 sync 后缀的方法为同步方法,不具有 sync 后缀的方法为异步方法,在了解文件操作的方法之前有一些关于系统和文件的前置知识,如文件的权限位 mode、标识位 flag、文件描述符 fd 等,所以在了解 fs 方法的之前会原创 2022-05-28 07:53:44 · 778 阅读 · 0 评论