前端哥

css如何控制英文或者数字自动换行

2024-06-04这意味着如果一个单词太长而无法在当前行显示,那么它将被强制换行到下一行。注意,这两个属性的效果可能会受到其他 CSS 属性的影响,比如。会允许在任何字符之间断行,包括半角空格、全角空格、连字符等。所以,在使用时需要注意兼容性和实际效果。属性来控制单词内部的断字规则。属性来控制英文或数字的自动换行。在 CSS 中,使用。_css数字换行

https://www.qianduange.cn//article/10739.html 分类:前端知识

7个实用的css技巧,你学会了吗

2024-06-03你可能永远不需要强制让你的访客使用独特的光标。至少,对于一般的用户体验目的来说是这样。然而,关于cursor属性的一点值得注意的是,它允许你展示图片。这相当于以照片格式展示工具提示。一些使用场景包括能够比较两张不同的照片,而无需在视口中渲染这些照片。例如,可以使用光标属性来节省设计中的空间。由于你可以将自定义光标锁定到特定的div元素上,所以它不会干扰到元素之外的其他元素。

https://www.qianduange.cn//article/10590.html 分类:前端知识

table固定首行首列css 最简单方法(亲测可用)

2024-06-01业务需要前端使用html 写了个table 如图: 需要滚动条上下左右滑动,但是固定首航首列关键代码:/* 首列固定 */left: 0;z-index: 1;/* 表头固定 */top: 0;z-index: 2;/* 表头首列强制最顶层 */z-index: 3;解析:关键属性 css :在 视口滚动到元素 top 距离小于 0px 之前,元素为相对定位。之后,元素将固定在与顶部距离 0px 的位置,直到视口回滚到阈值以下;同理。_table固定首列

https://www.qianduange.cn//article/10452.html 分类:前端知识

HTML至核心:HTML 中的 head 标签

2024-05-22HTML 中的 标签用作元数据的容器,保存有关文档的关键信息。这包括 、、 和 等元素,它们共同定义了文档的各个方面。虽然 HTML 4.01 强制要求存在 元素,但 HTML5 允许省略它。 元素位于 和 标记之间,用于封装有关文档的数据,例如标题、字符集、样式、链接和脚本。_html什么意思

https://www.qianduange.cn//article/9058.html 分类:前端知识

vue3中watch(监听)的五种情况

2024-05-10第三个参数是一个配置对象:可选值:1. immediate:在监听创建时立即触发回调,第一次调用时旧值是undefined2. deep:如果值是对象,强制使用深度遍历,一遍在深层级变更时触发回调3. flush:调整回调函数的刷新时机默认情况下,监听的回调(第二个参数)都会在 Vue 组件更新之前被调用。这意味着你在监听回调中访问的 DOM 将是被 Vue 更新之前的状态。如果想在监听回调中能访问被 Vue 更新之后的 DOM,你需要指明 flush: 'post'_vue3watch监听

https://www.qianduange.cn//article/7875.html 分类:前端知识

JS 跳出循环的几种方法(return、break、continue、throw等)

2024-05-09只输出了1和2,第三次循环中return跳出了循环,同时也阻止了后面代码的执行,这就是return的特性:当执行return语句时,即使函数主体中还有其他语句,函数执行也会停止!通过输出了 end 可以看出他跟 return 语句的不同之处,break 语句只是跳出了当前循环语句,并不会阻止函数内其他语句的执行。所不同的是,它不是退出一个循环,而是跳出当前循环,继续下一轮循环。看打印的结果,不仅阻断了命名循环的执行,而且执行命名循环后续的代码。相当于强制抛错中断执行,不仅终止了循环,后续代码也不再执行。_js 跳出循环

https://www.qianduange.cn//article/7706.html 分类:前端知识

【vue中文件及文件夹命名规范详细介绍】

2024-05-09在 Vue 项目中,合理的文件和文件夹命名对于代码维护和团队协作非常重要,没有官方的强制性规范,但社区有一些通用的最佳实践:Vue 组件的命名规范通常遵循以下几种风格:1. 1.1 驼峰式命名法(camelCase)1.2 短横线命名(kebab-case)全小写1.3 帕斯卡命名法(PascalCase)2. 2.1 kebab-case2.2 尽量使用名词,尽量使用一个单词3. 3.1 所有模块的主文件index.js全小写3.2 属于组件的.js文件,使用PascalBase风格3.3_vue项目文件夹规范

https://www.qianduange.cn//article/7602.html 分类:前端知识

vite vue3的H5项目自适应屏幕适配完美实践

2024-05-06如果引入了UI组件,会强制的把组件的px给改掉,selectorBlackList: [‘van-’]属性可以指定不转换为视窗单位的类名,例如vantUI组件所有类名都是以van-开头的,就不会将组件的宽度改变啦。2.我的UI设计稿宽度是375,所以viewportWidth 设置为375,会自动转换为vw,项目介绍 vite vue3 js的项目,vue2应该也是能用的,自己试下。1.安装自适应插件postcss-px-to-viewport。_csdn vite自适应页面

https://www.qianduange.cn//article/7143.html 分类:前端知识

vue3 vite js 配置Eslint prettier_vite js vue3配置eslint

2024-05-06proseWrap: ‘preserve’, // 使用默认的折行标准 参考 https://prettier.io/docs/en/options.html#trailing-commas。trailingComma: ‘none’, // 代码末尾不需要逗号 参考 https://prettier.io/docs/en/options.html#prose-wrap。‘jsx-quotes’: [2, ‘prefer-single’], // 强制在JSX文件中一致使用单引号。_vite-plugin-eslint

https://www.qianduange.cn//article/7118.html 分类:前端知识

Typescript 5.0 发布:快速概览

2024-05-05TypeScript 5.0 添加了几个新标志来自定义模块解析过程。这些标志提供了更细粒度的控制,以控制模块是如何解析的,使您能够微调构建过程。:允许导入带有 TypeScript 特定扩展名(如 .ts、.mts 或 .tsx)的 TypeScript 文件。:强制 TypeScript 在从 node_modules 中的包中读取时,查看 package.json 文件的 exports 字段。_moduleresolution bundler

https://www.qianduange.cn//article/7072.html 分类:前端知识

79条数据,当前5/8

最近搜索

会员中心 联系我 留言建议 回顶部
濞村繗顫嶉崳銊ュ磳缁狙勫絹缁€鐚寸窗閹劎娈戝ù蹇氼潔閸c劎澧楅張顒冪窛娴e函绱濆楦款唴閹劎鐝涢崡鍐插磳缁狙傝礋閻儰绨¢弸渚€鈧喐绁荤憴鍫濇珤閿涘本鐎柅鐔粹偓浣哥暔閸忋劊鈧胶鐣濈痪锔肩礉娑撳﹦缍夐柅鐔峰閺囨潙鎻╅敍锟�缁斿宓嗘稉瀣祰