naoguoteng的博客

一、原生的Ajax请求1.异步和同步2.Ajax介绍(1)原生的JS实现方式（了解）(2)原生AJax发送Post请求，并携带请求参数二、JQuery封装后的Ajax1.JQeury实现方式三、JSONP 跨域请求1.什么是跨域？2.JQuery 封装过后的JSONP请求四、CORS 跨域，获取不到数据的原因。五、Java中JSON字符串和Java对象的互相转换2.Java对象转换JSON3. JSON转为Java对象

1.高级事件(1)浏览器一打开自动触发我们绑定的事(2)Trigger 传递数据(3)自定义事件(4)trigger 简写方案(5)triggerHandler()(6)trigger和triggerHandler的区别(7)on off one2.动画(1)显示 隐藏 动画(2)队列动画(3)下滑 上卷(4)淡入淡出(5)自定义动画 animate()(6)自定义动画之队列动画(7)队列动画方法 queue()

1.jQuery的介绍和在线学习网址以及下载网址5.jQuery如何达到获取原生的DOM对象6.jQuery选择器(1)常见选择器(2)高级选择器以及方法(4)过滤选择器7.常用到的方法(1)html()和 text()方法(2)attr()和 removeAttr()(3)元素样式操作方法和其他方法8(1)创建节点(2)插入节点(3)包裹节点(4)其他节点操作9.jQuery基础事件相关(1) 基础事件(3)解绑事件(4)简写事件(5)复合事件(6)事件对象event(7)事件之冒泡和默认行为以及行为

1.JSON的简介2.JSON的语法规则3.JSON 字符串转换为 JavaScript 对象4.常用的JSON相关的函数5.JSON对象的遍历6.补充：JS中的this关键字 JSON（ JavaScript Object Notation ） 是用于存储和传输数据的格式（一种轻量级的数据交换格式 ），通常用于服务端向网页传递数据 。 JSON 使用 JavaScript 语法，但是 JSON 格式仅仅是一个文本。 文本可以被任何编程语言读取及作为数据格式传递。JSON 格式在语法上与创建 Java

友友们好呀，这是小编自己写的一个网页版计算器。可以更换计算器的背景，还可以进行简单的计算，可能还存在很多不足与小BUG。欢迎大家进一步的更行和完善！！！！！

1.下拉框复选框单选框的事件样式 和 禁止喜欢中文字与鼠标右键2.点击按钮后样式发生变化3.表格追随鼠标更换颜色4.点击更换背景5.点击不同的选择栏，内容展示在一个板块内6.排他思想，许多按钮，点击谁谁就有样式7.按钮全选反选8.currentTarget和target的区别9.阻止事件冒泡10.事件捕获11.阻止元素的默认行12.灯泡开关案例13.图片跟随鼠标14.省市二级联动15.滚动事件,滚动到一定位置出现特效16.获取焦点，点击搜索框出现闪

1.事件相关概念2.js中注册监听（事件绑定）的方式(1)在定义标签时，添加事件名称属性。属性值是js代码（js代码会被自动封装到一个function函数的方法体中）(2)通过js获取元素对象，再添加事件。补充：获取到标签对象后，常用的属性。(3)通过 addEventListener() 方法 来添加事件3.js中事件的种类(1)焦点事件：针对表单项(2)点击事件(3)键盘事件(4)鼠标事件 鼠标移动事件案例：金箍棒变大变长(5)表单事件：form(6)加载与卸载事件(7)其他事件

一、BOM浏览器对象模型1.Window窗口对象(1)与弹出有关的方法(2)与定时器有关的方法(3)与打开关闭有关的方法(4)获取其他对象的属性2.Location地址栏对象3.History历史记录对象二、DOM文档对象模型1.Document文档对象(1)获取Element对象(2)创建其他对象2.标签对象的属性 创建删除DOM元素案例： BOM（Browser Object Model） 浏览器对象模型。也就是将浏览器的各个组成部分封装为对象。主要特点就是BOM对象不能由我们程序员自己创

一、函数 自调用函数如下演示：二、JS中的内置对象2.Number对象3.Date 对象 补：第三方的日期工具类moment.js 4.Math对象5.数组对象 补：ES6中数组对象新增的方法6.Global全局方法对象7.RegExp(**)正则表达式对象 函数的使用：函数名称(实参列表); 特点是：函数的调用，只与函数名称有关，与实参列表无关。且函数内部有内置对象 arguments 封装实参数组。补充：void运算符，拦截返回值，一般结合a标签一起使用。 例如：注销a

1.js的发展史（闲聊版）2.浏览器分成两部分：渲染引擎和 JS 引擎3.js与html的关系以及结合方式(1)js与html的关系(2)js与html结合方式4.JavaScript注释5.js中的基本数据类型6.js中的变量7.运算符（自动类型转换）(1)算数运算符：++ -- +(正) -(负) + - * / %(2)比较运算符：> = 8.JavaScript输入输出语句9.九九乘法表（js版本）

