JavaScript百炼成仙阅读笔记

第一章 JavaScript基础
原生数据类型5种：数字、字符串、布尔值、null、undefined
对象数据类型var x={}创建，接下来是一些对属性的操作（书上有）
typeof()
console.log()
for( ; ; ){  }  while(){   }
for(var p in DuiXiang){   } p作为每一个对象的属性循环
数组Array   push()队尾增加，长度也加   pop()队尾删除，长度减少  spilce() 选定位置操作 join() 数组隔开放入字符串
函数7重关
1.var a=function b（）必须写在a()；前面         function b（） 和 b（）不用
原因是JavaScript先分词再赋值，函数加载落后
2.作用域 内部可以访问外部，反过来不行
3.参数 arguments可以访问所有传入的参数
4.闭包 function a(){ var x=0;
return function(){
console.log(a);} }    运行时a()(),可以访问到x
5.自执行函数 function（）
6.new  this永远指向当前函数的调用者
7.回调函数 函数可以作为参数传递

第二章
字符串只要不为空，就代表真，否则代表假。数字只要不为0，就代表真，否则就是假
split("") 把字符串分开为数组  toString()   .length  str.indexOf("")搜索返回位置   replace("a","A")

第三章 jQuery基础
css选择器5种：标签(div) 、ID（#a） 、类class（.a)、群组（.a,.b,.c）、后代(.a.b)
<input id='btn' ....>
$('#btn').click(function func(){});如果JavaScript代码下方的按钮还没有被加载，那么$（'#btn'）就没有办法获取对应的按钮对象

$('ul').find('li')查找所有li元素 也可以是$('ul li') .eq(1)获取第几个li 
.text获取或设置文本 .html获取或设置HTML代码
.attr处理属性 .removeAttr
.appendTo($('ul'))   $('ul').append  元素增加
.remove .hide .show元素删除隐藏
.val 设置值
.children子元素 .parent父元素 .prev前 .next后    遍历和获取元素

第四章 Vue基础
一、数据绑定三种方法  1.两个大括号{{message}}       2.v-model="message"（只可以对表单标签使用比如input）
3.v-text
与<script>里的vue对象绑定，new Vue（{  }），里面需要写属性   el： 和data：{ }
二、事件绑定
监听到事件然后处理v-on:xxx或@xxx，值选择监听到事件后的处理函数，函数写在Vue对象的methods属性里。
事件冒泡，即由于嵌套同时出现的事件，@xxx.stop（阻止事件冒泡）；@xxx.prevent（阻止a，form提交）；@xxx.capture（优先）;
@xxx.self（只允许自己独自触发的情况，别人触发他就不触发）@xxx.once（只触发一次）
三、条件语句
v-if 、v-else、v- else- if
setTimeout(function(){},2000);两秒后运行function函数。
var that = this 来转移this指的对象。
四、循环语句
v-for="role in roleList"       roleList是数组
五、属性绑定
v-bind:xxx      简写可以写成      :xxx
六、Vue组件开发
就是自己制作一个模板，用到直接套用就行
components:{'xxx'(标签名):
            {
            props:['xxx'](用来传递父组件获得的变量)
            template:"<input...../>(里面不要有双引号或者用转义字符)"}
        }
使用时直接<xxx></xxx>
可以调用父组件的函数，例如点击触发函数，通过this.$emit("btn-click"),然后在组件实例中添加@btn- click=""
可以用class配置多种style类型可供选择。
可以写成js文件，用到直接调用就行。
七、计算属性
computed:{}
八、监听属性
监听属性的变化
九、过滤器
在filters模块里添加过滤函数dateformat
然后用变量加上 | 来对变量进行过滤处理
也可以对变量的显示格式进行处理，return后面写“html代码”，但是标签中就不能用大括号了，要写<span v-html="$options.filters.dataformat(today)"></span>>

第五章 Vue-cli
使用npm可以把自己做的vue组件发布到仓库里，还可以获取别人的组件。
exports.hello=hello;   (导出模块)  require（“yexiaofan”);  yexiaofan.hello;（导入模块）
cnpm国内源，之后用cnpm install下载更快
第五章主要是对于企业项目的一种工作流程，项目的开发学习。
第六章主要是对ES6语法的新方法的讲解，对之前JavaScript旧语法漏洞的改进。
 

书里讲的很通俗，即使是小白也能看懂，我只是帮助自己记忆记的笔记，比较简略。。。