- 博客(45)
- 收藏
- 关注
RSS订阅
1原创 前端角度出发做好SEO需要考虑什么？
Meta 标签优化：主要包括主题（title），网站描述（description）和关键词（keywords），language（编码语种）等。放置关键词：关键词分析和选择是SEO 最重要的工作之一，首先要给网站确定主要关键词（一般在5个上下），然后针对这些关键词进行优化，包括关键词密度（density），相关度（relavancy），突出性（prominency）等等。付费的搜索引擎。 搜...
2018-04-26 14:30:38
769
原创 BFC（块级格式化上下文）
BFC（块级格式化上下文），一个独立的渲染区域，只有块级元素参与，规定了内部块级元素的布局方式，且该区域与外部无关。 BFC元素特性原则：内部子元素在怎么变动都不会影响外部元素。布局方式： 1，内部BOX会垂直方向上一个接一个放置，所以是从上向下排列。 2，元素的margin左边和父级的左边紧挨，浮动元素也是这样，所以从左...
2018-04-26 10:49:54
102
原创 CSS 选择器？ 哪些属性可以继承？ CSS新增伪类有哪些？
选择器： 1，id选择器（#myid），2，类选择器（.myclassname），3，标签选择器（div，h1，p），4，子选择器（ul < li），5，后代选择器（li a），6，通配符选择器（*），7，属性选择器（a[rel= ‘external’]），8，相邻选择器（h1 + p），9，伪类选择器（a:hover，li：nth-child）；可继承： ...
2018-04-25 16:27:51
329
原创 绑定this
箭头函数可以绑定this对象，大大减少了显示绑定this对象的写法（call apply bind）。但是箭头函数并非适用于所有场合，所以 ES7 提出了"函数绑定"（function bind）运算符，用来取代call，apply，bind调用。 函数绑定运算符是并排的双冒号（: :）,双冒号左边是一个对象，右边是一个函数。该运算符会自动将左边的对象作为上下文环境（即this...
2018-04-23 16:55:42
123
原创 Math 对象的扩展
Math.trunc 方法用于去除一个数的小数部分，返回整数部分。Math.trunc(4.1);//4对于空值和无法截取的值。返回NaNMath.trunc(NaN); //NaNMath.trunc(foo);//NaNMath.trunc();//NaNMath.sign() 方法用来判断一个数到底是正数，负数，还是0。对于非负数。参数为正数，返回+1；参数为负数，返回-1；参数为0，返...
2018-04-23 16:29:13
129
原创 const命令
1. 基本语法const 声明一个只读的常量。一旦声明，常量的值不能改变。const PI =3.14159;PI // 3.14159;PI = 3 ; //Assignment to constant variable.const声明的常量不得改变值，意味着const 一旦声明常量，就必须立即初始化，不能保留到以后赋值。const的作用域和let命令相同：只在声明所在的块级作用域...
2018-04-19 14:45:03
885
原创 ES6 块级作用域
ES5 只有全局作用域和函数作用域，没有块级作用域，这导致很多场景不合理。 第一种场景：内层变量可能会覆盖外层变量。var tmp = new Date();function f(){ console.log(tmp); if (false) { var tmp = 'hello world'; }}f(); //undefined第二种场景：用来计数的循...
2018-04-19 14:23:28
169
原创 let 命令
1， 基本语法： let命令。用于声明变量 。其用法类似于var，但是所声明的变量只在let命令所在的代码内有效。{ let a = 10; var b = 1;} //let 声明的变量只在其所在的代码块内有效。// a a is not defined // b 1//for循环的计算器很适合使用let命令。var a = [];for (var i = 0...
2018-04-19 10:36:40
367
原创 JavaScript 递归
递归 ： 指的是一个函数不断调用自身的行为。 “从前有座山，山里有个庙，庙里有个老何绍，在给小和尚讲故事！故事是什么呢？从前有座山，山里有个庙，庙里有个老何绍，在给小和尚讲故事！故事是什么呢？从前有座山，山里有个庙，庙里有个老何绍，在给小和尚讲故事！故事是什么呢？从前有座山，山里有个庙，庙里有个老何绍，在给小和尚讲故事！故事是什么呢？”function man (num)...
2018-04-17 14:36:20
117
原创 JavaScript 循环
循环（loop）：指的就是在满足条件的情况下，重复执行同一段代码。 一般语言都会有三种类型的循环语句：for语句，while语句，do while语句。 可以理解为：循环就是迭代（重复）一些命令的代码块，如果循环控制条件不满足的话，就结束循环。 1.for循环的变量初始化表达式中，也可以不使用 var关键字。该变量的初始可以在外部执行。var i;for( i = 0; i<...
2018-04-17 13:59:04
187
原创 Web Sockets
浏览器API 。Web Sockets的目标是在一个单独的持久连接上提供全双工，双向通信。 //要创建Web Sockets，先实例化一个websockets对象并传入要连接的的URL： var socket = new Web Sockets("ws://www.123.com/server.php");//注意：必须给websockets构造函数传入绝对URL。同源策略对Web Socke...
2018-04-16 18:03:04
241
原创 JSONP
JSONP是JSONwithpadding（填充式JSON或参数式JSON）的简写，是应用JSON的一种新方法，在后来的Web服务中非常流行。JSONP看起来与JSON差不多，只不过是被包含在函数中的JSON。collback({"name":"NINI"}); JSONP是由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面总调试的函数。回调函数的名字一般食杂请...
2018-04-16 15:30:49
303
原创 JSON对象的方法。
JOSN 对象 早期的JSON解析器基本上就是JavaScript的eval()函数。由于JSON是JavaScript语法的子集，因此eval()函数可以解析，解释并返回JavaScript对象和数组。ECMAScript5对解析JSON的行为进行规范，蒂定义了全局对象JSON。使用eval()对json数据结构求值存在风险，因为可以能会执行一些恶意代码。 对于不能原生支持JS...
2018-04-16 13:57:22
469
原创 JSON （语法）
JSON（JavaScript Object Notation JavaScript对象表示法） JSON是JavaScript的一个严格的子集，利用JavaScript中的一些模式来表示结构化数据。 JSON是在JavaScript中读写结构化数据的更好方式。因为可以JSON直接传给 elval( )，而不必创建DOM对象。 关于JSON，最重要的是要理解它...
2018-04-16 10:23:57
424
原创 鼠标和滚动事件
click：在用户单机主鼠标按钮( 一般是左边的按钮 )或者按下回车键触发。这一点对确保访问性很重要，意味着onclick事件处理程序即可以通过键盘也可以通过鼠标执行。 dbclick：在用户双击主鼠标按钮( 一般是左边的按钮 )时触发。从技术上说，这个事件并不是DOM2事件规范中规定的。但鉴于它得广泛的支持，所以在DOM3级事件将其纳入了标准。 mousedown...
2018-04-13 11:49:47
719
原创 location 对象
localtion对象的所有属性：属性名例子说明hash"#contents"返回URL中的hash（#号后面跟0或者多个字符），如果URL中不包含散列则返回空字符串host"www.123.com:80"返回服务器名称和端口号（如果有）hostname"www.123.com"返回不带有端口号的服务器名称href"http://www.123.com"返回当前加载页面的完整URL。而loca...
2018-04-12 17:45:59
114
原创 String类型
trim( )方法 删除前置及后缀的所有空格 然后返回结果。var stringValue=' hello world ';alert(stringValue.trim()); // hello worldtrimLeft( ) 删除字符串开头空格 trimRight( ) 删除字符串末尾空格字符串大小写转换方法 ECMAScript中涉及大小写转换...
2018-04-12 15:28:26
108
原创 数组：归并方法
ECMAScript5新增了两个归并的数组的方法。这两个方法 都会迭代数组的所有项，然后构建一个最终返回的值。 这两个方法都接收两个参数 ：一个在每一项上调用的函数和（可选的）作为并归的初始值。传给reduce(),reduceRight() 的函数接收4个参数：前一个值，当前值，项的索引和数组的对象。 reduce( ) 方法从数组的第一项开始，逐个遍历到最后。 var val...
2018-04-12 14:10:40
363
原创 数组：迭代方法
ECMAScript5为数组定义了5个迭代方法。每个方法都接受两个参数：要在每一项运行的函数和（可选的）运行函数的作用域对象--影响this的值。传入的这些方法中函数会接受三个参数:数组项的值，该项在数组中位置和数组对象本身。every（）：对数组的没一项运行给定函数，如果该函数每一项都返回true，则返回true。filter（）：对数组的每一项运行给定函数，返回该函数会返回true...
2018-04-12 13:55:06
1559
原创 IndexOf( ) lastIndexOf( )
indexOf( )方法从数组的开头(位置0)开始向后查找， lastIndexOf( )方法则从数组的末尾开始向前查找。这两个方法都是要返回要查找的项在数组的职位，或者在没有找到的情况下返回-1。在比较的第一个参数与数组中的每一项时，会使用全等操作符；也就是说要求查找的项必须严格相等。（===） var numbers = [1,2,3,4,5,4,3,2,1]; ale...
2018-04-12 10:50:19
240
原创 slice( ) splice( )
slice()方法它能够基于当前数组中的一个或多个项创建一个新数组。slice()方法可以接受一或者两个参数。即要范会香的起始和结束位置。 var colors = ['red','blue','green','black','brown']; var color2 = colors.slice(1); var color3 = colors.slic...
2018-04-12 10:16:12
148
原创 reverse( ) sort( ) concat( )
重排序方法 reverse( )var values =[1,2,3,4,5];values,reveres(); // 反向数组的顺序alert(values) // 5,4,3,2,1 sort( )方法按升序排列数组--即是 最小的值位于最前面，最大值排在最后面。为了实现排序sort（）会调用每个数组的toString（）转型方法，比较的...
2018-04-12 09:37:15
170
原创 pop unshift push shift
pop( )方法则从数组的末尾移除最后一项，减少数组的length值，然后返回移除的项目。var colors = ['red','blue','green']; colors.pop();alert(colors); //greenalert(color.length); //2 push( )方法可以接受任意数量的参数，把他们逐个添加到数组的末尾，并返回修改后数...
2018-04-11 17:01:42
155
原创 数组的方法
1. Array.isArray(); 确定某个值倒是不是数组。而不管它是在哪个全局执行环境中创建的。if(Array.isArray(value)){ //对数组执行某个操作} 2. 转换方法 所有的对象都具有tolocaleString(),toString(),和valueOf(); 其中调用数组的toString(),方法会返回有数组中每个值的字符串形式...
2018-04-11 16:42:01
68
原创 Array 类型
Array 是ECMAScript中最常用的类型了。 创建数组的基本方式有两种： 1， 使用Array构造函数 var color = new Array(22）; 使用构造函数是也可以省略new操作符。 var color = Array(3);2 ,使用基本方式是使用数组字面量表示 。数组字面有一对包含数组想的方括号表示，多个数组之间以逗号隔...
2018-04-11 16:17:06
97
原创 object类型
我们看到的大多数引用类型值都是object类型的实例。而且，object也是ECMAScript中使用最多的一个类型。虽然object的实例不剧本多少功能，但对于应用程序中存储和传输而言他们确实非常理想的选择。 创建object是的方法有两种： 1. 使用new操作符后面跟object构造函数。 var person = new Object(); per...
2018-04-11 15:42:45
194
原创 基本类型和引用类型
ECMAScript 变量可能包含两种不同数据类型的值。基本类型和引用类型。基本类型值指的是简单的数据段，而引用类型值指的就是那些可能有多个值构成的对象。 在将一个值赋给变量时，解析器必须确定这个值是基本数据类型还是引用数据类型。 基本数据类型包括 undefined ，number ，null ，string，boolean。 引用数据类型的值保存在内存中的对...
2018-04-11 15:15:06
92
原创 函数
函数对任意语言来说都是一个核心概念。通过函数可以封装任意多条语句，而且可以在任何地方任何时候调用执行。ECMAScript中的函数使用function关键字来声明，后跟一组参数以及函数体。function functionName（arg0，arg2....,argN）{ statements}function sayHi(name,message){ alert("hello"+...
2018-04-11 15:01:11
79
原创 label break continue
使用label语句可以在代码中添加标签，以便将来使用。label : statementstart : for(var i=0; i<count; i++){ alert(i);}定义的start标可以在将来有break 或者 continue语句引用。加标签的语句一般都要与for语句等循环语句配合。 break 和 continue break和continu...
2018-04-09 16:44:48
77
原创 for-in 语句
·for-in语句 for语句是一种精准的迭代语句，可以用来枚举对象的属性。for ( property in expression)statementfor (var propName in Window){ document.write(propName);} 我们使用for-in循环来显示了BOM中window对象的所有属性。每次执行循环时，都会叫wind...
2018-04-09 14:19:49
499
原创 操作符
只能操作一个值的操作符叫做一元操作符。一元操作符是ECNAScript中最简单的操作符。递增操作符 和 递减操作符 递增 递减操作符借鉴于C，而各自有两个版本：前置型和后置型。 前置型应该位于要操作的变量之前，后置型赢位于要操作的变量之后。var age = 11; //递增++ age; //12 var age =12 ; // 递减--age; ...
2018-04-09 11:39:37
85
原创 for 语句
· for语句 也是一种前测试循环语句，但它具有咋执行循环之前初始化变量和定义循环后要执行的代码的能力。 for（initialization ； expression；post-loop-expression） statement //例子 var count = 10 ; for (var i = 0; i < count; i++）{ alert（i）;...
2018-04-09 11:38:48
333
原创 while 语句
·while 语句 while语句属于前测试循环语句，也就是说，在循环体内的代码执行之前，就会对出口条件求值。因此循环体内的代码有可能永远不会被执行。 while （expression）statement// 例子var i = 0;while(i < 10){1+= 2;}//变量i开始是的值为00，每次循环都会递增2.而且只要i的值小于10， 循环就会继续下...
2018-04-09 10:39:21
199
原创 do-while 语句
· do-while do-while语句是一种后测试循环语句，即只有在循环体中的代码执行之后，才会测试出口条件。换句话说，在对条件表达式求值之前，循环体内的代码至少会被执行一次。 do { statement}while（expression）;//列子var i = 0;do{ i+= 2;} while（i < 10）;alert(i)...
2018-04-09 10:33:34
335
原创 if 语句
if语句 if （condition） statement1 else statement2 其中的condition（条件）可以是任意表达式；而且对这个表达式求值的结果不一定是布尔值。 ECMAScript 会自动调用Boolean（）转换函数将这个表达式的结果转换为一个布尔值。 若果condition的求值结果为true则执行statement1（语...
2018-04-09 10:09:35
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人