浅谈异步与同步

Mccree1997 — Tue, 15 May 2018 11:09:09 +0800

首先我们要理解什么是同步和异步同步：就是顺序执行的代码，调用这段代码我能直接获取到结果的就是同步异步：就是稍后执行的代码，调用这段代码我可能没办法立即获取执行结果，需要通过别的操作才可以得到结果但是JavaScript是以单线程的方式运行的，也就是同一时间只能进行一件事，试想一下，假如javascript是多线程的，如果线程1要删除一个DOM元素，节点2要让DOM元素运动起来并且显示，那么浏览器怎...

http与https

Mccree1997 — Wed, 04 Apr 2018 11:16:07 +0800

http，即超文本传输协议，最初的目的是为了提供一种发布和接收HTML页面的方法。首先一个http请求包含请求行、请求头部、空行和请求数据一个http响应包含消息报头、空行、响应正文定义在http1.0的方法有get、post、head三种方法 get：向特定资源发起请求 post：向指定资源提交数据进行数据处理。数据包含在请求体内，post请求可能用于新的资源的创建和已有资源的修...

less的学习

Mccree1997 — Sun, 11 Mar 2018 22:39:35 +0800

less是一门CSS预处理语言，在less中，也拥有变量这个概念//在less中使用变量 @color:pink; @color-hover:darken(@color,20%);a{ background-color: @color; } a:hover{ background-color: @color-hover; } /*-------华丽分割线——------*/ //在选择器中使

Cache Manifest离线缓存

Mccree1997 — Tue, 06 Feb 2018 21:19:47 +0800

manifest是一个后缀名.manifest的文件，在文件中定义那些需要缓存的文件，支持manifest的浏览器会将按照manifest的规则，像文件一样保存在本地，从而在没有网络连接的情况下，也能访问页面。首先，这个是基于一个appcache的缓存机制，当我们正确配置appcache后，我们如果再次访问该应用的时候，浏览器会首先检查manifest文件是否有变动，如果有变动就会把形影的改变更新下

Vue.js的学习（组件部分1）

Mccree1997 — Tue, 06 Feb 2018 19:37:52 +0800

我们一般通过new Vue({})的方式得到一个Vue实例当我们注册Vue组件的时候，使用的是Vue.component(tagName,options) 全局注册//JS部分首先全局注册一个组件 Vue.component("hello",{"template:

hello

"}) //然后得到Vue的实例 var hello=new Vue({ el:"#hel

Vue.js的学习（6）

Mccree1997 — Wed, 31 Jan 2018 16:23:39 +0800

表单输入绑定Vue.js提供了v-model来给&

创建双向数据绑定v-model会先忽略所有表单元素的value&&checked&&selected的初始值，而总是将Vue实例中的data数据值作为数据来源，v-model的作用是监控表单输入内容，然后绑定到{{内容}}中去 <div id="app7">
        <p>Multiline message
</article>
<article>
<h1>Vue.js的学习（5）</h1>
<p>Mccree1997 — Tue, 30 Jan 2018 15:38:40 +0800</p>
事件处理程序v-on 是Vue用来监听DOM事件的指令缩写是@<ul id="app4">
        <button @click="couter()">click</button>
        <li>按钮点击了{{num}}次</li>
        <button @click="hello">Click me</button>
    </ul>
//JS代码
 var exam
</article>
<article>
<h1>Vue.js的学习（4）</h1>
<p>Mccree1997 — Mon, 29 Jan 2018 14:19:31 +0800</p>
列表渲染我们用v-for 来进行列表的渲染操作 语法主要是 item in items语法，{{内容为item.message}}，在数据中我们用一个items的数组来包含一个{}的数据。<div id="app">
    <ul>
        <li v-for="item in items">{{item.message}}</li>
    </ul>
</div>
//JS语法
var
</article>
<article>
<h1>Vue.js的学习(3)</h1>
<p>Mccree1997 — Fri, 26 Jan 2018 11:51:52 +0800</p>
条件渲染v-if 所以必须将它添加到一个元素上<div id="app">
    <p v-if="seen">yes</p>
</div>
//JS
var app=new Vue({
    el:"#app",
    data:{
        seen:true
    }
})在控制台输入app.seen=false;就可以将元素隐藏既然有v-if就必须有v-else，当v-if的值
</article>
<article>
<h1>Vue.js的学习（2）</h1>
<p>Mccree1997 — Thu, 25 Jan 2018 12:13:32 +0800</p>
计算属性与观察者模板内的表达式非常便利，但是设计他们的初衷是用来简化运算的。在模板内放入太多的逻辑会让代码难以维护 
所以当我们要使用复杂逻辑的时候我们最好使用计算属性<div id="example">
        <p>原始:{{message}}</p>
        <p>翻转后:{{reverseMessage}}</p>
