jan_moon的博客

一、变量 变量命名 1.变量名要以数字，字母，下划线开头 2.变量名不能时系统里的关键字或保留字 3 .使用驼峰命名法 Es5定义变量 变量名的命名规则 var name ="自定义名字" 在Es6中要定义变量需要使用let关键字 let name ="自定义名字" Es6的新特性 1.不能够重复声明 2.块级作用域 3.没有变量提升 let的特性 1.不能够重复定义的 2.不存在变量提升 3. 存在块级作用域 4.不存在作用域链问题 常量 1.const const

Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效 果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则 @media 媒体类型and （媒体特性） 注：使用Media Queries必须要使用“@media”开头，然后指定媒体类型（也可以称为设备类型）， 随后是指定媒体特性（也可以称之为设备特性）。媒体特性的书写方式和样式的书写方式非常相似，主 要分为两个部分，第一个部分指的是媒体...

1.布局介绍 Flexbox是flexible box的简称(意思是"灵活的盒子容器")，是CSS3引入的新的布局模式。它决定了 元素如何在页面上排列，使他们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为Flexbox，是因为它能够扩展和收缩flex容器内地元素，以最大限度地填充可用空 间。与以前布局方式(如table布局和浮动元素内嵌元素)相比，Flexbox是一个更强大的方式 在不同方向排列元素 重新排列元素的显示顺序 ...

长度单位 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

第一章 HTML5标签 1.1 废弃的标签 .applet .big .center .font .frame 1.2 新增标签 1.2.1 语义和结构 1.注释注解标签 <ruby> 英雄 <rt> ying xiong </rt> </ruby> 2.描述文档 <details> <!--...

一，Ajax技术与原理 1.1 Ajax简介 Ajax = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML） AJAX 不是新的编程语言，而是一种使用现有标准的新方法(技术)。 AJAX 是与服务器交换数据并更新部分网页的技术，在不重新加载整个页面的情况下。简而言之就是实现页面的局部刷新。 1.2 Ajax所包含的语言 ajax并非一种新的技术，而是几种原有语言的结合...

1.显示与隐藏 show 显示 <button>显示</button> <button>隐藏</button> <div class="show">显示</div> <script> $(function(){ // 单击显示按钮 div显现 $('button:eq(0)').click(function(){ $...

一.鼠标事件 语法：事件对象（dom元素）事件名称（function(){}） 1.鼠标单击事件 click() <style> .clk{ width: 200px; height: 180px; background-color: red; } .active{ background-color: blue; } </style> <div class="clk"&...

1.attr() 获取或者设置属性 <div class="demo" title="这是一个测试代码">attr方法 </div> <script> // attr() 获取匹配元素属性的值 var res = $('.demo').attr('title') // attr() 设置匹配元素的属性值 $('.demo').attr('title','this is a test code') // 只修改一个属性值 $('....

jQuery 简称："JQ" jQuery是一个快速、简洁的JavaScript框架(库，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布) jQuery设计的宗旨是“write Less，Do More”（写的少，干得多） jQuery封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互 jQuery的核心特性可以总结为：具有独特的链式语法和短小

一、事件 事件的作用：为html的元素添加动作（行为） 1.1鼠标事件 鼠标单击事件 onclick 鼠标双击事件 ondbclick 鼠标滑过事件 onmousecver 鼠标移出事件 onmouseout 鼠标穿过事件 1.2表单事件 获得焦点（聚焦）事件 onfocus 失去焦点事件 onblur 内容改变事件 onchange 1.3键盘事件 键盘按下事件 onkeydown 键盘弹起事件 onkeyup 键盘按压事件 onkey...

按照维数可分为一维数组、二维数组、三维数组.... 二维数组创建 <script> var stuInfo = [ ['武尚博','男',18], ['刘佳璇','女',18] ] </script> 二维数组元素访问 语法：数组名称[外层数组下标][内层数组下标] <script> // 只获取 刘佳璇 stuInfo[1][0] </script> 二维数组遍历 <script> // 遍历的外层

一、复习 ·分支 if if else if else if switch case 注意：写上break； ·循环 for while do while ·函数 函数的感念、作用、特性 函数创建 函数的调用 函数的参数（形参、实参） 返回值 tetrun ...

变量 1. 概 念： 计算机中用来存储数据的 2. 变量的创建 语法: var 变量名称 = 值 变量的命名规范 包含数字(0-9)、字母(a-zA-Z)、下划线(_)、美元符号($) 不能用数字开头 不能使用系统关键字、保留字 变量名称有意义 驼峰命名法 首字母小写，其余单词首字母大写 3. 变量的扩展 a. 初始化赋值 创建变量的时候 赋值 <script> var age=12 </script> b. 变量的值更

HTML/CSS/JS的关系 html 负责页面内容显示和结构 css 页面美化 js 与用户交互 面试题：网页的三层结构结构是什么？各自的作用 结构层、表现层、行为层 script标签的使用 <!--嵌入的方式--> <script> js代码 </script> <!--外部js文件引入的方式 --> <script src="js文件路径"></script> &...