- 博客(28)
- 收藏
- 关注
RSS订阅原创 jsonp的原理
JSONP : JSON with Padding问题引入：前端加载资源时，若域名不一致，会产生跨域问题，导致资源无法获取。解决：使用script标签导入外部文件，用script标签加载资源是没有跨域问题的。具体方案在资源加载进来之前，先定义好一个函数。这个函数接收一个参数（即加载进来的数据），函数内利用该参数进行相应的处理。接下来，在需要获取数据的时候，通过script标签加载对应远...
2019-04-08 16:07:41
177
原创 get和post方式比较
get传输方式：通过url地址传输传输数据量：有数据量限制，每个浏览器都不同传参位置：在open方法的第二个参数后，即url?后面特点①缓存问题，数据不能及时更新。（解决：传参时在最后连接一个时间戳，不要忘记&符号）②中文乱码问题。（解决：encodeURI(‘张三’)，进行编码）例子：xhr.open('get','1.get.php?username=Mike&...
2019-04-08 16:05:52
216
原创 Ajax基本交互步骤
1.创建一个ajax对象var xhr = null; IE6以下：xhr = new ActiveXObject(‘Microsoft.XMLHTTP’);其余浏览器：xhr = new XMLHttpRequest();2.调用open方法 设定获取数据的地址open方法参数1.打开方式（get或post）2.地址3.是否异步异步:非阻塞 前面的代码...
2019-04-08 16:02:08
365
原创 var和let遇到for循环
for循环内部是一个块级作用域JS中的for循环体比较特殊，每次执行都是一个全新的独立的块作用域for (var i = 0; i < 3; i++) { setTimeout(function() { // 同步注册回调函数到 异步的 宏任务队列。 console.log(i); // 执行此代码时，同步代码for循环已经执行完成 }, 0);}...
2019-04-08 15:37:28
751
原创 less使用方法
1.直接引入less.min.js写了一个less类型的样式，叫做style.less，想在客户端引用它：2.使用koala编译器（将.less文件解析为.css文件）下载地址：www.koala-app.com直接将less文件转换为css文件了，可以在客户端直接导入css，注意rel要修改3.在服务器环境编译（将.less文件解析为.css文件，同2）①下载安装nodejs：n...
2019-03-19 11:33:13
729
原创 自定义标签
data自定义数据•dataset命名规则data-name : dataset.namedata-name-first : dataset.nameFirst在行间直接设置自定义属性时，JS是无法获取的，必须加上dataset：<script>window.onload = function(){ var oDiv = document.getElemen...
2019-03-19 11:23:37
116
原创 JSON操作总结
概念简介JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。其采用key/value的键值对组成：var packJson = {"name":"Liza", "...
2019-03-19 11:20:04
132
原创 字符串操作总结
http://www.runoob.com/jsref/jsref-obj-string.htmlcharAt()可返回指定位置的字符。string.charAt(index)参数 描述index 必需。表示字符串中某个位置的数字，即字符在字符串中的位置。indexOf()可返回某个指定的字符串值在字符串中首次出现的位置，如果没有找到匹配的字符串则返回 -1。stringObjec...
2019-03-19 11:17:13
160
原创 JS解析器
浏览器：“JS解析器”的两大步1）预解析，“找一些东西”放入“仓库”①var ②function ③参数var a = 1; 预解析后仓库的情况：a=undefinedfunction fn1(){ alert(2); }预解析后仓库的情况：fn1=function fn1(){ alert(2); }所有的变量，在预解析时，都将变量名赋值为undefined所有的函数...
2019-03-19 11:14:59
363
原创 Sublime配置less实时编译步骤
1.下载安装node.js：nodejs.cn/download/一路安装。cmd运行，输入npm检验安装是否成功2.在命令行安装less在cmd 下输入命令进行less安装：（第二行为安装最新版本）npm install -g lessnpm install -g less@latest在命令行输入lessc检验安装是否成功然后进行less-plugin-clean-css插件的...
2019-03-12 21:40:00
563
原创 六大数据类型
JS中的数据类型：数字类型（数字，NaN）字符串类型布尔值类型（true，false）函数类型对象类型(obj、[]、{}、null)未定义类型（undefined）判断数据类型：typeof()1.typeof返回的一律是字符串类型！2.typeof只会返回上述六种类型，加一种ES6提供的新类型：‘number’, ‘boolean’, ‘string’, ‘undefine...
2019-03-11 15:52:58
211
原创 获取样式方法
alert( getComputedStyle( $('div1') ).width ); // IE6 7 8 不兼容 alert( $('div1').currentStyle.width ); // 标准浏览器不兼容总结：1 .获取到的是计算机（浏览器）计算后的样式2. background: url() red …… 复合样式（不要获取）backgroundColor ...
2019-03-11 15:51:20
144
原创 NaN,isNaN()总结
NaN的特点：1.NaN是数字类型，但不是数字；2.程序中出现NaN说明进行了非法的运算操作；3.NaN是false；4.NaN与自己不相等。isNaN()方法解读：判断括号内的内容在Number()方法转换之后，是否是NaN。若转换后是NaN，则返回true；若不是，则返回false。特点：isNaN()讨厌数字，但不讨厌数字类型NaN，它有一个可靠的鉴定师：Number()e...
2019-03-11 15:49:01
944
原创 Number()总结
方法说明：尽可能的将括号内的内容转换为数字，如果转换失败，返回NaN转换成功的情况：var a = '+100';// alert( Number(a) ); // 100var a1 = ' ';// alert( Number(a1) ); // 0var a2 = true;// alert( Number(a2) ); // true-1 false-0var...
2019-03-11 15:47:42
180
原创 ul,ol,dl标签
ul-无序列表&amp;lt;h4&amp;gt;一个无序列表：&amp;lt;/h4&amp;gt;&amp;lt;ul&amp;gt; &amp;lt;li&amp;gt;咖啡&amp;lt;/li&amp;gt; &amp;lt;li&amp;gt;茶&amp;lt;/li&a
2019-03-04 22:55:04
235
原创 浮动（float）
浮动的定义使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停下来。（文档流是文档中可显示对象在排列时所占用的位置）浮动的特征1、使块元素在一行显示；2、使内联元素支持宽高；3、默认内容撑开宽度；4、使元素脱离文档流；5、提升层级半层给元素在某个方向上设置浮动：float:left | right | none | inherit;使元素的某个方向上不能...
2019-02-27 09:43:49
205
原创 定位（position）
position: relative | absolute | fixed | static | inherit;top/right/bottom/left 定位元素偏移量。相对定位：相对自身进行偏移position:relative;a、不影响元素本身的特性；b、不使元素脱离文档流（元素移动之后原始位置会被保留）；c、如果没有定位偏移量，对元素本身没有任何影响；d、提升层级绝对...
2019-02-27 09:38:48
124
原创 a标签和伪类
a标签-超链接链接/下载/锚点<a href="www.baidu.com">百度</a>a标签内的文字默认是有下划线的！伪类添加特殊效果link：未访问链接的颜色visited：已访问链接的颜色hover：鼠标悬停变色active：鼠标按下时链接的颜色a:link{ color:black; } a:hover{ color:red; }...
2019-02-27 09:35:39
159
原创 Sublime Text及插件安装问题实用步骤总结（亲测有效）
一. 安装Sublime（必须使用exe方式安装）1.下载安装包，地址二选一：http://www.sublimetext.com/http://www.sublimetext.com/32.运行安装包，一路安装，然后打开Sublime Text3；二. 安装Package Control3.在界面上方点击Preferences—&gt;Browse Packages,进入指定文件位...
2019-02-22 11:29:36
268
原创 文本属性
文字颜色color: red;文本对齐方式text-align: left | center | right;首行缩进text-indent: 32px;text-indent: 2em; (em：当前字体大小)文本修饰（下划线）text-decoration: underline | none;字母间距（字符与字符之间的距离）letter-spacing:...
2019-02-20 19:54:14
137
原创 字体
加粗font-weight: bold(加粗) | normal(正常);倾斜font-style: italic(斜体) | normal(正常)字号font-size: 20px(谷歌中默认字号大小是16px)字体font-family: “宋体” | “楷体” | “微软雅黑”行高: 一行所占据的高度（上空隙+文字大小+下空隙）line-height...
2019-02-19 20:05:43
105
原创 margin外边距
margin外边距：盒子以外要空出的距离，有多个盒子时相当于盒子与盒子的间距☆1.margin的上下外边距会重叠（上面盒子的margin-bottom和下面盒子的margin-top发生重叠）2.子级的margin-top会传递给父级（给父级加上边框则问题解决）设置100×100的容器width:100px;height:100px;background-color:pink;设...
2019-02-19 19:55:34
467
原创 padding内边距
padding内边距：相当于盒子四周围栏的厚度，改变其值会影响整个盒子的大小。（☆背景图片和背景颜色会跟随蔓延）设置100×100的容器width:100px;height:100px;background-color:pink;设置padding内边距的值为100pxpadding:100px;实际情况如下，即背景颜色跟随蔓延padding方向：top | right |...
2019-02-19 19:50:28
402
原创 选择器总结
id选择器<style> #box{ width: 100px; height: 100px; background-color: pink; }</style><!-- id选择器 - 用于选择当前页面标识符为XXX的元素（标识符最好唯一） #id名称--><body> <div id="box"><..
2019-02-18 15:06:54
144
原创 边框
边框的粗细border-width:10px;边框的样式border-style: solid | dashed | dotted;边框的颜色border-color: red;属性复合border: 10px solid red;边框的方向top bottom left right各方向的属性border-top-width: 10px;border...
2019-02-18 14:52:26
112
原创 背景
背景颜色background-color: #ccc;背景图片background-image:url(img/test.jpg); /* 默认状态下，背景会平铺 */设置背景是否平铺background-repeat: no-repeat; | repeat-x; | repeat-y; | repeat;背景定位background-position:10...
2019-02-18 14:48:47
87
原创 行间、内部、外部样式表
行间样式表<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 行间样式：给单独的标签添加样式 --> </head> <body
2019-02-18 14:45:11
421
原创 块元素和内联元素
常用的块级元素标签：address , center , div , dl , form , h1 , h2 , h3 , h4 , h5 , h6 , menu , ol , p , table , ul , li块级元素的特征：①总是在新行上开始，独占一整行；②不设置width时，撑满一行；③支持所有CSS命令；④可以容纳内联元素和其他块元素。(p标签、h标签、td标签内不允许再...
2019-02-15 13:53:54
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人