document.appendchild
- 前端案例·程序员的浪漫:流星雨背景
-
如果文章对你有收获，还请不要吝啬【点赞收藏评论】三连哦，你的鼓励将是我成长助力之一！谢谢！（1）方式1：简单版本【1】先看实现效果【2】再看完整代码<!DOCTYPEhtml><htmllang="zh-CN"><head><!-...
- 8个非常实用的Vue自定义指令
-
在Vue，除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作。Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过Vue.directive(id,...
- 前端必看!10 个 Vue3 救命技巧，解决你 90% 的开发难题?
-
写Vue3项目时，是不是总被数据更新延迟、组件间传值混乱、页面加载缓慢这些问题折磨得头秃？别担心！作为摸爬滚打多年的老前端，今天掏出压箱底的10个实战技巧，从性能优化到复杂逻辑处理，每一个都能直接抄进项目，让你的开发效率原地起飞！一、readonly：保护数据的“安全卫士”，防止误修改在开...
- 是时候使用iframe延迟加载来提升LCP!
-
大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发！前言图像的标准化延迟加载策略通过loading属性已经集成到Chrome76，Firefox等诸多浏览器，比如下面的浏览器支持图。目前...
- 10个Vue开发技巧「实践」
-
作者：WahFung转发链接：https://juejin.im/post/5e8a9b1ae51d45470720bdfa路由参数解耦一般在组件内使用路由参数，大多数人会这样做：exportdefault{methods:{getParamsId(){...
- JavaScript 事件——“事件类型”中“UI事件”的注意要点
-
“DOM3级事件”规定了一下几类事件UI事件，当用户与页面上的元素交互时除法；焦点事件，元素获得或失去焦点；鼠标事件，通过鼠标在页面上执行操作；滚轮事件，使用鼠标滚轮或类似设备；文本事件，当用户在文档中输入文本；键盘事件，通过键盘在页面上执行操作；合成事件，当为IME（InputMethodEd...
- 网络安全与防范
-
1.重要性随着互联网的发达，各种WEB应用也变得越来越复杂，满足了用户的各种需求，但是随之而来的就是各种网络安全的问题。了解常见的前端攻击形式和保护我们的网站不受攻击是我们每个优秀fronter必备的技能。2.分类XSS攻击CSRF攻击网络劫持攻击(运营商劫持)控制台注入代码虚假网站钓鱼3.XSS攻...
- vue下载excel文件方法
-
1、访问接口加上：responseType:‘blob’2、js方法:文件下载的方法/***data：接口返回的数据*fileName：文件名称*文件名可从头拿：let_fileName=res.headers['content-disposition'...
- 前端分享-少年了解过iframe么
-
iframe就像是HTML的「内嵌画布」，允许在页面中加载独立网页，如同在画布上叠加另一幅动态画卷。核心特性包括：独立上下文：每个iframe都拥有独立的DOM/CSS/JS环境（类似浏览器中的浏览器）异步加载：不会阻塞主页面渲染沙盒隔离：天然实现样式和脚本隔离常见应用场景：第三方服务...
- JavaScript代码嵌入HTML的方法、及两者的在执行流程上的细微区别
-
为了执行Javascript，需要在HTML文件内以特定的方式书写JavaScript的代码，JavaScript的书写方法有多种，其执行的流程也各不相同：1<script>标签嵌入此种嵌入方法无法操作<script>之后的DOM元素。因为<script>之后的...