最新内容

SVG 在前端的7种使用方法,你还知道哪几种?

本文简介点赞 + 关注 + 收藏 = 学会了技术一直在演变,在网页中使用 SVG 的方法也层出不穷。每个时期都有对应的最优解。所以我打算把我知道的 7种 SVG 的使用方法列举出来,有备无患~如果你还知道其他方法,可以在评论区补充~1. 在浏览器直接打开<?xml version="1.0" ?><svg width= …

「网络安全」常见攻击篇(20)——点击劫持

什么是点击劫持?点击劫持 (Clickjacking) 技术又称为界面伪装攻击 (UI redress attack ),是一种视觉上的欺骗手段。通常有两种方式:攻击者使用一个透明的iframe,覆盖在一个网页上,然后诱使用户在该页面上进行操作,此时用户将在不知情的情况下点击透明的iframe页面。攻击者使用一张图片覆盖在网页,遮挡网页原有位置的含义; 简单 …

突破浏览器单线程(1):Dedicated Worker

为什么是单线程?JavaScript在浏览器中采用单线程运行模型,这是其最核心的设计特征之一。所谓单线程,是指JS引擎在同一时间内只能执行一个任务,所有代码都在主线程上顺序执行。这一设计源于JavaScript最初被创造时的历史背景——1995年Brendan Eich为网景浏览器开发这门语言时,Web页面只需要处理简单的表单验证和DOM操作,多线程带来的复 …

技术干货:那些年我追过的前端技术

本文作者:上海驻云Web前端工程师 著名2.5次元患者 黄志彪 (头像与真人一模一样)说到前端开发,大家都知道无非就是HTML、JAVASCRIPT、CSS这一套技术体系。虽然这套技术体系本身并不是很复杂,但是现在变得很牛逼了有木有哇?!让人一下子觉得它变得高大上了有木有哇?!今天就来跟大家吧唧一下我那跨了几个时代的前端之旅。一:刀耕火种的时代路人甲:纳尼, …

Layui 2.8.4 发布,包含 32 项更新

form新增 verIncludelRequired 全局属性,用于设置验证规则中是否同时包含必填 # I737EW修复 checkbox 开关标题和半选图标未垂直居中的问题 # 1255修复 checkbox 在初始设置半选时,点击复选框时图标未恢复成非半选状态的问题修复 checkbox 被重新渲染时,标题模版未正确获取的问题 # 1257修复 sele …

Vue3开发极简入门(10):路由&amp;嵌套路由

电脑完蛋了,好不容易抢回来的文档安装npm install vue-router@4这是创建了一个项目之后,再添加路由的办法。一般来说都是项目初始化的时候就添加路由,可以看Vue3开发极简入门(1):初始化上面在问的时候,“是否引入 Vue Router 进行单页面应用开发?”,选“是”即可。路由配置新增文件srcrouterindex.ts:import …

前端实用技术分享—用Vue实现打印指定区域

今天小编在教课的时候,发现很多刚刚接触这个领域的同学对一些小的细节部分还是存在疑惑,网上的很多博客也只是只贴出了代码,并不了解是什么意思,小编今天就具体的来给大家讲一讲如何在vue-cli的环境下实现web的打印指定区域的内容(文字或者表格图表),让大家在学习的过程中少走一些弯路。走起,先看效果图:如何实现上诉需求呢,咱们来一一讲解,首先咱们先把代码切分为四 …

伪元素的妙用2 - 多列均匀布局及title属性效果

伪元素虽然强大,但是还是有一些特定的标签是不支持伪元素 before 和 after 的。诸如 <img>、<input>、<iframe>,这几个标签是不支持类似 img::before 这样使用。究其原因,要想要标签支持伪元素,需要这个元素是要可以插入内容的,也就是说这个元素要是一个容器。而 input,img,ifr …

postMessage 是如何解决跨域问题的?在工作中如何去使用

postMessage 是 HTML5 提供的一种跨窗口通信机制,通过安全的消息传递方式突破浏览器的同源策略限制,实现不同源窗口之间的数据交互。以下是其解决跨域问题的原理及实际应用方法:一、postMessage 如何解决跨域问题?绕过同源策略限制postMessage 允许不同协议、域名或端口的窗口(如 iframe、弹出窗口、标签页等)通过消息事件进行通 …

vue3.0系列:Vue3自定义PC端弹窗组件V3Layer

今天给大家分享的是Vue3系列之自定义桌面端对话框组件v3layer。V3Layer 基于vue3.0构建的多功能PC网页端弹窗组件。拥有超过10+种弹窗类型、30+种参数配置,支持拖拽(自定义拖拽区域)、缩放、最大化、全屏及自定义置顶层叠等功能。快速引入在main.js中引入v3layer组件。import { createApp } from ' …