</div>
//JS代码
var text=new Vue
</article>
<article>
<h1>Vue.js的学习（1）</h1>
<p>Mccree1997 — Wed, 24 Jan 2018 15:29:18 +0800</p>
Vue实例我们通过new的方式创建Vue的实例//创建实例
var vue=new Vue();
//给这个实例添加一点什么
var data={value:2};
var vue=new Vue({
    data:data
})
当这些属性的值发生改变时，视图会产生响应，会更改匹配的值，前提是这些属性必须是在Vue中存在的，如果新增data中没有的内容，就无法被重新渲染，需要注意的是，当我们使
</article>
<article>
<h1>JQuery的学习(3)</h1>
<p>Mccree1997 — Sun, 14 Jan 2018 09:51:37 +0800</p>
JQuery的DOM操作
append() 在每个匹配项的末尾插入参数项目，（是插入其中）;
appendTo() 将选择到的元素插入到参数末尾，（插入其中）;
before() 在匹配的元素前插入参数，（外部插入）；
after() 在匹配的元素后插入参数，（外部插入）;
clone() 创建一个元素的深拷贝复制；
detach() 删除所有匹配的元素
empty() 删除所有匹配元素的子节点
h
</article>
<article>
<h1>Jquery的学习（2）</h1>
<p>Mccree1997 — Wed, 10 Jan 2018 19:23:53 +0800</p>
JQuery的CSS相关
.height() 得到元素高度或者设置元素高度
.innerHeight() 得到元素的高度，包括padding，但是不包括border
.innerWidth() 得到元素的宽度，包括padding，但是不包括border
.offset() 得到元素相对于文档中的坐标，用left和top表示，
outerwidth()和outerHeight() 可以得到元素的宽高，
</article>
<article>
<h1>Jquery的学习</h1>
<p>Mccree1997 — Mon, 08 Jan 2018 11:20:44 +0800</p>
Jquery选择器Jquery的选择器 类似与CSS的选择器    <div>div1</div>
    <div>div2</div>
    <p>jack</p>
    <ul>
        <li>1</li>
        <li>2</li>
        <li id="third">3</li>
        <li>4</li>
    </ul>
   //Jque
</article>
<article>
<h1>AJAX的学习</h1>
<p>Mccree1997 — Wed, 27 Dec 2017 17:07:01 +0800</p>
HTTP头部信息每个HTTP请求和响应都会带有相应的头部信息， 其中有的对开发人员有用，有的也没什么用。XHR对象也提供了操作这两种头部（响应头部和请求头部）信息的方法
Accept：浏览器能够处理的内容类型
Accept-Charset：浏览能够显示的字符集
Accept-Encoding：浏览器能够处理的压缩编码
Accept-Language：浏览器当前的语言设置
Conection：浏览器与
</article>
<article>
<h1>AJAX和Comet的学习</h1>
<p>Mccree1997 — Wed, 27 Dec 2017 10:17:15 +0800</p>
IE5是第一个引入XHR对象的浏览器。在IE5中，XHR对象是通过MSXML库中的一个ActiveX对象实现的。因此在IE中可能会遇到三种不同版本的XHR对象，即MSXML2.XMLHttp.6.0、MSXML2.XMLHttp.3.0 MSXML2.XMLHttp.2.0 ，要使用库中的XHR对象要创建XML文档一样编写一个函数。function createXHR(){
    if(typeo
</article>
<article>
<h1>JSON的学习</h1>
<p>Mccree1997 — Tue, 26 Dec 2017 10:51:19 +0800</p>
JSON的语法可以表示以下三种类型的值
简单值：与Javascript中相同的语法，可以在JSON中表示字符串、数值、布尔值和Null。
对象：对象作为一种复杂性数据类型，表示的时一组无序的键值对儿。而每对键值的值可以时简单值也可以是复杂数据类型值（对象或数组）
数组：数组是一种复杂类型值，表示一组有序的值的列表，可以通过数值索引来访问其中的值，值可以是任何类型的值
简单值最简单的JSON数据形式就
</article>
<article>
<h1>表单脚本学习（选择框脚本）</h1>
<p>Mccree1997 — Wed, 20 Dec 2017 14:59:08 +0800</p>
选择框是通过<select><option> 来实现的，为了方便与这个控件交互，除了所有表单字段共有的属性和方法外，HTMLSelectElement提供了我们多种属性和方法
add()：向空间中插入新<option>  元素 方法接收两个参数(newOption，relOption)，其位置在relOption之前
multiple：布尔值，表示是否允许多项选择
options：该空间中optio
</article>
<article>
<h1>表单脚本学习笔记（表单基础）</h1>
<p>Mccree1997 — Wed, 20 Dec 2017 13:33:35 +0800</p>
表单是由<form> 元素来表示的，而在Javascript中，表单对应的时HTMLFormElement类型的，继承自HTMLElement，保留了原有的属性，也有自己独特的属性和方法
acceptCharset：服务器能够处理的字符集，等价域HTML的accept-charset特性
action：接受请求中的URL；等价于HTML中的action
elements：表单中所有的控件集合。
en
</article>
<article>
<h1>事件委托</h1>
<p>Mccree1997 — Tue, 19 Dec 2017 17:04:32 +0800</p>
我们有1000个节点要添加click事件，这个时候我们怎么办?对于事件处理程序过多问题的解决方案就是事件委托。事件委托利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。    <ul>
        <li>A</li>
        <li>B</li>
        <li>C</li>
        <li>D</li>
    </ul>
//js代码
var u
</article>
</main></body></html>

Mccree1997的博客

浅谈异步与同步

http与https

less的学习

Cache Manifest离线缓存

Vue.js的学习（组件部分1）

Vue.js的学习（6）