Emmet是一款文本编辑器/IDE的插件，用来快速生成复杂的HTML代码，只要掌握一些常用的语法（类似于CSS选择器），就可以减少重复编码的工作。Emmet使用Tab作为自动生成HTML代码的触发器。输入完生成HTML的缩写语句后，按下Tab，即可生成对应的HTML代码。本文所列仅为最常用的一些语法和缩写，有关其他较为少用的可参考。(1)后代：> 表父层与子层的关系，：用于HTML5文档类型。html:xt：用于XHTML过渡文档类型。html:4s：用于HTML4严格文档类型。

一、动画部分1、放大缩小位移（transform）2、过渡动画（transition）3.自定义动画（animation）4.自定义动画案例（漂浮广告）二、流式布局 三、弹性盒子布局（Flex布局）流式布局：是页面中元素的宽度按照屏幕分辨率自动进行适配调整，也就是我们常说的适配，它可以保证当前屏幕分辨率发生改变的时候，页面中的元素大小也可以跟着改变，所以流式布局是移动端开发常用的一种布局。最大的特点就是用百分比来调整。弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效

1.文字的设置(1)文字的基本属性（font）(2)文字的排版以及添加文字的修饰2.颜色的设置3.背景的设置（background）4.边框的相关设置(1)边框样式的设置（border-style）(2)边框宽度的设置（border-width）(3)边框的颜色设置(border-color)(4)边框的综合设置和边距设置（margin）(5)边框的圆角（border-radius）(6)边框的阴影（box-shadow）(7)内间距的设置（padding）5.文本的对齐方式（text-align）6.设

1.类选择器 （class选择器）2.id选择器3.标签名选择器4.包含选择器5. 并列选择器6.通配符选择器7.伪类选择器8.选择器的优先级9.子选择器10.相邻选择器11.相邻所有选择器12.属性选择器 在页面中同一个html元素有不同的选择器定义样式的。这样就存在了谁先谁后。具体的优先级如下：!important>内联样式 > id选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 属性选择器就是只要标签中有这个属性，那么就都会被选中。

1.CSS样式的作用2.CSS的特性(1)继承性(2)层叠性3.CSS的基本语法4.CSS样式如何与HTML结合使用(1)内联样式(2)内部样式(3)外部样式 CSS（Cascading Style Sheets）层叠样式表。该样式表的主要作用就是来美化HTML标签。HTML标签的分类，一般分为行(hang)标签，块标签和行内标签。纯净版行标签和纯净版块标签。都说了是纯净版啦，那意思就是没有任何东西修饰的标签就是纯净版的呗。CSS继承性的意思就是给父级设置一些属性，子级继承了父级。

1.表单的用途2.表单的工作原理3.表单中的各种标签表单标签 form、输入标签 input、文本文框标签 textarea、下拉框标签 select、按钮标签 button 4.表单实例表单在网页上用来给访问者填写信息的，从而获得用户信息，使用网页进行交互的功能。就像日常生活中统计信息的信息表一样。一般是将表单设计在一个html页面中，当用户填写信息后做提交操作，于是表单的内容就会从客户端的浏览器上发送给服务器，经过服务器上的jsp或者ASP或者Cgi等处理后，再将用户所需的信息传送给客户端的

1.表格的结构2.表格标签3.table标签的标签属性4.表格的合并属性在默认情况下，表格是没有边框的，如果想要出现边框，就是用border属性。以下属性适用于th，tr，td标签，来实现上下纵向合并单元格或者左右横向合并单元格。需要注意的是，当实现了上下合并或左右合并，就应该减掉相应行中的列。

1.背景属性bgcolor和background2.序列标签 ul/ol/dt(1)无序列表< ul>(2)有序列表(3)自定义列表 dl/dd3.超链接1)连接到其他的文档(2)网页的内部链接(3)网页的外部链接(4)图片的锚点链接4.框架标签 frame 5.多媒体标签embed其中就是无序列表，每增加一列内容，就需要加一个点击超链接后会跳转到新的页面。需要注意的就是文件的路径，这里我用的是相对路径。绝对路径：是指从根目录到文件的完整路径。 相对路径：是指相对于当前文件的文件位置。点击

一、标签属性。二、排版标签1.标题标签 h1-h6 2.文字上的分隔标签 br和p3.水平线标签 hr、基本语法格式：、水平线标签的标签属性：4.文字居中标签 center5.div 和 span 标签6.排版标签总结。三、文本格式标签四、图像标签 img、图像标签的标签属性如下：五、特殊字符。六、注释标签 !-- --使用HTML制作网页时，可以对HTML标签的属性加以设置。后面会了解到标签的各种属性，目前先了解一下设置标签属性的格式。其基本语法格式:

1.常见的开发工具有2.创建HTML文件3.!DOCTYPE html标签4.页面语言标签lang5.设置字符集编码方式charset和META标记 是声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 就是告诉浏览器按照HTML5 规范解析页面.HTML文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明。 指定html 语言种类

​1.HTML的骨架标签2.HTML元素标签分类 ​/ 常规元素（双标签）/ 空元素（单标签）3.HTML标签关系 / 嵌套关系 / 并列关系4.迎接自己的第一个HTML网页HTML 指的是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言。超文本的含义就在于它可以加入图片、声音、动画、多媒体等内容（超越文本限制 ），不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本 ）。在HTML页面中，带有“< >”符号的元素被称