本帖最后由 say_no 于 2016-9-11 17:21 编辑
1.网页皆盒子
所有浏览器都支持ctrl+r快速刷新页面,id,class属性中的 - 是连接符(id="ty-pe") #ty-pe
如果有数字,数字只能出现在末尾;
2.在sublime中Ctrl+Shift+d可以快速复制一整行文本;
3.ctrl+Enter可以让光标迅速移到下一行的行首;
4.在sublime中,br*10然后按tab键可以快速生成10个br标签;
5.Ctrl+{ 往左快速缩进,Ctrl+} 往右快速缩进;
6.div*3快速生成3个<div></div>标签;
7.span{我是span$}*3 ,$符意思是自动生成顺序标签;
8.所有的表单标签必须被包裹在form标签当中;
9.option{200$年}*9,快速生成2001年-2009年;
10.ul>li>a快速生成<ul><li><a href=""></a></li></ul> >:父子关系 ul>(li>a)*3快速生成 <ul> 三个<li><a href=""></a></li> </ul> ul>(li>a[href="#"])*3;
11.Ctrl+shift+g快速生成选中文字你想要的标签;
12.使用escape()来转换UTF-8下中文字体设置乱码的问题escape("微软雅黑"),在浏览器检查元素Console下输入进行转换,转换值把%换成\使用
13.$是编号的意思,box$*3(box1,box2,box3);
14.JavaScript中万物皆对象 javascript中单行注释://,多行注释:/**/;
15.css:层叠性,继承性(盒子相关的属性除外),
层叠性的前提:样式的优先级相同
通配符的优先级大于继承的优先级
标签的优先级大于通配符的优先级
类的优先级大于标签的优先级
ID的优先级大于类的优先级
行内(内联)标签的优先级大于ID的优先级
16.变量是用来存储数据的;
17.变量名只能由英文字母,数字,下划线和$符号组成,并且数字不能放在首位
如果变量命名开始是_那么后面可以跟数字,例如_123abc,这是可以的,
变量命名不可以使用javascript中的关键字和保留字,
关键字:在javascript内部已经使用过的。
保留字:在javascript内部存在还未被使用,但总会被用到的。;
18.如果+号两边都是string类型则+号的作用是连接。
如果+号两边都是number类型则+号的作用是相加运算。
如果+号一边是string类型则+号的作用是连接;
19.NaN(not a number)非数字,但NaN是number的一种用来表示数值的一种不正常的状态,
一般在计算错误时出现;
20.方法:在调用的时候后面有括号;
21.get获取,set设置
22.i++(a=i i=i+1) ++i(i=i+1 a=i) 前者是先赋值,然后再自增;后者是先自增,后赋值;
23.&&(并且),一false都false。||(或者),一true都true。!(非,取反),!false=true; !true=false ;
24.优先级:!>&&>||;{ ()> *,/ > +,- } 先看!,再看&&,接着看||;
25.0(false) , 1(true);
26.if(判断条件/Boolean值){} ;
27.while(name != "admin" || password != "8888"){ } //不可以使用 && ,因为用户名和密码可能会出现一个错误另一个正确的情况
true&&false==>false true&&true==>true false&&false==>false
true||false==>ture true||true==>true false||false==>false
28.在javascript中Array定义好后是无穷大的一个容器;
29.trim()清除空格,console.log(a.trim());
29.从数据的加载方向来说:id选择器是先找到结构再找到内容然后再进行渲染,class选择器是先渲染再找到结构然后再找到内容;
30. transform: translate(200px,200px);
-webkit-transform: translate(200px,200px); /*支持Safari和chrome浏览器*/
-ms-transform: translate(200px,200px); /*支持IE浏览器*/
-moz-transform: translate(200px,200px); /*支持Firefox浏览器*/
-o-transform: translate(200px,200px); /*支持Opera浏览器*/
31.移动优先原则,优先实现小屏幕下的布局;
32.Boolean类型的简写转换时 !! ;
33.在JavaScript中数组的长度是可以赋值的;
34. 函数的三要素
1.函数的功能
2.函数的参数
3.函数的返回值
35.不使用var声明的变量是全局变量;
36.JavaScript中预解析会找 var function以及参数,函数声明提升函数,函数表达式提升变量;
37.自定义构造函数
(1)内存开辟空间,储存新创建的对象new Object();
(2)会把this设置为当前对象;
(3) 执行函数内部的代码,设置对象的属性和方法;
(4) 返回新创建的对象
38. 事件的三要素:
事件源—事件的触发者link1
事件的处理程序—onclick—匿名函数
事件的名称—click
39. box-shadow: 10px 10px 5px #DDD; /*右,下,透明度,颜色*/
text-shadow:5px 5px 4px hotpink; /*水平,垂直,模糊程度,颜色,可为负值,可以是多个用 , 隔开*/
background-color: rgba(153,153,153,0.5); /*使用rgba可以达到背景透明而字体不变的效果*/
40.JavaScript中面向对象:就是键值对的集合;
41. //浏览器能力检测代码 经常使用
if( document.getElementsByClassName ){
//有该方法
}else{
//没有该方法
}
42. ||
如果第一个为真 就返回第一个表达式,如果为假 则返回第二个表达式
&&
如果第一个为假 就返回第一个表达式,如果为真 则返回第二个表达式
43. 表达式1 && 表达式2 && 表达式1
先验证是否满足表达式1 如果满足 就执行表达式2 的验证,验证如果失败则返回 假,验证如果成功则返回表达式1
44. delete 删除
语法:boolean delete 数据; 在当前作用域上删除数据
用法:1.删除数组中的一个元素;2.删除一个对象的属性或方法;3.删除一个没有用var声明的变量
45.凡是将数据和运算符等联系起来有值的式子就是表达式;
46.DOM操作可以看作 增删改查
47.在函数里面有一个属性叫prototype,由 该属性创建的对象 会默认链接到 该属性上;
48.在访问对象的某一个属性(方法)的时候,首先会在当前对象中查找有没有改属性,
如果当前对象没有,就会在构造方法的定义规则中查找(当前对象),
如果没有,就会到与对象联系起来的 构造函数的prototype 属性中找
49. 对象中有一个 属性 叫:_proto_
通过调试发现 对象的_proto_ 与创建它的构造函数的 prototype 是同一个东西
__proto__目前是非标准属性
F.prototype 原型属性
o.__proto__ 原型对象
F.prototype 是构造函数 F 的原型属性
F.prototype 是对象 o 的原型对象
在访问一个对象的属性时,首先在当前对象中找,如果没有就在其原型对象中找
原型对象就是对象的构造函数的 prototype 属性
__proto__与prototype有什么区别?
__proto__是站在对象的角度讨论其原型对象
prototype是站在构造函数的角度讨论原型属性,或构造函数创建的对象的原型对象
50.""+变量 快速转换成String类型,变量+0/变量*1 快速转换成Number类型
51.面向对象的特征就是 封装性 继承性 多态性
封装:就是将复杂包裹,隐藏起来,让简单的东西预留在外面
继承:拿来主义,自己没有,把别人的拿过来,让其成为自己的东西
在JS中有两种继承模型
原型继承
组合继承
1.原型继承
如果需要让一个对象有某一个行为(属性,方法),那么可以考虑将这个行为加到原型对象中,那么这个对象就继承自原型对象,获得了该行为
2.组合式继承
组合式继承将其他的对象中的成员加到自己身上
52.对象有原型对象,原型对象也有原型对象,对象的原型对象一直往上找,会找到一个null
在这个过程中,有一个Object类型的有很多方法的对象,它就是Object.prototype
var arr = [];
arr -> Array.prototype -> Object.prototype -> null
var o = [];
o -> Object.prototype -> null
53.Math.random()*总数+第一个数; 实际显示为 第一个数 到 总数+第一个数 - 1 之间的数;
54.工厂模式缺点是无法分清谁是谁;使用构造函数。
55.构造函数,第一个字母大写,必须使用new构造函数名;
56.实例方法,不同的实例化方法的地址是不一样的,是唯一的,实例不会共享
使用原型方法那么地址是共享的,都是一样的,原型方法就是共享
57.web的组成部分: 1,web服务器,2,web客户端,3,http协议/https
58.HTTPD: 第一行为域名,暂时没有可以自己起,第二行为服务器名,暂时没有可以自己起,第三行为管理员的邮箱
59.服务器快速开启: 运行 services.msc
net start Apache2.2 开启
net stop Apache2.2 关闭
net restart Apache2.2 重启
60.查看系统打开的端口号(port)号,确认httpd是否已经启动:运行 netstat -anb
61. 127.0.0.1 指当前计算机的IP(可拼通ip)
62.文本就是纯字符,超文本就是在纯字符中嵌入样式,图片,js动作,超链接等等
63.超文本标记语言: 就是把标记嵌入在纯文本中,实现超文本效果的语言
64.不同的标签具有不同的属性,所有标签的通用属性: 1,id;2,class;3,title;4,style。
65.xmlns: 命名空间的意思,用来区分下面内容的
66.以D(d)结尾的程序为服务器程序,精灵程序又叫守护程序
67.meta (meta data):元数据-描述数据的数据
68.预格式化处理标签: <pre></pre>它里面的内容空格是空格,回车是回车
69.分区元素,在一个级别中最高级别的元素,(块级,行级)
70.URL:uniform resource locator ,统一资源定位器,就是网页中要用到的资源的具体位置的描述,俗称:地址(网址,路径)
71.绝对路径:文件从最高级目录下开始的完整路径
72.相对路径:从当前文件出发,寻找资源所在的路径
自己会不定时的更新日记,要是有错误的地方还请指出,我会立刻更改,谢谢!
|
|