- 博客(18)
- 收藏
- 关注
RSS订阅原创 Vue笔记
一、Vue入门 vue.js是目前最火的前端框架，React是最流行的一个前端框架(React除了开发网站，还可以开发手机App),Vue语法也可以用于进行手机App的开发，需要借助于Weex) vue是前端的主流框架之一,和angular、React一起，并称前端三大主流框架。 Vue是一套用于构建用户界面的渐进式JavaScript框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具
2022-03-24 21:22:12
160
原创 解构赋值。
js中如何定义对象,对象中有属性和值() 属性名:值 -使用对象中的某个值 对象名称.属性名 -访问对象中的属性 -调用方法 对象的解构赋值 a. 等号左侧要使用花括号({})包裹变量名 b. 变量名要和对象中要要解构的属性名保持一致 c. 等号右侧就是要解构的对象 不完全解构 1. 变量名比等号右侧的值少,且没有其他特殊处理的话，多出的值会被忽略 let [a,b,c] = [10,15,17,23,31] //结果:a 10 b 15 c 17 2. 变量名比等号右...
2022-03-10 18:18:23
189
原创 【无标题】选择器
元素选择器: 作用：通过元素选择器可以选择页面中的所有元素 语法：标签名{ } p{ color:red; font-size:40px; } ID选择器： 作用：通过元素ID属性值选中唯一的一个元素。 语法：#id属性值{ } 如下：选中ID为p1的元素 #p1{ /*选中ID为p1的元素*/ color:red; font-size:40px; } 类选择器： 作用：痛过元素的class属性值选中一组元素（class属性和ID属性类似，只是class属性
2022-02-24 16:47:41
110
原创 媒体查询。
Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效 果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则 @media 媒体类型and (媒体特性){你的样式} 注意:使用Media Queries必须要使用“@media”开头，然后指定媒体类型(也可以称为设备类型)， 随后是指定媒体特性(也可以称之为设备特性)。媒体特性的书写方式和样式的书写方式非常相似，主 要分为两个部分，第一个部分指的是媒...
2022-02-24 16:17:35
98
原创 容器属性。
1. 设置主轴的方向(即项目的排列方向) row(默认值):主轴为水平方向，起点在左端 row-reverse:主轴为水平方向，起点在右端 column:主轴为垂直方向，起点在上沿 属性将失效。 2. 3. 4. 5. 6. column-reverse: 主轴为垂直方向，起点在下沿 如果在一条轴线上排不下，如何换行 nowrap(默认值):不换行 wrap:换行，第一行在上方 wrap-reverse:换行，第一行在下方 是flex-direction属性和flex-wrap属性的简写形式 默认值为..
2022-02-21 08:24:31
119
原创 弹性布局。
5.1 弹性盒子(弹性布局) 5.1.1 弹性布局介绍 Flexbox是flexible box的简称(意思是"灵活的盒子容器")，是CSS3引入的新的布局模式。它决定了 元素如何在页面上排列，使他们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为Flexbox，是因为它能够扩展和收缩flex容器内地元素，以最大限度地填充可用空 间。与以前布局方式(如table布局和浮动元素内嵌元素)相比，Flexbox是一个更强大的方式 在不同方向排列元素 重新排列元素的显示顺序 更改元素的...
2022-02-18 16:49:05
119
原创 css3 新增属性
CSS3新增属性 4.1 背景 a. background-size 设置背景图片大小 案例:多图背景 1.多背景使用时，如果背景图片后面还需要接着背景颜色，需要将背景颜色写在后面，以防被层 叠，什么都不显示 2.在多背景的使用时，一定要注意背景图片位置的错开，才能达到多背景图片的效果 3.在使用多背景完成一定的转换动画时，一定要加上过渡，不然可能没有效果 b. 背景渐变 线性渐变: linear-gradient 径向渐变: radial-gradient 4.2 阴影 a. 文字阴影 text-shad
2022-02-15 00:51:00
249
原创 CSS选择器
长度单位 px 像素 绝对单位 em 相对于当前对象内文本的字体尺寸 rem 相对长度单位。相对于根元素(即html元素)font-size计算值的倍数 vw 相对单位， 相对于视口(窗口)的宽度 vh 相对单位， 相对于视口(窗口)的高度 角度单位 deg 角度 时间单位 s秒 ms 毫秒 颜色 单词 16进制表示法 rgb(red,green,blue) rgba(red,green,blue,opacity) 3.1 关系选择器 a. E F 包含选择器(后代选择器) b. E>F 子集选择器
2022-02-07 12:03:12
69
原创 表单相关
表单相关 a. 表单信息分组 <audio id="music" src="sucai/wuji.mp3" controls loop></audio> <!-- disabled 禁用整组表单元素--> <fieldset disabled> <legend> 分组标题 </legend> </fieldset> b. 新增输入框类型 email 邮箱 提交时对输入的内容进行邮箱格式验证，允许空值提交...
2022-02-02 17:08:25
519
原创 HTML5标签
HTML5标签 1.1 废弃的标签 acronym applet basefont big center dir font frame frameset noframes strike 1.2 新增标签 1.2.1 语义和结构标签 a. 注释注解标签 b. 描述文档细节 c. 进度条 中国医生 本片根据2020年抗击新冠肺炎疫情真实事件改编。讲述中国各地的白衣逆行者在这场浩大战役中纷 纷挺身而出、争分夺秒、浴血奋战在武汉前线，不顾自身安危守护国人生命安全的震撼故事 请升级浏览器 已完成0%
2022-01-29 00:41:31
514
原创 HTML5
1.3.1 什么是HTML5 HTML5是对HTML标准的第五次修订版本，2014年10月由万维网联盟(W3C)完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 是下一代 HTML 标准。 HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。 1.3.2 HTML发展历程 HTML1.0 实际上应该没有HTML1，所谓的HTML1是1993
2022-01-24 16:28:54
713
原创 响应式设计基础
H5+CSS3授课思路 第一章:响应式设计基础 随着技术的发展和移动网站的普及，同时也推动着网站设计师要去重新思考他们的工作成果将如何 在不同设备上呈现。想一想，你每天在手机和电脑上浏览网页的时间哪个更长? 1.1 什么是响应式设计 简单说，响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。这意味着无论你使用的是 4英寸安卓手机，iPad mini，还是40英寸的影院级显示器，你都将获得最优秀的浏览体验。 对比一下静态页面与响应式设计的网站在不同设备上的显示效果: 最好的响应式网站基本上使用流体网格
2021-11-11 19:46:30
149
原创 选择器
二、选择器 选择器就是帮助我们来选取元素的，比如说在css中的选择器，选择好元素后进行样式的修饰，在Jquery中选择器选好元素后，是需要进行DOM操作的 大部分的css选择器都可以应用到jQuery选择器中 CSS的选择器分类 基础选择器 *号选择器 标签(元素)选择器 类选择器 .类名 id选择器 #id值 复合选择器 后代选择器 E F 查找的是E元素里边的F元素 子集选择器 E>F 查找的是E元素的子集F
2021-11-01 19:36:44
87
原创 2021-10-20
Ajax异步传输 一、Ajax技术与原理 1.1 Ajax简介 Ajax = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML） AJAX 不是新的编程语言，而是一种使用现有标准的新方法(技术)。 AJAX 是与服务器交换数据并更新部分网页的技术，在不重新加载整个页面的情况下。简而言之就是实现页面的局部刷新. 1.2 Ajax所包含的语言 ajax并非一种新的技术，而是几种原有语言的结合体。由以下技术组合而成： 使用CSS和HTML来表示。
2021-10-20 20:03:46
98
原创 事件
一、事件 **事件的作用：**为html的元素添加动作(行为) 1.1 鼠标事件 鼠标单击事件 onclick 鼠标双击事件 ondbclick 鼠标滑过事件 onmouseover 鼠标移出事件 onmouseout 鼠标穿过事件 1.2 表单事件 获得焦点(聚焦)事件 onfocus 失去焦点事件 onblur 内容改变事件 onchange 1.3 键盘事件 键盘按下事件 onkeydown 键盘弹起事件
2021-10-15 23:23:24
93
原创 jQuery
** jQuery** 简称：“JQ” jQuery是一个快速、简洁的JavaScript框架(库，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由[John Resig](https://baike.baidu.com/item/John Resig/6336344)发布) jQuery设计的宗旨是“write Less，Do More”（写的少，干得多） jQuery封装JavaScript常用的功能代码，提供一种简便的JavaScript设计
2021-10-08 22:04:02
109
原创 分支结果笔记
2.1 流程控制 2.1.1 分支(选择)结构 1. 单分支 语法: if(条件){条件为真的时候，执行} 2. 双分支 语法: if(条件){条件为真的时候，执行}else{条件为假，执行的代码块} != !== 多分支 a. if …else if …结构 语法:if(条件1){ 条件1 为真 执行代码块 }else if(条件2){ 条件2 为真 执行代码块 }…else{ 以上条件都不满足时，执行的代码块 } b. switch …case 结构 语法: switch(表达式){ case 值1
2021-09-30 23:14:32
108
原创 2021-09-23
一、复习 分支 循环 for while do while if if else if else if switch case 注意:写上break; 函数 函数的感念、作用、特性 函数创建 函数的调用 函数的参数(形参、实参) 返回值 return 给函数本身设置一个值 终止函数中return之后的代码继续执行 作业 九九乘法表 输出1-100范围内的质数 创建一个函数，实现任意范围内的整数和，并将求和结果返回 二、数组 概念:数组是一组数据的集合，可以存储任意类型的数据 2.1 数组的创建 通过对象的
2021-09-23 20:30:10
121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人