![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术分享
文章平均质量分 75
LuckyCola2023
一枚爱学习的小前端
展开
-
原生标签WebComponent
平常浏览各个网站过程中,经常遇到的一种现象:页面广告。1、站点自己的广告2、第三方投放的广告第二种需要在对代理流量的目标站点里,插入开发者想要的元素,并且与此同时要保证插入的代码与原站点之间的影响降至最低。因此,需要一种有效的**“隔离”**手段。主流的方案有两种:iframe方案: frame需要一个明确的src资源链接,而有时候我们似乎没必要再单独为其去发布一个资源;iframe并未实现完全的“隔离”,原有站点还是能拿到iframe节点,并可对其进行DOM操作;原创 2024-05-26 10:19:30 · 414 阅读 · 0 评论 -
大文件上传与流下载
在现代网站中,越来越多的个性化图片,视频,去展示,因此我们的网站一般都会支持文件上传。今天我们以大文件上传和下载为主题来分享总结一下.原创 2024-05-19 22:47:04 · 958 阅读 · 0 评论 -
【js】js设计模式
js之设计模式一、面向对象1.什么是面向对象以类和对象作为组织代码的基本单位,并且实现封装、抽象、继承、多态四个特征软件开发经历分析、设计和编码三个阶段面向对象分析(OOA)面向对象分析(OOD)面向对象编程(OOP)1.1 抽象抽象主要隐藏方法的实现,让调用者只关心有哪些功能而不关心功能的实现。抽象可以提高代码的可扩展性和维护性,修改实现而不用修改定义,可以减小代码的改动范围//抽象-例子// 抽象接口interface IStorage{ save(key原创 2022-05-29 01:04:06 · 149 阅读 · 0 评论 -
【排序算法】js实现常用排序算法
js实现“冒泡排序”、“插入排序”、“希尔排序”、“快速排序”等常用算法。原创 2022-08-14 02:18:12 · 258 阅读 · 0 评论 -
【随手记】js获取screen信息和query参数格式化
js实现获取screen信息和query参数格式化、获取cookie。原创 2022-08-25 16:40:24 · 333 阅读 · 0 评论 -
【随手记】js动态载入js/css
js动态载入js/css和设置自适应fontsize。原创 2022-08-25 20:30:37 · 1538 阅读 · 0 评论 -
【随手记】window下各种视口和坐标总结
window下各种视口和坐标和真假情况判断原创 2022-08-26 12:41:29 · 386 阅读 · 0 评论 -
【正则表达式】正则规则总结
正则规则总结原创 2022-08-26 12:49:32 · 148 阅读 · 0 评论 -
【js知识点】js节流和防抖
节流和防抖原创 2022-08-27 21:43:08 · 128 阅读 · 0 评论 -
【随手记】浏览器的高级API
window下的高级API原创 2022-09-07 20:30:53 · 736 阅读 · 0 评论 -
【js】自定义事件与事件模拟
自定义事件与事件模拟事件原创 2022-09-10 02:24:43 · 833 阅读 · 0 评论 -
【rollup】rollup打包一个npm包
rollup打包一个npm包的例子。原创 2022-12-29 20:10:02 · 943 阅读 · 0 评论 -
【vue2原理】数据驱动响应原理
vue2 mvvm数据驱动响应原理。原创 2023-02-06 19:29:33 · 102 阅读 · 0 评论 -
如何做好前端性能优化
前端性能优化一直是一个前端开发人员必须关注的经典话题,虽然现在随着技术的不断发展,网页容器(浏览器、webview)性能也越来越强大,但是网站应用的功能也不断丰富,体积不可避免的增加,当网络环境等因素不好时,仍然会存在白屏时间过长等严重影响用户体验的问题存在.因此,了解前端的性能优化是势在必行的工作,也是前端岗位面试中常见的问题.今天我们深入讨论本问题.原创 2023-06-17 23:51:41 · 782 阅读 · 0 评论 -
vue3新特性与vue2的不同点对比
Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。 vuejs版本在2.7之后版本我们认为他是优化和重构的性能语法更优秀且易用的新版本,我们一般就认为他是vue3,相比较过去的vue2的旧版本,它更加容易维护,具有更加丰富的API和语法糖,也支持了typescript技术的使用.当然它一些新特性和功能的源码实现也和旧版相比较差异较大原创 2023-06-19 18:52:19 · 1713 阅读 · 0 评论 -
前端性能优化如何将大量数据渲染到页面上
最直接的方法是一次将所有数据渲染到页面。${${一次渲染 100,000 条记录大约需要 12 秒,这显然是不可取的。原创 2023-06-24 13:19:34 · 1685 阅读 · 0 评论 -
如何开启POP3/SMTP免费邮件代发授权
如何开启POP3/SMTP免费邮件代发授权原创 2023-10-18 12:10:32 · 4771 阅读 · 4 评论 -
聊聊websocket那些事
WebSocket 是一种在单个 TCP 连接上进行全双工通信的网络协议。它是 HTML5 中的一种新特性,能够实现 Web 应用程序和服务器之间的实时通信,比如在线聊天、游戏、数据可视化等。相较于 HTTP 协议的请求-响应模式,使用 WebSocket 可以建立持久连接,允许服务器主动向客户端推送数据,避免了不必要的轮询请求,提高了实时性和效率。原创 2024-01-14 19:24:12 · 1348 阅读 · 0 评论 -
前端跨域请求方案实现
跨域(Cross-Origin)指的是在 Web 开发中,当一个网页的文档、脚本或资源请求来自于另一个域(域名、协议或端口任意一个不同),就会发生跨域。浏览器出于安全考虑,采用同源策略(Same-Origin Policy)来限制页面对不同源的资源的访问。同源策略的主要原则是,页面中的脚本(如 JavaScript)只能读取来自相同域的数据,不能执行访问不同域的操作。这种限制是为了防止潜在的安全风险,比如防止恶意网站通过脚本获取用户的敏感信息。同源策略的限制包括以下几个方面:Cookie、LocalStor原创 2024-02-27 19:15:20 · 554 阅读 · 0 评论 -
前端a4纸尺寸转像素尺寸
因为我们知道元素的实际宽度(以像素为单位)和我们设置的宽度(1英寸),所以我们可以简单地将元素的像素宽度作为屏幕的DPI。分辨率是96像素/英寸时,A4纸的尺寸的图像的像素是794×1123;分辨率是120像素/英寸时,A4纸的尺寸的图像的像素是1487×2105;分辨率是150像素/英寸时,A4纸的尺寸的图像的像素是1240×1754;分辨率是300像素/英寸时,A4纸的尺寸的图像的像素是2480×3508;分辨率是72像素/英寸时,A4纸的尺寸的图像的像素是595×842;原创 2024-03-28 16:13:22 · 880 阅读 · 0 评论 -
h5应用如何适配移动端(干货总结)
H5应用的开发是前端必备技能,h5适配移动端也是业务常见的场景,如何进行必要的适配,今天做一个比较全面的总结。原创 2024-04-13 13:14:42 · 2184 阅读 · 0 评论