- 博客(15)
- 收藏
- 关注
RSS订阅原创 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
208
原创 媒体查询
Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效 果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则@media 媒体类型and （媒体特性）注：使用Media Queries必须要使用“@media”开头，然后指定媒体类型（也可以称为设备类型）， 随后是指定媒体特性（也可以称之为设备特性）。媒体特性的书写方式和样式的书写方式非常相似，主 要分为两个部分，第一个部分指的是媒体...
2022-02-25 15:32:51
90
原创 弹性盒子布局
1.布局介绍Flexbox是flexible box的简称(意思是"灵活的盒子容器")，是CSS3引入的新的布局模式。它决定了 元素如何在页面上排列，使他们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为Flexbox，是因为它能够扩展和收缩flex容器内地元素，以最大限度地填充可用空 间。与以前布局方式(如table布局和浮动元素内嵌元素)相比，Flexbox是一个更强大的方式在不同方向排列元素重新排列元素的显示顺序...
2022-02-20 16:44:39
246
原创 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
74
原创 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
101
原创 Ajax异步传输
一，Ajax技术与原理1.1 Ajax简介Ajax = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）AJAX 不是新的编程语言，而是一种使用现有标准的新方法(技术)。AJAX 是与服务器交换数据并更新部分网页的技术，在不重新加载整个页面的情况下。简而言之就是实现页面的局部刷新。1.2 Ajax所包含的语言ajax并非一种新的技术，而是几种原有语言的结合...
2022-01-26 14:19:51
303
原创 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
709
原创 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
165
原创 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
192
原创 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
104
原创 事件和DOM对象
一、事件事件的作用：为html的元素添加动作（行为）1.1鼠标事件鼠标单击事件 onclick鼠标双击事件 ondbclick鼠标滑过事件 onmousecver鼠标移出事件 onmouseout鼠标穿过事件1.2表单事件获得焦点（聚焦）事件 onfocus失去焦点事件 onblur内容改变事件 onchange1.3键盘事件键盘按下事件 onkeydown键盘弹起事件 onkeyup键盘按压事件 onkey...
2021-10-17 18:08:31
51
原创 数组的分类
按照维数可分为一维数组、二维数组、三维数组.... 二维数组创建<script> var stuInfo = [ ['武尚博','男',18], ['刘佳璇','女',18] ] </script>二维数组元素访问 语法：数组名称[外层数组下标][内层数组下标] <script> // 只获取 刘佳璇stuInfo[1][0] </script>二维数组遍历<script> // 遍历的外层
2021-10-12 17:03:28
1104
原创 数组的创建、单个元素的访问、遍历
一、复习·分支ifif elseif else ifswitch case 注意：写上break；·循环for while do while·函数 函数的感念、作用、特性 函数创建 函数的调用 函数的参数（形参、实参） 返回值 tetrun ...
2021-10-06 17:36:46
226
原创 js 数据类型
变量 1. 概 念： 计算机中用来存储数据的 2. 变量的创建 语法: var 变量名称 = 值 变量的命名规范 包含数字(0-9)、字母(a-zA-Z)、下划线(_)、美元符号($) 不能用数字开头 不能使用系统关键字、保留字 变量名称有意义 驼峰命名法 首字母小写，其余单词首字母大写 3. 变量的扩展 a. 初始化赋值 创建变量的时候 赋值<script> var age=12 </script>b. 变量的值更
2021-09-23 14:54:53
65
原创 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
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人