- 博客(33)
- 收藏
- 关注
RSS订阅原创 Ajax基础--Jquery中的Ajax
JQuery AJAX$.ajax() $.ajax({ type: 'get',//请求类型 url: 'test.php',//请求网址 data: { name: 'kemp' , age: 23 , other: val },//发给服务器的数据，也可写成data : "name=jack&a...
2018-07-11 20:34:19
199
原创 Ajax基础--模板引擎&跨域&认识正则表达式
触发事件本质上其实也是增加属性，也可以单独调用test.onclick = function () { }test.onclick();模板引擎–ArtTemplate使用：引包制作模板：要给script标签添加type属性和id，type属性可以随便写但不能是 text/javascript （建议用text/html），替换的内容用<%= 变量 %>...
2018-07-11 20:18:24
460
原创 Ajax基础--同步异步和XML初识
同步和异步同步：一堆事儿一件一件做异步：一堆事儿好几个人在同时做JS中只有使用AJAX才是异步的 open()的第三个参数 true（异步） false（同步），默认是异步，了解即可JSON.parse() 存在兼容性问题，IE8以下不支持，要用 eval("(" + JSON + ")");不安全，不推荐使用 可以使用 JSON2 框架进行兼容性适应css hack 条件...
2018-07-11 19:52:46
183
原创 Ajax基础--初识ajax和JSON
Ajax基础Asynchronous JavaScript and XML 简单的说就是局部刷新或局部请求请求：请求行 - 请求头 - 请求体在AJAX中创建请求对象：第一步：实例化一个异步请求对象 var xhr = new XMLHttpRequest(); xhr.open('get', 'test.php'); get请求需要在url后设置参数, 如ope...
2018-07-11 19:27:14
191
原创 JS进阶--闭包
JS进阶–闭包instanceof拓展 :arr instanceof Array //true （基础阶段的时候认为是判断某个对象是否是某个构造函数的实例）arr instanceof Object //true 现在可以用来判断一个构造函数的原型是否在对象的原型链上实例在创建的时候就确定了原型链，如果在创建之后更改了原型对象，原型链不会变 function...
2018-06-29 23:56:39
196
原创 JS进阶--原型链
作用域和作用域链全局作用域：整个JS执行环境是一个全局作用域，在全局声明变量相当于给window添加属性局部作用域：函数内部构成一个局部作用域作用域链：全局为 0 级链，下面有 1 2 3 4…级 作用域在代码书写完了之后就确定了，与代码执行无关访问变量时，先在自己的作用域查找，找不到就往上一级找 赋值的时候也是逐级向上找，如果在全局也没找到，则会自动在全局创建...
2018-06-29 23:14:31
220
原创 JQuery笔记03
JQuery笔记03jQuery添加属性： $('.box').attr('class' , 'one'); $('.box').attr({ name : 'haha', index : '1' }); //获取属性值： $('.box').attr('i...
2018-06-27 23:55:10
113
原创 JQuery笔记02
JQuery笔记02jQuery设置css样式： //$('#box').css('style', 'value'); $('.box').css({ width: '100px', height: '314px' }) // JSON对象： $('.box...
2018-06-27 23:17:41
120
原创 Jquery笔记01
Jquery笔记01jQuery是一个JS库 其中的 $ 就是一个函数 如果传入一个匿名函数，就是入口函数, 在DOM树加载完成后会立即执行。（类似于window.onload()） $(function () { })如果传入一个DOM对象，会转换成JQuery对象 $(Dom对象) jQuery方法必须用jQuery对象调用!text()方法：...
2018-05-16 21:49:52
143
原创 Web API 笔记07
Web API 笔记07location中的跳转方法location.assign(‘url’); 页面跳转，记录历史记录。（方法）location.replace(‘url’);页面跳转，不记录历史记录。（方法）location.href = ‘url’;页面跳转，记录历史记录。（给事件对象属性赋值）history var btn = document.getEle...
2018-05-13 21:36:09
127
原创 Web API 笔记06
Web API 笔记06特 效 常用函数1 > offset系列.offsetParent 返回离自己最近的’定位父元素’.offsetLeft 返回元素相对’定位父元素‘的左侧偏移量，不能赋值，赋值要用style .offsetTop 返回元素相对’定位父元素‘的顶部偏移量，不能赋值，赋值要用style .offsetWidth 元素的宽 值 = conte...
2018-05-13 21:22:42
137
原创 Web API 笔记05
Web API 笔记05注册事件的其他方式.addEventListener（） 参数：1、事件名 2、事件处理函数 3、触发阶段(暂时用false，文章后部分详解)box.addEventListener('click / mouseover...' , function(){} , false);优点： 可以给一个事件注册多个Listener，实现事件的扩充...
2018-05-13 21:14:15
215
原创 Web API 笔记04
Web API 笔记04创建元素的三种方式：1. innerHTML： box.innerHTML = '<span> content </span>';这种方式会覆盖掉原来的内容 常用，但不推荐创建表格 若要动态创建列表，可以通过下面的方式： var data = []; var str = ''; st...
2018-05-13 18:42:02
158
原创 Web API 笔记03
Web API 笔记03自定义属性操作：元素.属性 的方法没法拿到元素的属性。 获取自定义属性的值：//原html为 <div id = "box" index = "0"></div> 元素.getAttrbute('index');这种方法可以获得任意标签中的属性设置自定义属性的值：元素.setAttrbute('属性名' ,...
2018-05-13 18:00:42
243
原创 Web API 笔记02
Web API 笔记02DOM中操作样式：onfocus 获得焦点onblur 失去焦点var div = document.getElementById('div');div.onfocus = function(){ //函数体}input标签中，添加属性 disabled 以禁用，可以在DOM中通过true和false控制如：input.di...
2018-05-13 17:37:19
139
原创 Web API 笔记01
Web API 笔记01API (Application Programming Interface) DOM (Document Object Model) BOM (Browser Object Model) Web API = DOM + BOM; document–整个页面 document.documentElement–html标签 ...
2018-04-30 17:21:37
183
原创 JS基础笔记07
JS基础笔记07字符串.substring(开始索引 , 结束索引);从字符串截取，含头不含尾，相当于slice(开始索引,结束索引);substr(开始索引,截几个);基本包装类型：都是底层帮我们new了一个对象然后进行了相关的操作。 数字不能直接用 . 去调用方法，机器会认为是小数点，若实在需要调用，用双点 ..常用 字符串 方法：.charAt...
2018-04-30 10:32:40
113
原创 JS基础笔记06
JS基础笔记06变量都是存在栈空间里面的，函数调用分两步，首先开辟一块栈空间创建形参变量，并把实参值传给形参，值类型传递时，形参怎么变不会影响实参(若要改变实参需要用返回值重新覆盖)，值类型直接就存在在栈空间，所以在形参复制实参栈空间的时候直接就把值复制了一份—————————但是！对于复杂数据类型，真实的数据存在堆空间（关键字new，做了四件事，1.开辟堆空间 2.创建对象实例 3.调用...
2018-04-30 09:44:49
113
原创 JS基础笔记05
JS基础笔记05代码访问变量时，会从离得最近的作用域里面查找，若找不到，再从上一级作用域里面进行查找。 作用域链只会由下往上找。 在函数中未声明变量直接使用一个新的变量，那么引擎会认为是全局变量。 以上具体阐述在JS进阶中会详细阐述匿名函数：(function(userAge){ console.log('userAge'); })(23);**sort 排序...
2018-04-30 09:07:57
120
原创 JS基础笔记04
JS基础笔记自执行函数：定以后立即执行(function (参数) { 函数体 })(默认执行参数);数组的栈和队列用法新增方法：unshift() 和 push()，都可以将一个元素顺序追加到数组的 “头” 和 “尾” 部，并 返回数组长度删除方法：shift() 和 pop() ，都可以将数组里 “头” 和 “尾” 部顺序取出...
2018-04-30 09:00:20
125
原创 JS基础笔记03
JS基础笔记03数组var arr = new Array(2);var strArr = new Array('a' , 'b' , 'c');数组的字面量var arr = [];var stringArr = ['a' , 'b'];比较简单的创建方法 数组可以存任意类型的数据数组的计数从 0 开始 即下标//单独赋值arr[0] = 2...
2018-04-30 08:53:51
93
原创 JS基础笔记02
JS基础笔记02关系运算符返回值为Boolean值 全等号 === 类型和值全部一样，会先进行类型判断，如果类型一致，再进行值的判断。双等号== 在进行比较的时候会进行隐式类型转换，不会判断类型“&&”判断时如果前面的判断结果为false，那么JS引擎不会去判断后面的正误，“||”判断正确的时候同理。逻辑非”!”，用于把布尔值设置成相反的值，可以运用此特点把一个其...
2018-04-28 20:40:54
118
原创 JS基础笔记01
JS基础笔记01事件属性：用来执行js命令内嵌式<script> //script代码 </script> 外联式<script src=""></script> 标签中间不能再写代码变量：本质其实是在内存中开辟的一块空间 “`var num = 111; num = 112; ale...
2018-04-28 20:31:49
132
原创 CSS笔记08
CSS笔记08vertical-align: middle; 这行代码经常和行内块元素搭配使用。 调整图片/特定被包裹的文字margin不会影响文字位置。border-radius: 左上 右上 右下 左下;border-radius: 左上+右下 右上+左下;button默认水平居中垂直居中父级切割子盒子：————————- 父级...
2018-04-27 22:00:12
183
原创 CSS笔记07
CSS笔记07属性书写顺序： 1. 布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式） 2. 自身属性：width / height / margin / padding / border / background 3. 文本属性：co...
2018-04-27 21:52:42
148
原创 CSS笔记06
CSS笔记06上方的box如果高度/宽度不够导致内容出来，会导致下一行不是从最左边开始布局的，此时要在上面的box里面添加overflow: hidden;或者增加高度或宽度。展示盒子的子元素如果是浮动的，考虑不要加高度，但是要清除浮动！电梯导航栏贴近版心显示： 走屏幕的一半—回版心的一半–再回自己的宽度。css拓展：显示与隐藏display: none;...
2018-04-27 21:43:56
121
原创 CSS笔记05
CSS笔记05需要设定一个标准流的父亲来框定浮动子元素父级元素有内边距，浮动子元素仍然受到内边距的影响浮动原则：一有全有background: #1c036c url(../images/banner.png) no-repeat center top;图片要是下面有背景色，应当在图片前面设置相应的背景色堆在一块联想到是否没给高或者清除浮动问题a里面包span 只需设置s...
2018-04-27 21:34:58
128
原创 CSS笔记04
CSS笔记04css布局三种机制：1、普通流normal flow： 元素从上到下，从左到右。2、浮动 float： 脱离标准流,飘在普通流上边，不占位置，只能在水平线上浮动和对齐 .class{ float:none/left/right; }navigation通常用ul和li来制作。父子级的盒子浮动仍受padd...
2018-04-27 21:28:13
102
原创 CSS笔记03
CSS笔记03盒子模型：盒子边框border； 边框填充泡沫厚度：padding； 内边距与其他盒子距离：margin； 外边距border:宽度 样式 颜色 <style> .box{ width: 200px; height: 200px; border-c...
2018-04-27 21:19:47
124
原创 CSS笔记02
CSS笔记02css复合选择器后代选择器（选中所有后代）：CSS： div p{ /*选择div包含的p 后代选择器*/ }HTML结构为： <p>王可可是一条狗</p> <div> <p>王可可是一条狗</p> <!--选中-->...
2018-04-27 21:11:31
154
原创 CSS笔记01
CSS笔记01CSS的注释为：/* 这是一段注释 */行内式：<标签名 style="属性：属性值1 ; 属性2：属性值2;">内容</标签名><h3 style="color:#ccc; font-size: 20px;">青春不常在，抓紧谈恋爱</h3>内部样式表：在开头的-head-里面<
2018-04-27 20:54:53
139
原创 HTML基础笔记02
HTML基础笔记02表格的写法（两行三列）：<table align="center" border="0" cellspacing="0" cellpadding="0" >table border=”1”给表格加边框 ，表格整体对齐方式居中 ，可以用width和height调表格大写，cellspacing：单元格与单元格边框之间空白的距离；cellpa...
2018-04-27 20:38:04
263
原创 HTML基础笔记01
HTML基础笔记01现在多用Sublime VScode等轻量级编辑器进行代码编写，在网上有不少推荐的扩展插件，可以根据相关教程进行下载安装，实现快速开发。可以用 “! + tab”键的方式生成基本信息，如以下代码<!DOCTYPE html><html lang="CN-zh"><head> <meta charset="UT...
2018-04-27 20:15:46
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人