目录字节字节序BlobFile对Blob和File的读取ArrayBufferTypeArrayDataViewBlob和ArrayBuffer当前，前端对二进制数据有许多的API可以使用，这丰富了前端对文件数据的处理能力，有了这些能力，就能够对图片等文件的数据进行各种处理。本文将着重介绍一些前端二进制数据处理相关的API知识，如Blob、File、File
......
412
0
0
2023-03-29
目录字符集和字符编码ASCII字符集的发展历史UnicodeUTF-8UTF-16比较前端开发中的编码字符串长度计算组合字符的长度多码元字符操作正则中的 u 修饰符转义字符常用API处理码点和字符TextEncoderString.prototype.normalize()URL的UTF8编解码字符集和字符编码字符集就是字符的集合，如常见的 ASCII字符集
......
322
0
0
2023-03-29
目录背景说明实现原理1. placeholder 的实现很细致和灵活2. 添加图片缓存3. 事件监听使用节流4. 监听事件不止滚动事件5. 事件列队的方式来处理懒加载6. 支持 data-srcset7. 自定义控制可视区的判定范围待完善1. 没有解决布局抖动2. 跳过已经加载图片的判断方式3. 局部懒加载4. 性能不是很好5. observer 模式配置简
......
358
0
0
2023-03-28
目录背景原理方案方案一：img的loading属性设为“lazy”使用方法优点兼容性缺点方案二：通过offsetTop来计算是否在可视区域内优化优点缺点方案三：通过getBoundingClientRect来计算是否在可视区域内方案四：使用IntersectionObserver来判断是否在可视区域内兼容性优点缺点问题布局抖动响应式图片SEO不友好插件背景懒
......
444
0
0
2023-03-28
跨域问题及解决方案一、介绍在前后端分离项目中，跨域问题是一定会遇到的。跨域问题的出现，会导致css、js或者ajax对后端请求等资源无法访问的情况。要想解决跨域问题，首先先得了解什么是跨域问题。问题：什么是跨域跨越问题是由于浏览器的同源策略，是浏览器强制要求的安全策略，所以想要了解跨域，首先得了解同源。所谓同源是指，协议、域名、端口均一致，只要以上三者有一个
......
385
0
0
2023-03-28
目录arcgis 中的悬停效果1、获取鼠标悬停事件回调2、悬停时修改鼠标指针3、悬停时显示标签名称4、悬停时图标放大arcgis 为什么这么设计完整 demo 代码：arcgis 中的悬停效果arcgis 中的悬停效果并不如想象中那么容易实现，本文会介绍如何完整的实现如下悬停效果，并对相关的技术细节进行解释，讲解如何避免一些小坑。让你不仅知其然，更知其所以然
......
368
0
0
2023-03-28
疯了！js中this到底指向什么？一、前言前段时间，公司让我改一个界面，我心想改个界面还不简单吗？结果呃，我低估了这颗炸弹的威力。好吧是我太菜，总结一下，这个this的指向问题。二、测试例子首先说明一点。在js中，this的指向在定义函数的时候是确定不了的，只有在使用这个函数的时候才能确定this的指向。一般来说在使用时，谁调用的这个函数，函数中的this就
......
290
0
0
2023-03-27
目录前言一、axios 的依赖安装与处理 1. 依赖安装2. 全局 axios 封装3. 实际使用二、 mock.js 的依赖安装与处理 1. 安装依赖2. 新建 mock 所需的文件三、结合使用总结前言今天我们一起来看一看 vue3+ts如何优雅的封装axios，并结合 mock.js 实现敏捷开发；但是我们要注意区分 Axios 和
......
470
0
0
2023-03-25
一、 引言对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。二、 HTML/CSS规范2.1 浏览器兼容根据公司业务要求而定，一般：主流程测试：Chrome 30+、IE9+；完整测试： Chrome 21、IE8+、360浏览器、微信webv
......
356
0
0
2023-03-23
一、webpack介绍1、由来由于前端之前js、css、图片文件需要单独进行压缩和打包，这样团队人员处理很繁琐，然后 Instagram 团队就想让这些工作自动化，然后webpack应运而生。2、介绍webpack是一个模块打包器（module bundler），webpack视HTML，JS，CSS，图片等文件都是一种 资源 ，每个资源文件都是一个模块（m
......
357
0
0
2023-03-23
目录前言判断浏览器是否支持websocket的方法Vue项目里使用websocket的实例总结前言由于项目需求有要使用长链接，我们普通的http请求如果用轮询的方式与服务端通讯就很消耗资源。我们一起来学习一下在vue项目里如何使用websocket,本文纯属个人观点，如果有不正确的地方请大家批评指正，技术无高低，谦虚学习的心态我认为很重要，天外有天人外有人。
......
367
0
0
2023-03-23
目录前言翻卡动画生成随机分布数组均匀元素下的随机算法不均匀元素下的随机算法生成最终数组点击事件完整代码前言首先将这个游戏需求拆分成三个部分：翻卡动画生成随机分布数组点击事件翻卡动画假如我们的盒子模型不是个二维的平面，而是有个三维的体积，让它可以有正反两面，那我们在做的时候是不是只要将它真实的翻个面就可以了。让我们来想想将它变成三维的方法。 之后发现了这个属性
......
316
0
0
2023-03-23
目录背景思路SQL编写查询页面节点上配置的属性查询节点事件的配置表单字段配置的属性查询区域表单字段配置的属性创建SQL连接执行SQL & 处理数据输出总结背景团队研发了一个 「低代码工具」，主要应用在公司的业务上，用于解决一些重复低效的工作，提高开发效率，降低开发成本。工具的页面在 相关文章 中有，在此就不贴图啦。哪些是低效重复的工作？比如：简单的增
......
359
0
0
2023-03-21
目录效果展示：（可以上传图片及其视频）第一步、首先安装富文本编辑器插件第二步、然后在main.js文件中,全局注册第三步、在vue界面中使用quill-editor第四步：配置video.js（要有上传视频且回显的功能需要配置）总结效果展示：（可以上传图片及其视频）可以拖拽图片大小及其位置第一步、首先安装富文本编辑器插件cnpm install vue-qu
......
595
0
0
2023-03-20
目录正文1.属性描述符2.Reflect3.Proxy3.1 创建空代理3.2 定义捕获器3.3 捕获器不变式3.4 可撤销代理4.代理捕获器与反射方法4.1 get()4.2 set()4.3 has()4.4 deleteProperty()4.5 apply()4.6 construct()正文总所周知，Vue2 => Vue3 时，数据响应式方
......
363
0
0
2023-03-19