前端css
纯css实现Tooltip提醒
<!DOCTYPE html> <html> <style> .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibi ......
22.表单提交验证和前端MD5加密
onclick 用这个函数来绑定，onclick表示点击事件，当某个按钮被点击时发生表单加密就是为了在提交表单的时候对用户的个人隐私进行加密处理，利用md5进行加密可以有效避免恶意用户进行抓包来获取用户的隐私function f() { var zh =document.getElementById ......
WebKit Inside: CSS 样式表解码字符集
CSS 样式表引入有3种方式: 外部样式表、内部样式表、行内样式，不同的引入方式，解码样式表的字符集原理不一样。 外部样式表 外部样式表由 link 标签引入，当 WebKit 解析到 link 标签时就会构造 CachedCSSStyleSheet 对象。这个对象持有 CachedResource ......
CSS 样式表引入的3种方式
CSS 全称为层叠样式表(Cascading Style Sheet)，用来定义 HTML 文件最终显示的外观。HTML 文件里引入 CSS 样式有3种方式: 外部样式表、内部样式表、行内样式。 外部样式表 外部样式表通过 link 标签引入: <link rel='stylesheet' type ......
CSS 基础 4 - CSS 常用单位
CSS 基础 4 - CSS 常用单位 px：基础单位 em：相对当前父容器的系数，可以累乘 rem：相对根 <html> 的系数，方便计算 vw/vh：viewport width/height，整个浏览器的大小，取值范围 1-100 如 100vh，占满高度，如果出现滚动条，是因为 body 预 ......
CSS 基础 3 - 定位 Postion 属性
CSS 基础 3 - 定位 Postion 属性 static position 属性的默认值，元素随 HTML 流移动 top/left/right/bottom 属性无效 relative 和 static 类似，元素随 HTML 流移动。区别： 比 static 多了 top/left/rig ......
盒子模型-CSS
/* 内边距 / padding: 20px; / 边框 / border: 20px solid black; / 外边距 */ margin: 50px; /* 实线 / / border: 10px solid #000; / / 虚线 / / border: 10px dashed #000 ......
显示菜鸟教程的底部文字By.CSS_SELECTOR
cess select 不需要滚动到底部 直接可以获得 test_loc='[href="//www.runoob.com/web/web-buildingprimer.html"]>h4' # 显示底部的文字 # [href="//www.runoob.com/web/web-buildingpr ......
直播平台开发，纯时间比较(时分)，不含日期，js前端比较
直播平台开发，纯时间比较(时分)，不含日期，js前端比较 //ajax请求后返回的数据success : function(data) {for (var i = 0; i < data.length; i++) {var rows = data[i];var rowTimeBegin=(parse ......
前端 - HbuilderX连接模拟器运行App
HbuilderX连接模拟器运行App 最近更换了一台开发电脑，然后将电脑中的HbuilderX和MEmu(逍遥模拟器)全部更新了，结果Hbuilder使用Android Run在模拟器上跑不起来安装包了，一直停留在如下页面上。 搜索了一大圈之后发现有不少人也遇到了我的这个问题，在官方论坛上开发人员 ......
视化大屏前端技术路线，大屏技术包含哪些？
可视化大屏前端技术路线是实现大屏展示的前端开发技术路径和相关知识体系。在构建可视化大屏时，可以采用以下技术来实现各种功能和效果： 1. HTML、CSS和JavaScript: - HTML用于定义网页结构和内容，CSS用于样式布局和美化，JavaScript用于交互行为和动态效果。 - 使用HTM ......
前端解析开闭区间类型的数据
该类可以解析开闭区间的数据，如图所示： /** * 解析某个数据 比如 suitTmp: '(0, 30]' */ export class IndexAnalyse { /** * 阈值（保留最新的括号字符串） */ thresholdValue: string; /** * 左数字 */ pri ......
前端js下载文件方式记录
方式一: 前端组装数据进行下载 如下方式: // 创建数据 var data = "Hello, world!"; // 将数据转换为 Blob 对象 var blob = new Blob([data], {type: "text/plain;charset=utf-8"}); // 创建一个 U ......
CSS 基础 1 - Block & Inline
CSS 基础 1 - Block & Inline display: inline/block/inline-block/none/flex/grid; block block 元素独占一行，即使两个元素宽度都小于 50% 也不会左右并排 block 元素可以单独设置 width、height 属性 ......
SpringBoot学习4(02整合项目+前端)
1.添加web界面 在resources包下的static包中导入需要用的包，编写html。 1.1测试一下 页面控制台中成功获取数据 1.2页面显示:查询全部信息 1.3添加功能实现 新建按钮的点击事件为 @click="handleCreate()" 点击新建后弹出添加页面，该页面的确定提交按钮 ......
后端传递Timestamp类型时间前端自定义接收格式
Vue项目中处理后端返回日期字符串 在Vue项目开发中,常常会遇到后端返回日期字符串,需要在前端进行格式化显示的情况。这篇文章将分享一下从后端返回日期字符串到前端正确显示的全过程。 后端返回日期字符串 我们假设后端接口返回的订单数据中,有一个returnDate字段,其值是字符串格式如:"Sep 2 ......
By.CSS_SELECTOR 定位查找元素 并输出文本
代码 定位到元素后打印出文字 def get_text(self): element=driver.find_element(By.CSS_SELECTOR, "#sidebar_bh [href*='vip']") print(element.text) ......
By.CSS_SELECTOR 伪类选取器
html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS1</title> </head> <body> <div id='div1'> <div id='div2' > <P>这是段落1</p> < ......
前端之Promise简单谈一下总结
首先我们知道当处理前端多个异步请求时，如果想要有顺序的调用若干个异步请求，传统写法就会造成回调地狱，比如我 因此伟大的Promise诞生 基本写法如上所示，首先是定义一个promise对象，这时状态为Pending,当执行resolve函数之后状态为resloverd，调用reject函数，状态为r ......
By.CSS_SELECTOR 祖宗和后代用空格隔开
element = driver.find_element(By.CSS_SELECTOR, "#div2 input[type='text']") element.send_keys('myname') ......
前端中循环依赖原因分析及解决方案
前端中循环依赖 什么是循环依赖: 两个以上模块之间互相引用，构成闭环依赖。 保持依赖引入的单向流通性！ 示例： 不要觉得自己不会写出这样的代码，当项目庞大后一旦出现这样的问题将会造成无法排查的问题。 // 在a.js 引用 b.js 内容 import {b} from "./b.js" expor ......
使用CSS、HTML、JavaScript实现一个简单的身份验证页
这是我在博客园的第一篇博客，也是我人生中的第一篇博客。希望它能够记录我的成长，帮助更多的人。 最近在写我们社团的社团网站，有一个页面不太希望普通访客能访问到,所以想做一个“统一身份验证验证”，但是又苦于社团网站搭建是纯静态站，没法做数据库，只能妥协，将账号密码字符串组写到JavaScript脚本里， ......
By.CSS_SELECTOR
# 导包 from selenium import webdriver from selenium.webdriver.common.by import By from time import sleep from selenium.webdriver.support.ui import WebDr ......
2023年的前端开发框架
前端开发的框架生态 主要包含的工具有： 脚手架/构建工具 vite 服务器端渲染框架 next.js Gatsby.js Docusaurus 静态文档 跨平台开发框架 RN FLutter 状态管理 Redux zustand jotai recoil 路由 React Router React ......
Vue 3.0开发的开源前端项目
文章来源：https://zhuanlan.zhihu.com/p/587627578 1，PPTist PPTist 是一个基于Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas 开发的在线演示文稿（幻灯片）应用，还原了大部分 Office ......
12-web前端轮播图案例 （小米商城）
说明： 轮播图在前端开发中是一种常见的元素，通常用于展示一系列的图片或者内容，并通过滑动或者点击的方式进行切换。使用JavaScript来实现轮播图有以下几个意义： 提升用户体验：轮播图可以在有限的空间内展示更多的内容，为用户提供更多的信息。同时，轮播图也具有较好的视觉效果，可以吸引用户的注意力。 ......
ThingsBoard 前端项目背景图片部件开发
ThingsBoard 是目前 Github 上最流行的开源物联网平台，本文介绍如何在 ThingsBoard 前端项目中开发背景图片部件。 ......
整洁架构在前端的设计思想与应用实践
随着业务的发展，前端项目承载了越来越多的职责，也越来越复杂，简单通过 cli 生成的框架结构越来越无法满足。
面对前端项目复杂度的不断提升，我们开始思考前端的架构组织方式怎么才更合理？应该如何设计良好的前端架构？行业是否有比较好的优秀实践？
本文先从架构基本概念开始介绍，然后介绍整洁架构的概念和设计... ......