前端开发
-
注：网上看了很多版本，但是很多都需要付出极大的代价，什么降低版本到4.1.0，在main.js设置window.wx = undefined等等。 在尽量不改变echarts的情况下解决点击事件失效问题方案： 首先在main.js引入echarts //引入 import * as echarts from 'echarts'; //全局挂载它 Vue.prototype.$echarts=echarts; 在mounted添加以下代码： mounted()
2024-11-22 -
用到了几个属性，@keyframes，::after,::before 先了解一下他们分别都是干嘛的 @keyframes 关键帧 @keyframes at-rule 规则通过在动画序列中定义关键帧（或 waypoints）的样式来控制 CSS 动画序列中的中间步骤。和 转换（transition）相比，关键帧 keyframes 可以控制动画序列的中间步骤。 怎么使用关键帧： 要使用关键帧，先创建一个带名称的 @keyframes 规则，以便后续使用 animation-name 属性将动画
2024-11-22 -
为什么要语义化 为了在没有CSS的情况下，页面也能呈现出很好的内容结构和代码结构。用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息（爬虫依赖于标签来确定上下文和各个关键字饿权重）方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页便于团队开发和维护，语义化更具可读性，是下一步网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化 写HTML代码时应注意什么
2024-11-22 -
一、自动编译文件 编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。 tsc xxx.ts -w 二、自动编译整个项目 如果直接使用tsc指令，则可以自动将当前项目下的所有ts文件编译为js文件。 tsconfig.json是一个JSON文件，添加配置文件后，只需只需 tsc 命令即可完成对整个项目的编译 创建tsconfig.json： tsc --init 三、配置选项 1. include 定义希望被编译文件所在的目录默认值：[“*
2024-11-22 -
configureWebpack 介绍 configureWebpack 允许你在 Vue CLI 项目中直接修改 Webpack 的配置。它可以通过一个对象或一个函数来实现。如果你使用的是一个函数，那么它会接收默认的 Webpack 配置作为参数，并且你应该返回一个修改过的配置对象。 用法 configureWebpack 可以是一个对象或一个函数： 作为对象： 如果 configureWebpack 是一个对象，那么这个对象将会通过 webpack-merge 合并到最终的 Webpa
2024-11-22 -
1、单行文本溢出省略号 .hidden { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;（当文本溢出时，显示省略号） } 2、多行文本溢出省略 .hidden { -webkit-line-clamp: 2;（最多显示 2 行） display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-ov
2024-11-22 -
作用：通过标签来美化文本外观。 1.<b>和<strong>标签：都可对文本进行加粗，且都是行级标签，<strong>还有强调作用。 注：强调主要用于SEO（搜索引擎优化）时，便于提取对应关键字。 2.<i>和<em>标签：都可使文本倾斜，且都是行级标签，<em>有强调作用。 如果只是简单倾斜，用<i>标签即可，如添加图标等。 3.<pre>标签：预格式化文本（使用较少），块级标签，保留换行和空格及宽度，字号小一号。 4.<small>和<big>标签：行级标签，分别让文字缩小一号
2024-11-22 -
随着 Web 技术的不断发展，前端开发框架层出不穷，各有千秋，今天小编为大家奉上前端 UI 框架的开源项目，希望大家能够喜欢！如果大家有 UI 框架相关的开源项目，也可以托管到码云上，我们会及时给予推荐。最后，如果你很喜欢以下提到的项目，别忘了分享给其他人哦！ 1、项目名称：前端 UI 框架 JEUI 项目简介：JEUI 是一款国产前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，国内很多程序员 javascript 不熟, 大大影响了开发速度. 因此JEUI不需要开发
2024-11-22 -
元素 元素是文档结构的根基，文档中的每个元素对文档的表现起一定的作用。CSS依赖元素，对CSS来说，元素通常有两种形式：置换元素和非置换元素；对于元素的显示方式，CSS把元素分为两种基本类型：块级元素和行内元素 置换元素|非置换元素 置换元素 置换元素内容的部分不由文档内容直接表示。可设置宽高 常见的置换元素： img 内容由文档之外的图像文件替换input 根据类型不同，可替换为单选按钮、复选框、文本输入框等内容 非置换元素 HTML大部分元素的内容由用户代理（一般是浏览器）在元素自身生成的框
2024-11-22 -
网页中一行文本文字溢出显示省略号的方法是: 1. overflow: hidden; /*隐藏超出宽度或高度的部分*/ 2. white-space: nowrap; /*段落不换行 强制文本在一行内显示*/ 3.text-overflow: ellipsis; /*用省略号来代替溢出文本*/ 以上是一行文本文字 溢出显示省略号的解决方法. 网页中两行文本文字溢出显示省略号的方法是: display: -webkit-box; -webkit-line-clamp: 2; -webkit
2024-11-22