2016年12月_wenjuanzhao

原创 javaScript封装成库

连缀：所谓连缀，最简单的理解就是一同时设置多个属性实现连缀的基本思想，函数本身返回的divElement，改成返回一个Base对象，在Base对象中添加其他的操作方法，同样这些方法在执行之后，都返回的是Base对象

2016-12-30 11:36:51 450

原创 Ajax技术

Ajax技术的核心是XMLHttpRequest 1、var xhr=new XMLHttpRequest(); 2、调用xhr的open方法接受3个参数准备发送 1、请求的类型2、请求的url3、同步还是异步（false同步） 3、 xhr.send(null); //发送请求 get不需要发送数据所以填null console.log(xhr.

2016-12-29 16:06:18 259

原创 JSON

JSON和XML都是结构化的数据表示方式，但是JSON的获取会比xml的获简单。 JSON的语法可以表示三种类型的值： 1、简单值：在JSON中表示字符串、数值、布尔值 2、对象 3、数组对象的表示 var box={name:"lee",age:100}; console.log(box.name);json对象的表示 '{"name":"Lee"}';但是一般都是使用比

2016-12-28 21:10:32 257

原创 xml和xpath

xml指可扩展标记语言（EXtensible Markup Language）类似于标记语言html，设计宗旨是传输数据，而非展示数据 js来读取xml var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XM

2016-12-28 19:40:53 314

原创 cookie存储

检测浏览器是支持cookiecookie是以很小的文件来保存数据，常用于：会员登录、购物车等alert(typeof document.cookie)cookie的组成name=value 完整的形式： name=value;[expires=date];[path=path];[domian=somewhere.com];[secure]写入cookie document.cookie

2016-12-20 17:17:27 337 1

原创表单处理

所有的表单都是在标签form中的得到form对象的方法1、id 2、class 3、document.forms[0]提交表单的方法使用提交按钮注意的是:如果没有action 会自动的提交到本页实现阻止事件的默认提交 var Myform=document.getElementById("Myform"); addEvent(Myform,'

2016-12-17 17:10:06 649

事件入门什么是事件事件是由用户和浏览器进行交互的操作三种事件模型内联模型内联事件模型作为html标签的一个属性存在的，但是这种模型已经不适合在大的项目中使用。onclick脚本模型但是注意的是：如果这段脚本是对整个DOM进行操作的话，必须是在DOM加载完才执行这个脚本，让事件处理函数（onclick）执行一个函数的时候，通过赋值的方式，直接将函数名赋值给事件处理函数即可，而不是为这个事件处理函数赋值

2016-12-14 21:39:16 322

原创 sass认识

scss的赖于ruby http://www.yiibai.com/sass/sass_installation.html 介绍了安装sass的过程，但是值的注意的是在装好ruby以后只需要在命令行执行gem install sass就可以安装sass 检测是否安装好sass -v scss的简单使用页在上述的网页中。

2016-12-10 21:42:40 406

原创 Vue +webpack 项目

项目环境搭建：1.安装node (node -v查看node版本)2.全局安装vue-cliNpm install -g vue-cliVue:查看是否安装成功Vue list：查看可用的模板3.创建一个基于 “webpack” 模板的新项目Vue init webpack#1.0 project-name(安装1.0版本)脚手架工具如下： -build中配置了webpack的基本配

2016-12-10 15:55:23 345

原创 Vue的事件处理器

可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题， Vue.js 为 v-o

2016-12-10 15:53:16 323

原创 Vue列表循环

v-for指令的使用 <div class="test"> <div :class="[activeClass,error]">dsdsd</div> <li v-for="item in items">{{item.text}}</li> </div>js代码 var myVue = new Vue({ el: ".test",

2016-12-09 11:19:06 1705

原创 Vue的class和Style绑定

通过 v-bind:class 或者 :class 来为style或者class来绑定绑定class <div class="test"> <div :class="{active:isActive,cc:isCc}"></div> </div>js代码 var myVue = new Vue({ el: ".test", data:

2016-12-08 22:17:31 389

原创 Vue实例的计算属性

Vue实例的computed的属性 <div class="test"> <p>原始的信息{{message}}</p> <p>计算后的信息{{ComputedMessage}}</p> </div>js代码 var myVue = new Vue({ el: ".test", data: { mess

2016-12-08 21:01:42 586

原创 Vue模板语法

所有的Vue.js的模板都是合法的HTML，能够被遵循规范的浏览器和HTML解析器解析插值插文本 <div id="app"> <p>message is :{{message}}</p> </div>js代码 var data={message:"hello vue.js"}; var app=new Vue({ el:"#app", d

2016-12-08 20:00:33 596

原创 Vue实例

new Vue ({传进来各种参数}) 这就生成了一个vue的实例构造器每一个Vue的实例都是通过Vue这个构造函数来实现的。当然在生成一个vue实例的时候需要为其传递多个参数。同时可以扩展组件的构造器，从而与预定义可复用的组件构造器自定义一个组件构造器html代码 <div id="app"> {{message}} </div>js代码 var MyComp

2016-12-08 17:19:30 364

原创 Vue组件学习

html代码 <div id="app"> <toitem v-for="item in gor" v-bind:todo="item"> </toitem> </div>js代码 //定义了Vue的组件的实例，props来传递数据，父组件的todo作为参数传了进来父组件中通过bind绑定的 Vue.component('toitem',{

2016-12-08 16:39:54 181

原创动态加载脚本和样式

使用HTMLDOM来操作表格HTMLDOM来操作表格会快捷很多。 html代码 <table border="1" width="300"> <caption>人员</caption> <thead> <tr> <th>姓名</th> <th>年龄</th>

2016-12-07 19:54:40 285

原创 Vue.js介绍以及vue的常见指令

Vue实现的是MVVM的功能一方面，通过ViewModel将Model的数据绑定到View的Dom元素上面，当Model里面的数据发生变化的时候，通过ViewModel里面数据绑定的机制，触发View里面Dom元素的变化；另一方面，又通过ViewModel来监听View里面的Dom元素的数据变化，当页面上面的Dom元素发生变化的时候，ViewModel通过Dom树的监听机制，触发对应的Model

2016-12-05 15:21:27 438

qq_26746521的博客