vue3 vite使用History路由模式打包部署项目注意事项
2024-11-02默认模式,URL 结构包含哈希符号 #,例如:http://example.com/#/home。利用 window.location.hash 来跟踪路由变化,浏览器会自动处理哈希的变化而不触发页面重载。为了实现前进、后退按钮的正常工作以及防止直接访问某个路由导致404错误,需要在服务器端进行适当的配置,将所有的请求都指向应用程序的入口文件,以便 Vue Router 能够接管并解析正确的路由。在此模式下,URL 不包含哈希,呈现常规的路径结构,例如:http://example.com/home。
HTML5_标签_各类表格的实现
2024-10-30自定义列表的使用场景自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。在HTML标签中,标签用于定义描述列表(或定义列表),该标签会与(定义项目名字)和(描述每一个项目名字)一起使用。_h5表格的常用属性
JS中遍历对象的方法总结(共六种方法)
2024-10-27for...in:遍历对象及其原型链上的可枚举属性,适合简单遍历,但需要来过滤继承属性。:返回对象自身的可枚举属性名,最常用。:返回对象自身的可枚举属性值,适合只需要值的场景。:返回对象自身的键值对,适合同时需要键和值的场景。:返回对象自身的所有属性,包括不可枚举属性。:返回对象自身的所有属性,包括符号属性和不可枚举属性。_js遍历对象
el-input 限制输入框只能输入数字和小数以及表单常用的校验规则
2024-10-27oninput =“value=value.replace(/[^0-9.]/g,‘’)” //只能输入数字和小数。oninput =“value=value.replace(/[^\d]/g,‘’)” //只能输入数字。13.密码校验(6-20位英文字母、数字或者符号(除空格),且字母、数字和标点符号至少包含两种)10.多个8位数字格式(yyyyMMdd)并以逗号隔开。11.数字加英文,不包含特殊字符。12.前两位是数字后一位是英文。2.是否手机号码或者固话。3. 是否身份证号码。_el-input 数字框
Web安全开发——html进阶笔记 2
2024-10-26通过组合使用HTML标签和CSS样式来创建具有特定结构和样式的列表,即修改列表项()和列表标记(通常是项目符号或数字)的默认外观以满足特定的设计需求。实现方式:可以使用等标签来创建自定义列表的结构,并通过CSS来设置样式。_html 无序列表 多级
CSS自定义属性改变网站布局和颜色
2024-10-17找到图标的内联SVG打开’ index.html ',你注意到的第一件事就是一个大的SVG元素。它包含所有页面的图标的路径,每个图标都包含在符号元素中,并赋予唯一的ID。这些符号在需要时使用’ use '元素进行引用,允许重复使用图标而不会重复SVG代码。添加CSS变量到SVG使用内联SVG而不是.SVG文件的一个好处是CSS可以访问其内部结构。这意味着我们的CSS变量(除了Edge,在写作时)。在“ index.html ”中,将SVG的样式块替换为下面的代码段。
yarn 、npm 、 npx 、 cnpm 、 pnpm等包管理工具及其差异,依赖包版本锁定问题
2024-09-27这些都是通过package.json文件实现的 当你使用npm安装一个包(并保存它)或者更新一个包的时候,package.json里就自动添加了一条信息,包括包名和其版本。并且在这之上,拥有相同大版本号的任何版本都是OK的。毕竟小版本和bugfix版本不会对使用造成任何影响,所以用任何相同大版本的更高级版本都很安全。无符号:无符号表示固定版本号,例如:vuex: “3.1.3”,此时一定是安装3.1.3版本。出现的,因为npm作为开源世界的一部分,也遵循一个发布原则:相同大版本号下的新版本。_yarn与npm的区别
input(不允许用户输入符号、数字输入框能输入e的原因、输入框不可输入以0开头的数字但是可以输入带0的数字、只允许输入数字)
2024-09-18input(不允许用户输入符号、数字输入框能输入e的原因、输入框不可输入以0开头的数字但是可以输入带0的数字、只允许输入数字)_数字输入框可以输入e
TypeScript(五)类型别名及类型符号
2024-09-18在编写JS代码时,我们通常使用const、var、let来定义一个变量,进行变量的运算或者逻辑编写等。在TS中也有一种类似变量的写法那就是类型别名,与运算逻辑相对应的便是类型符号在前面的文章中,我们介绍了TypeScript中常用的类型,然而在实际项目开发中,不可避免的会遇到各种复杂类型,有些可以使用接口或对象类型来描述,但是有些数据类型更灵活、复杂,那么此时,类型别名是一种非常有用的工具,它可以帮助我们简化代码,提高代码的可读性和可维护性;基本语法应用场景如果说类型别名是一个人,那么类型符号就是它的灵魂。_ts类型别名
HTML5基础知识(零基础进,都是细节!)
2024-09-14HTML是构成Web页面(page)、表示Web页面的符号标签语言。通过HTML,将需要表达的信息按某种规则写成HTML文件,再通过专用的浏览器进行识别,将这些HTML文件翻译成人们阅读的信息形式,就是所见到的网页。HTML的本质是指创建HTML文档需要遵循的一组规范或者标准,遵循这些规范所创建的文档可以在浏览器中显示为网页的外观。HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的新一代标准,是构建以及呈现互联网内容 的一种语言方式,被认为是互联网的 核心技术 之一。_html5