- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JS篇 （七）堆和栈
堆：一般有程序员释放或程序结束时自动回收，分配方式类似链表；栈：由操作系统自动分配释放，存放函数的参数值、局部变量值，操作方式类似数据结构中的栈。
2025-04-24 10:13:56
263
原创 JS篇 （六）深浅拷贝
Array.prototype.concat()/Array.prototype.slice()：不修改原数组，返回一个浅复制了原数组元素的。注：应用数据类型在栈中存储了指针，指向堆中该实体的起始位置，当解释器寻找引用值时，会先检索在栈中的地址，取得地址后从堆中获取实体。注：深拷贝会拷贝对象的所有属性，并拷贝属性指向的动态分配的内存。浅拷贝：只复制指向某个对象的指针，而不复制对象本身，新旧对象共享同一块内存；深拷贝：单独创造一个一模一样的对象，新对象和原对象不共享内存。深拷贝比浅拷贝速度慢，且花销大。
2025-04-24 10:04:38
181
原创 HTTP篇（一）HTTP和HTTPS
旨在提供安全、可靠的http通道，是对http加密保护后的版本，在其基础上添加SSL层实现更高几倍安全性能保障。超文本传输协议，基于TCP协议，用于www服务器传输超文本到本地浏览器。
2024-12-30 10:35:04
160
原创 JS篇 （五）Promise相关
then()/.catch()/.finally()（注：finally方法为ES9新增，无需传参）Promise对象是异步编程的一种重要机制，代表了一个尚未完成，但预期将来完成的操作结果。
2024-12-27 11:40:07
108
原创 JS篇 （四）事件循环、宏任务和微任务
一个宏任务的完成通常会涉及到一个较为完整的工作流程，每个宏任务执行完毕后，会从任务队列中清除。js是单线程的，事件循环使它能执行非阻塞任务，在等待I/O长时间任务是也能保持响应性。事件循环是js环境运行的核心机制，用于协调事件、用户交互、脚本、渲染网络等。async是异步操作但是同步执行，awai是异步的从语法上来说同then。js采用非抢断式运行，当前任务不会被打算，新的异步任务会放入任务队列。事件循环中一个较大的任务单元，每个宏任务会开启一个新的事件循环。当前宏任务执行完毕后立即执行的任务。
2024-12-27 10:29:37
263
原创 JS篇 （三）事件委托
从事件委托层面看时间冒泡和时间捕获无明显优劣之分，但是事件冒泡的事件流模型被所有浏览器兼容，建议使用冒泡型。事件委托也叫事件代理，即把原本需要绑定在子元素的响应时间委托给父元素，让父元素担当事件的监听职务。捕获阶段->目标阶段->冒泡阶段(window->div->window)默认事件包含：a标签跳转新页面；拖拽图片到浏览器可打开等；a.捕获：从window对象传导到目标节点，不响应事件；c.冒泡：从目标节点传导回window对象。原理：DOM元素的事件冒泡。b.目标：在目标节点触发；
2024-12-27 10:11:11
220
原创 JS篇 （二）原型、原型链和继承
2）当访问一个对象的某个属性时，会先在这个对象本身属性上找，若未找到则会通过_proto_隐式属性找到它的构造函数的原型对象。b.使用extends和super两个关键字，在子类的constructor方法中调用super，用来继承父类的this对象；b.子类所有实例共用父类属性没有自己的属性，一个实例改变了父类引用类型的值，所有实例都会改变；d.创建子类时无法向父类构造函数传参。d.实例可以继承父类实例的属性方法，也可继承原型链上的属性和方法；b.只能继承父类的实例属性和方法，不能继承父类原型上的方法；
2024-12-26 14:44:04
590
原创 JS篇（一）垃圾回收
效率高，减少暂停时间，但维护区分新生代和老年代比较复杂，需占用更多内存来维护。3）增量标记：将垃圾回收过程拆分成多个小步骤，穿插进行，减少程序暂停。根据对象生命周期划分，频发检查新生代，降低老年代检查和清理。遍历所有对象（根->子），标记活动对象，清除未标记对象。即时回收，实现简单，但不能再循环中使用，会有性能开销。实现简单可靠，但需暂停程序，处理较大对象时效率较低。2）标记压缩：标记和压缩老年代，减少内容碎片；1）减少内容分配频率：多重用，少创建新对象；1）标记清除：快速标记和清除新生代对象；
2024-09-20 15:31:05
262
原创 浅谈slice和splice、split和substr方法
a. 可从已有数组中返回选定的元素；b. 可提取字符串的某个部分，并以新的字符串返回被提取的部分。由此可知，该方法不会改变原数组，而是会产生一个新的数组a.用于添加或删除数组中的元素。这种方法会改变原始数组。a.用于把一个字符串分割成字符串数组。如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。不改变原始字符串a.在字符串中抽取从 start 指定下标开始的指定数目的字符。
2023-11-30 09:10:17
154
原创 MapVGL图层属性梳理
本文仅供记录MapVGL开发中面图层相关属性var shaperLayer = new mapvgl.ShapeLayer({ color: 'rgba(194, 147, 75, 0.3)', style: 'windowAnimation', opacity: 1， texture: 'images/textures/wall2.png', isTextureFull: true, textureScale: 1, topColor: 'rgba
2021-12-13 16:49:10
1636
原创 nginx 内网发布
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-07-08 14:56:54
149
原创 echarts字符云相关配置说明
4.9版本字符云相关配置项字段字段说明type类型wordCloudgridSize网格大小，各项之间的间距shape图表形状，一般分为 circle 圆，cardioid 心， diamond 菱形，triangle-forward 、triangle 三角，star五角星sizeRange字体大小范围，早期版本使用autoSizeautoSize字体大小范围，早期版本使用，使用方法autoSize: { enable: true, minSiz
2021-06-10 16:46:09
545
原创 echart2.2.7版本相关文档
echart2.2.7版本相关文档保存由于echarts官方文档中已经不支持查看echarts2.0版本的相关文档，特此上传备份。字符云相关文档较少后续会继续整理和更新。相关文件：
2021-06-10 16:03:59
788
原创 引入百度地图并展示标记点
一、基础代码1.HTML和样例数据<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="initial-scale...
2020-03-16 17:00:51
550
原创 v-for 中数据处理方法
列表循环中，对列表中某一个字段进行处理时可以使用filters方法<span class="time"><em></em>{{item.ptime|splitTime}}</span>filters: { splitTime: function(e) { return e.split('T')[0]; }},...
2020-03-02 14:15:20
1001
原创 时间处理相关操作
一、获取相关时间 常规用法var date=new Date(); //Thu Dec 05 2019 19:11:52 GMT+0800 (中国标准时间)date.getYear(); //获取当前年份(2位) 119date.getFullYear(); //获取完整的年份(4位,1970-????) 2019date.getMonth(); ...
2019-12-19 09:57:51
142
原创 js处理数字
一、现有数字处理 Math.round(x) //四舍五入 toFixed(n) //四舍五入到n位小数 Math.ceil(x) //舍弃小数部分，整数向上进1 Math.floor(x) //舍弃小数部分，直接保留整数 Math.abs(x) //取绝对值二、数字运算 a%b //取余数 a/b //求...
2019-12-03 18:27:32
230
原创 获取当前地址相关信息
1. window.location通过console控制台打印可得到关于window.loation的相关信息window.location.href // 当前页面完整的urlwindow.location.protocol //协议window.location.host //主机名＋端口号window.location.port //端口号 如果采用默认80...
2019-12-03 10:45:47
362
原创 图片变灰处理方法
vue官网赞助商模块，当页面向上滚动到某一位置时，logo从灰色变成原色，通过检查发现在样式中引用了 filter: grayscale(100%);对比图如下：出于好奇去查了相关文档，发现了css3里面有一个很有趣的属性filfter，有兴趣的可直接去菜鸟中自行查看https://www.runoob.com/cssref/css3-pr-filter.html。菜鸟...
2019-12-02 11:09:28
1854
原创 清除浏览器自动填充表单账号密码功能
清除浏览器自动填充表单账号密码功能在登录页面经常会出现浏览器记住账号密码然后自动填充的问题，解决该问题方法：在密码input输入框中增加 autocomplete="new-password"，代码如下`<input type="password" autocomplete="new-password">`...
2019-11-26 15:44:19
650
翻译 星空背景
星空背景铺面而来的星空效果// An highlighted block<!doctype html><html><head><meta charset="utf-8"><title>星空屏保</title><style>html,body { height: 100%; max-wi...
2019-09-16 15:49:43
1296
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人