- 博客(15)
- 收藏
- 关注
原创 Es6初学总结
一、变量变量命名1.变量名要以数字,字母,下划线开头2.变量名不能时系统里的关键字或保留字3 .使用驼峰命名法Es5定义变量 变量名的命名规则var name ="自定义名字"在Es6中要定义变量需要使用let关键字let name ="自定义名字"Es6的新特性1.不能够重复声明2.块级作用域3.没有变量提升let的特性1.不能够重复定义的2.不存在变量提升3. 存在块级作用域4.不存在作用域链问题常量1.constconst
2022-03-10 18:33:41
236
原创 媒体查询
Media Queries能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的渲染效 果。前面简单的介绍了Media Queries如何引用到项目中,但Media Queries有其自己的使用规则@media 媒体类型and (媒体特性)注:使用Media Queries必须要使用“@media”开头,然后指定媒体类型(也可以称为设备类型), 随后是指定媒体特性(也可以称之为设备特性)。媒体特性的书写方式和样式的书写方式非常相似,主 要分为两个部分,第一个部分指的是媒体...
2022-02-25 15:32:51
141
原创 弹性盒子布局
1.布局介绍Flexbox是flexible box的简称(意思是"灵活的盒子容器"),是CSS3引入的新的布局模式。它决定了 元素如何在页面上排列,使他们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为Flexbox,是因为它能够扩展和收缩flex容器内地元素,以最大限度地填充可用空 间。与以前布局方式(如table布局和浮动元素内嵌元素)相比,Flexbox是一个更强大的方式在不同方向排列元素重新排列元素的显示顺序...
2022-02-20 16:44:39
289
原创 CSS3选择器和新增属性
长度单位px 像素 绝对单位em 相对于当前对象内文本的字体尺寸rem 相对长度单位。相对于根元素(即html元素)font-size计算值的倍数vw 相对单位, 相对于视口(窗口)的宽度vh 相对单位, 相对于视口(窗口)的高度角度单位deg 角度时间单位s 秒ms 毫秒颜色单词16进制表示法 # 6位16进制数表示rgb(red,green,blue)rgba(red,green,blue,opacity)一、 关系选择器a. E F
2022-02-09 12:00:14
101
原创 H5+CSS3
第一章 HTML5标签1.1 废弃的标签.applet.big.center.font.frame1.2 新增标签1.2.1 语义和结构1.注释注解标签<ruby> 英雄<rt> ying xiong </rt></ruby>2.描述文档 <details><!--...
2022-02-05 14:44:01
138
原创 Ajax异步传输
一,Ajax技术与原理1.1 Ajax简介Ajax = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)AJAX 不是新的编程语言,而是一种使用现有标准的新方法(技术)。AJAX 是与服务器交换数据并更新部分网页的技术,在不重新加载整个页面的情况下。简而言之就是实现页面的局部刷新。1.2 Ajax所包含的语言ajax并非一种新的技术,而是几种原有语言的结合...
2022-01-26 14:19:51
386
原创 jQuery中的动画效果
1.显示与隐藏show 显示<button>显示</button> <button>隐藏</button> <div class="show">显示</div> <script> $(function(){ // 单击显示按钮 div显现 $('button:eq(0)').click(function(){ $...
2022-01-20 14:40:36
778
原创 jQuery事件
一.鼠标事件语法:事件对象(dom元素)事件名称(function(){})1.鼠标单击事件 click()<style> .clk{ width: 200px; height: 180px; background-color: red; } .active{ background-color: blue; }</style><div class="clk"&...
2022-01-13 17:37:45
192
原创 Jquery属性
1.attr() 获取或者设置属性<div class="demo" title="这是一个测试代码">attr方法 </div><script>// attr() 获取匹配元素属性的值 var res = $('.demo').attr('title')// attr() 设置匹配元素的属性值 $('.demo').attr('title','this is a test code') // 只修改一个属性值 $('....
2022-01-06 16:46:00
219
原创 JQuery笔记
jQuery简称:"JQ"jQuery是一个快速、简洁的JavaScript框架(库,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布)jQuery设计的宗旨是“write Less,Do More”(写的少,干得多)jQuery封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互jQuery的核心特性可以总结为:具有独特的链式语法和短小
2021-11-14 11:45:33
138
原创 事件和DOM对象
一、事件事件的作用:为html的元素添加动作(行为)1.1鼠标事件鼠标单击事件 onclick鼠标双击事件 ondbclick鼠标滑过事件 onmousecver鼠标移出事件 onmouseout鼠标穿过事件1.2表单事件获得焦点(聚焦)事件 onfocus失去焦点事件 onblur内容改变事件 onchange1.3键盘事件键盘按下事件 onkeydown键盘弹起事件 onkeyup键盘按压事件 onkey...
2021-10-17 18:08:31
71
原创 数组的分类
按照维数可分为一维数组、二维数组、三维数组.... 二维数组创建<script> var stuInfo = [ ['武尚博','男',18], ['刘佳璇','女',18] ] </script>二维数组元素访问 语法:数组名称[外层数组下标][内层数组下标] <script> // 只获取 刘佳璇stuInfo[1][0] </script>二维数组遍历<script> // 遍历的外层
2021-10-12 17:03:28
1148
原创 数组的创建、单个元素的访问、遍历
一、复习·分支ifif elseif else ifswitch case 注意:写上break;·循环for while do while·函数 函数的感念、作用、特性 函数创建 函数的调用 函数的参数(形参、实参) 返回值 tetrun ...
2021-10-06 17:36:46
283
原创 js 数据类型
变量 1. 概 念: 计算机中用来存储数据的 2. 变量的创建 语法: var 变量名称 = 值 变量的命名规范 包含数字(0-9)、字母(a-zA-Z)、下划线(_)、美元符号($) 不能用数字开头 不能使用系统关键字、保留字 变量名称有意义 驼峰命名法 首字母小写,其余单词首字母大写 3. 变量的扩展 a. 初始化赋值 创建变量的时候 赋值<script> var age=12 </script>b. 变量的值更
2021-09-23 14:54:53
99
原创 2021/9/13 js入门
HTML/CSS/JS的关系html 负责页面内容显示和结构css 页面美化js 与用户交互面试题:网页的三层结构结构是什么?各自的作用结构层、表现层、行为层script标签的使用<!--嵌入的方式--><script> js代码</script><!--外部js文件引入的方式 --><script src="js文件路径"></script>&...
2021-09-13 18:14:07
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人