草庐IT

前端video-player

全部标签

前端之css层叠样式表一

http.www.w3school.com.cn1.css简介:美化网页,布局(网页美容师)2.css格式选择器{样式}给谁改样式{改什么样式} p{  标签名称中间用冒号;一定要加分号表述结尾      color:green;      /*修改颜色*/      font-size:20px;        /*修改了文字大小为20像素*/    }//规范:冒号后面、选择器和大括号之前加一个空格3.css选择器作用:选择要改的标签一.基础选择器1.标签选择器标签名{属性:属性值;}2.类选择器.类名{//类名:自定义属性:属性值;}第一步第二步:在需要该的标签中写class="类名"类

Web前端3D JS框架和库 整理

在WebGL库和SVG/Canvas元素的支持下,JavaScript变得惊人的强大。几乎可以为网络构建任何东西,包括基于浏览器的游戏和本地应用,许多最新的突破性功能都在3D上运行。为此,「数维图小编」整理了19个交互式3DJavascript库和框架,用于在Web上创建3D图形,希望你的下一个项目用的上它们:#-Three.jsThree.js是一个高级跨浏览器的3DJavaScript库和应用程序编程接口,用于使用WebGL在Web浏览器中创建和显示动画3D计算机图形。是最受欢迎的3DWebGL库之一,为无数3D体验提供支持。也是最好的3D库之一。ThreeJS主要处理画布元素,SVG元素

前端代码评审规范

前端代码评审规范代码千万行,安全第一行;代码不规范,维护两行泪。阅读规范前,请先阅读项目自带的README.md,配置好项目代码统一的格式检查。一、代码规范1.文件规范1.1文件目录模块划分1.1.1文件创建原则安放文件时遵循“以功能关联划分为主、类型关联划分为辅”的原则。关联文件之间(如果不是就近当前文件夹内安放)必需在文件中注释写明文件功能的关联关系(必要时两边文件都需要写明)。辅助模块(config/util)需要放在当前业务模块的最顶层,不能放在某个子功能的文件夹下。1.1.2文件类型模块由于各个项目命名方式不同,本文只按照类型划分,大概分为下列几种模块,项目文件众多、文件夹模块划分不

Taro+ vue3 + template nut-ui 4.0 + pinia 的前端框架模板搭建

1.展示目前我们有一个需要做H5微信小程序的需求。当然我们可选的框架有很多,比如说:uni-appTaro京东框架去做这些前端需求2.介绍Taro ①.项目的具体结构 Taro框架中的目录结构  大体上都是一样的page页面store ②项目的store状态管理状态管理使用的是piniavue3的新状态管理③。编译成微信小程序直接选中这个项目就可以④。我把这个基本的项目目录以及文件都搭建好了3.总结Taro介绍简介​Taro 是一个开放式跨端跨框架解决方案,支持使用React/Vue/Nerv等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序/H5/R

【前端】HTML+CSS实现卡通蜡烛动漫效果【附源码】

效果图:         向大家介绍如何使用CSS和关键帧动画创建一个可爱的蜡烛动画效果。这个动画效果可以用于节日祝福、生日祝福等场合,让网页更加有趣和生动。HTML代码        纯css3卡通蜡烛小人动画特效演示标签:  通过标签引入外部CSS文件datouwang.css,该文件包含了样式定义用于渲染页面元素。页面结构: .wrapper:整体容器,用于包裹所有元素。  .candles:蜡烛小人容器,包括蜡烛、火焰、眼睛、嘴巴等元素。    .light__wave:光波效果。    .candle1和.candle2:两根蜡烛,每根蜡烛包括蜡烛身体、眼睛、眼睛、眼睛、火焰以及支架

前端绘制地铁路线图

前端绘制地铁路线图前端可以使用多种技术绘制二维地图,以下是几种常见的方法:SVG:SVG是一种基于XML的矢量图形格式,可以使用SVG元素绘制各种形状和路径,包括线、圆、多边形等。可以使用JavaScript库如D3.js来绘制SVG地图。对于地铁路线图或小车地图等简单地图,可以使用SVG元素绘制线、圆等形状表示路线和站点,也可以使用文本元素添加标签和文字说明。Canvas:Canvas是HTML5提供的一种绘图API,可以使用JavaScript绘制各种图形和图像。相比SVG,Canvas性能更高,适合绘制大量的图形和动画效果。可以使用Canvas绘制地图,并使用JavaScript逻辑控制

前端字符串去除空格的方法集锦

前端开发中,经常会遇到需要去除字符串中的空格的情况。空格是字符串中的一种特殊字符,可能会影响字符串的处理和显示,因此在某些情况下需要将字符串中的空格去除掉。本文将介绍一些常用的方法来实现前端去除字符串空格的操作。一、使用JavaScript的replace()方法去除空格JavaScript提供了replace()方法,可以通过正则表达式来替换字符串中的特定字符。通过使用正则表达式,可以将字符串中的空格替换为空字符串,从而实现去除空格的效果。varstr='HelloWorld!';varnewStr=str.replace(/\s+/g,'');console.log(newStr);//输

7 种常见的前端安全攻击

文章目录七种常见的前端攻击*1.跨站脚本(XSS)2.依赖性风险3.跨站请求伪造(CSRF)4.点击劫持5.CDN篡改6.HTTPS降级7.中间人攻击随着Web应用程序对业务运营变得越来越重要,它们也成为更有吸引力的网络攻击目标。但不幸的是,与后端和DevOps同行相比,许多Web开发人员在构建安全前端方面已经落后。这种差距增加了破坏性数据泄露的风险。最近发生的诸如Balancer协议泄露之类的事件暴露了攻击者在利用前端漏洞时可以造成多大的损害。据公开承认的消息,BalancerProtocol据报道遭到前端攻击,造成超过24万美元的损失。由于黑客工具和脚本的激增,发起攻击的障碍不断下降,对W

2023年就要结束了,让我们看一场烟花,与过往做个告别吧!【HTML5 + CSS3 + JavaScript】前端酷炫表白代码(附带绝美烟花特效)| 附:源代码

 如果全世界都对你恶意相加,那我就对你说上一世情话。  🎯作者主页:追光者♂🔥        🌸个人简介: 💖[1]计算机专业硕士研究生💖 🌿[2]2023年城市之星领跑者TOP1(哈尔滨)🌿 🌟[3]2022年度博客之星人工智能领域TOP4🌟 🏅[4]阿里云社区特邀专家博主🏅 🏆[5]

(简单有案例)前端实现主题切换、动态换肤的两种简单方式

目录背景(强烈推荐)实现方法1:CSS中原生变量“--”和var()步骤1:定义css变量 步骤2:使用CSS变量步骤3:切换主题实现完整案例实现方法2:link动态引入背景我们需要做一个功能,类似动态换肤这种功能。实现方式无非两种,一种是css变量、另一种是link动态引入(强烈推荐)实现方法1:CSS中原生变量“--”和var()步骤1:定义css变量属性名:属性名必须使用--开头在:root中定义(root后面的参数用来区分是哪个主题样式:root[theme='主题名称'])可以是数字、字母、下划线、中划线属性值:css普通属性可以用的,比如:数字、文本、带单位的长度、角度等等都可以作