- 博客(9)
- 收藏
- 关注
原创 如何认识Vue和学习Vue
认识Vue vue.js是目前最火的前端框架,vue是前端的主流框架之一,和angular、React一起,并称前端三大主流框架。 Vue是一套用于构建用户界面的渐进式JavaScript框架。 Vue的官网:https://cn.vuejs.org/index.html 安装Vue Vue的安装首先下载vue.js文件,然后在html中通过script标签导入 <script src="js/vue-2.6.13-min.js"></script> <scrip
2022-03-24 20:39:09 792
原创 ES6整理笔记
一、 数组的解构赋值 1.1 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 。 以前为变量赋值,只能直接指定值。例如 let a = 1; let b = 2; let c = 3; es6可以写成这样 let[a,b,c]=[1,2,3]; 上面的代码表示可以从数组中提取值,按照对应位置,对变量赋值。 如果解构不成功,变量的值就等于undefined。 1.2 不完全解构 1.2.1变量名比等号右侧的值少,且没有其他特殊处理的话,多出的值会被忽略 ..
2022-03-10 17:39:18 110
原创 2021-11-11
弹性布局介绍 Flexbox是flexible box的简称(意思是"灵活的盒子容器"),是CSS3引入的新的布局模式。它决定了元素如何在页面上排列,使他们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为Flexbox,是因为它能够扩展和收缩flex容器内地元素,以最大限度地填充可用空间。与以前布局方式(如table布局和浮动元素内嵌元素)相比,Flexbox是一个更强大的方式 在不同方向排列元素 重新排列元素的显示顺序 更改元素的对齐方式 ...
2021-11-11 19:22:28 133
原创 2021-11-11
CSS3选择器 长度单位 px 像素 绝对单位 em 相对于当前对象内文本的字体尺寸 rem 相对长度单位。相对于根元素(即html元素)font-size计算值的倍数 vw 相对单位, 相对于视口(窗口)的宽度 vh 相对单位, 相对于视口(窗口)的高度角度单位 deg 角度时间单位 s 秒 ms 毫秒颜色 单词 16进制表示法 # 6位16进制数表示 rgb(red,green,blue) rgba(r...
2021-11-11 14:30:57 255
原创 2021-11-11
HTML5标签 1.1 废弃的标签 acronym applet basefont big center dir font frame frameset noframes strike 1.2 新增标签 1.2.1 语义和结构标签 a. 注释注解标签 <ruby> 英雄 <rt>ying xiong</rt> </ru...
2021-11-11 14:17:52 100
原创 2021-10-20
一、事件 1.1 鼠标事件 语法: 事件对象(dom元素).事件名称(function(){}) 1. 鼠标单击事件 click() <style> .clk{ width: 200px; height: 180px; background-color: red; } .active{ background-color: blue; } </style> <div c...
2021-10-20 19:45:16 65
原创 2021-10-4
一、样式 1. css() 为dom对象设置样式 第一种用法: css(属性名称,属性值) 一次只能设置一个样式 <div class="demo"> 设置一条样式 </div> <script> $('.demo').css('color','blue').css('background-color','red') </script> 第二种用法:css({属性名称:属性值,属性名称:值....}) 设置一条样式 二、DOM...
2021-10-04 21:27:11 90
原创 2021-09-28
DOM是文档的对象模型,根据W3C DOM规范为文档提供了一种结构化表示方法,通过改方法可以改变文档的内容和展示形式。 通常来说,DOM操作分为3方面:DOM Core、HTML-DOM和CSS-DOM. 1、DOM Core DOM Core(核心 DOM)它不属于任何语言,它是一组标准的接口,任何一种支持DOM的程序语言都可以使用它。JavaScript中的getElementByld()、getElementsByTagName()、getAttribute()、setAttribute()等方
2021-09-28 23:30:33 94
原创 2021-09-17
HTML/CSS/JS的关系 html负责页面内容显示和结构 css页面美化 js与用户交互 面试题:网页的三层结构结构是什么?各自的作用 结构层、表现层、行为层 script标签的使用 <!--嵌入的方式--> <script> js代码 </script> <!--外部js文件引入的方式--> <scriptsrc="js文件路径"></script> <!--标签内部--> <!--事件属性-->
2021-09-17 19:43:35 79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人