前端html css
CSS 布局面试题目
## 盒子模型 - 盒子模型包含margin,padding,border,content四个内容 - 盒子模型可分为`标准盒模型`和`怪异盒模型` - 盒子模型可通过`box-sizing`设置 ## margin 和 padding的区别 - margin用来设置元素之间的距离 - paddin ......
react使用tailwind.css
> Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex，pt-4，text-center和 rotate-90 这样的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。官网：https://tailwindcss.com/ ## 1.安装 - 以 vite + ......
HTML编辑器 图片粘贴上传，实现图文粘贴，图片自动上传
如何做到 ueditor批量上传word图片？ 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional ......
使用正则表达式 移除 HTML 标签后得到字符串
# 需求分析 ## 后台返回的数据是 这样式的 需要讲html 标签替换 ```html high_light_text: "OPPO OPPO 白色 01" ```  #### 官网是这么写的： ESLint 是一个可配置的 JavaScript 检查器。 它可以帮助你发现并修复 JavaScript ......
css三栏布局
三栏布局：它是一种经典的布局方式；在页面上呈现左中右三列布局，其特点是左右两端固定，中间宽度自适应， 1.浮动布局 左右两个div分别左右浮动，中间的用magin-left与magin-right撑开 缺点：要考虑清除浮动带来的影响（父容器高度塌陷），主要内容无法最先加载。 2.定位布局 子绝父相 ......
css给元素前面或后面的元素加样式
- h1:has(+p) { color:red; } div+p{ color:green; } <h1>红色</h1> <p>黑色</p> <div>绿色</div> <p>黑色</p> - ......
odoo15引入和使用css
1、增加一个css文件base.css，如下图： ``` .bxbase{ color: red; } ``` 2、在__manifest__中添加引用 ``` 'assets': { 'web.assets_backend': [ 'testaddons/static/src/css/base.c ......
HTML | HTML文档声明
1. 作用：告诉浏览器当前网页的版本。 2. 写法： + **旧写法**：要依网页所用的HTML版本而定，写法有很多。 > 具体有哪些写法请参考 ：https://www.w3.org/QA/2002/04/valid-dtd-list.html（了解即可，千万别背！） + **新写法：**一切都变 ......
HTML | HTML设置语言
1. 主要作用： + 让浏览器显示对应的翻译提示。 + 有利于搜索引擎优化。 2. 具体写法： ```html ``` 3. 扩展知识： `lang` 属性的编写规则（作为一个课外扩展知识，了解即可）。 > 1. 第一种写法（ 语言-国家/地区 ），例如： > + `zh-CN` ：中文-中国大陆（ ......
css超出隐藏、显示省略号
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 ____________________________________________________ ......
HTML | HTML字符编码
1. 计算机对数据的操作： + 存储时，对数据进行：**编码**。 + 读取时，对数据进行：**解码**。 2. 编码、解码，会遵循一定的规范 —— **字符集**。 3. 字符集有很多中，常见的有（了解）： > 1. `ASCII` ：大写字母、小写字母、数字、一些符号，共计128个。 > > 2 ......
HTML | HTML全局属性
**全局属性**是所有 HTML 元素共有的属性；它们可以用于所有元素，即使属性可能对某些元素不起作用。 我们可以在所有的 HTML 元素，*甚至是在标准里没有指定的元素*上指定全局属性。这意味着任何非标准元素仍必须能够允许应用这些属性，即使使用这些元素意味着文档不再是 HTML5 兼容的。例如，虽 ......
HTML | meta元信息
HTML **``** 元素表示那些不能由其他 HTML 元相关（meta-related）元素表示的元数据信息。如：``、``、``、``或``。 1. 配置字符编码 ```html ``` 2. 针对 IE 浏览器的兼容性配置。 ```html ``` 3. 针对移动端的配置（移动端课程中会详细 ......
js去掉html中所有的标签、空格和回车换行符只保留文本
replaceText(val) { if (val != null && val != "") { var re1 = new RegExp("<.+?>|&.+?;","g"); //匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容 var msg = val.replace(re1 ......
html details 去除三角
/* 隐藏默认三角 chrome Safari*/ details ::-webkit-details-marker { display: none; } /*隐藏默认三角 Firefox*/ details ::-moz-list-bullet { font-size: 0px; } summar ......
vite+vue3+ts+elementPlus前端框架搭建 [二] pinia状态管理
前面已经完成了基本框架搭建，下一步针对各个模块的封装以及实验 本章主要是针对pinia的状态模块实现 1. 创建Store 在src文件夹下创建一个store的文件夹，并在该文件夹下创建index.ts文件，内容如下： import type { App } from 'vue'; import { ......
HTML | HTML框架标签
| **标签名** | **功能和语义** | **属性** | **单** **/** 双标签 | | : : | | | : : | | `iframe` | 框架（在网页中嵌入其他文件） | `name` ：框架名字，可以与 `target` 属性配合。`width` ： 框架的宽。`heig ......
前端项目模块
用户注册和登录模块: 用户可以通过注册账号并登录系统，保证用户身份和权限的安全性。 主页模块: 展示网站的主要内容和功能入口，提供用户导航和快速访问功能。 商品展示和搜索模块: 展示网站的商品信息，支持用户根据关键词搜索商品。 商品详情模块: 展示单个商品的详细信息，包括图片、描述、价格等。 购物车 ......
vite+vue3+ts+elementPlus前端框架搭建 [一]
记录下搭建vite + vue3 + ts + elementPlus项目的过程及遇到的问题。 建议使用pnpm安装依赖，npm切换到pnpm 链接地址：[https://www.pnpm.cn/installation]() 1. 运行环境 node -v v18.17.0 npm -v 9.8. ......
html5存储数据和缓存
html5存储sessionStorage 会话级别的本地存储，会话结束后数据就是自动清除localStorage 永久本地存储 sessionStorage与localStorage都有四个方法来对本地存储进行操作 setitem(key,value);添加本地存储数据 getitem(key); ......
前端输入框空格校验
.校验开头不能有空格: jQuery.validator.addMethod("firstNotHasBlank", function(value, element) { var fBlank =/^\S+/; return this.optional(element) || (fBlank.tes ......
禁止别人调试自己的前端页面代码
🎈 为啥要禁止？ 由于前端页面会调用很多接口，有些接口会被别人爬虫分析，破解后获取数据 为了 杜绝 这种情况，最简单的方法就是禁止人家调试自己的前端代码 🎈 无限 debugger 前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点，因为 debugger 在控制台被打开的时 ......
[问题记录] html2canvas导出空白PDF(canvas.toDataURL返回data,)
描述： 前端使用pdfjs加载PDF，转换为canvas ，但是当PDF页数过多时，html2canvas 导出空白 PDF。 因为浏览器对canvas大小有限制，所以当canvas超出限制后，canvas.toDataURL就会返回data,. 类似于空数据。 使用pdfjs加载PDF时，是将每一 ......