【web前端开发】HTML及CSS简单页面布局练习
2024-03-18视频播放v.play();.cont{播放/暂停放大缩小
解决 Cannot read properties of undefined类型的报错
2024-03-18报错类型一般为两种对象类型对象没有数据的时候为undefined 这个时候访问内部内容就会报错举个例子正常情况 对象有值的时候var obj={name:‘张三’,age:18}#此时对象有数据访问不会报错123对象没值的时候var obj={}#就会报错 Uncaught SyntaxError: Unexpected token ‘.’#表示空对象{}不能使用.1234对象为undefined的时候。_cannot read properties of undefined (reading '1')
这样封装echarts简单好用
2024-03-171. 使用watch去监听props中的对象,不能这样写watch: {// echartsData假设为props中定义了的。},上面这样去监听对象将无法触发。上面这样的只能够监听基本数据类型我们应该改写为:watch: {},2.子组件中 mounted 将会被多次渲染。它的渲染次数取决于父页面中需要显示多少个echarts图。这也是为什么echarts不会渲染出错(A指标中数据不会被渲染到C指标中)_echarts封装
Echarts的配置解释 标题组件(title)
2024-03-15用法: textAlign:"auto" | "top" | "center" |"right"·用法:fontStyle: "normal" | "italic" | "normal"用法: color: "rgba(181, 30, 30, 1)"用法: target:'self' | 'blank'用法:textStyle:{ color:#fff }(2)、fontStyle(标题字体的风格)用法: left: '20'(3)、fontWeight(字体粗细)(1)、color(标题文本的颜色)_echarts title
Vue.js 教程---菜鸟教程
2024-03-15文章目录教程安装起步模板语法插值指令用户输入过滤器缩写条件语句循环语句计算属性监听属性样式绑定事件处理器表单组件组件 - 自定义事件自定义指令钩子路由( vue-router )过渡 & 动画过渡Ajax(axios)安装方法:GET 方法POST 方法执行多个并发请求axios API响应接口实例导航菜单编辑文本订单列表搜索页面切换不同布局教程本教程主要介绍了 Vue2.x 版本的使用第一个实例:<body><div id="app"> <p>{{_vue菜鸟教程
vue3导入模块报红解决方案——找不到模块“./XXX.vue”或其相应的类型声明
2024-03-15使用vue3 ts导入vue文件的时候,路径一切都是对的,却偏偏报错:找不到模块“./XXX.vue”或其相应的类型声明。报错原因是:typescript 只能理解 .ts 文件,无法理解 .vue文件。因此需要给.vue文件加上类型说明文件。神奇的发现,报错不见了,搞定。_import type { definecomponent } from 'vue'报错怎么解决
CSS中你可能不知道的Selectors特性
2024-03-15CSS中你可能不知道的Selectors特性本文作者为奇舞团前端开发工程师引言最近看了2022年全球CSS调查报告,发现了一些不常见的伪类和伪元素。伪类:has()html<div><h1>H1</h1><h2>H2</h2><p>h1{margin:000.25rem0}</p><..._css h1 h2 h3
jQuery框架
2024-03-13let stuArr = [{'sid':1,'sname':'闫凯','ssex':'1','score':0},{},{}];在jQuery中将HTML中事件都封装成了一系统的事件方法。三、如何在HTML页面中使用jQuery框架。还需要在HTML页面中导入相应的js文件。jQuery是一个封装了JS脚本的框架。在jQuery中封装了一系列的方法。.min.js 这是压缩的版本。也就是说是已经写好的JS代码。核心方法: jquery();四、jQuery的核心方法。五、jQuery中事件方法。_jquery框架
position:absolute实现水平居中
2024-03-13可以这样做:设置父元素的 position 属性为 relative。设置子元素的 position 属性为 absolute。设置子元素的 left 属性为 50%,并设置一个负的 margin-left 值,使其移动回到中间。这个值应该是子元素宽度的一半。示例代码:.parent { position: relative;}.child { position: ab..._position: absolute; 水平居中
CSS概述 | CSS的引入方式 | 选择器
2024-03-13CSS,全称Cascading Style Sheets(层叠样式表),是一种用来设置HTML(或XML等)文档样式的语言。CSS的主要作用是描述网页的布局和外观,包括颜色、字体、间距、背景图像等,CSS可以和HTML内容经行分离,这样,一个CSS样式可以用在多个HTML页面,修改时候可以只修改一个CSS文件即可。CSS的基本语法选择器 一条或N条声明选择器决定针对谁做修改,比如想要对p标签中的字体大小和颜色进行修改,那么p就是一个选择器,这样类型的选择器称为元素选择器声明,是在一对花括号{}