Vue.js使用-http请求
摘要：Vue.js使用 ajax使用 1.为什么要使用ajax 前面的例子，使用的是本地模拟数据，通过ajax请求服务器数据。 2.使用jquery的ajax库示例 3.vue resource库 vue是基于数据驱动的，不需要直接操作DOM，因此没有必要引入jquery vue提供了一款轻量的http请
阅读全文
posted @ 2018-03-08 16:24
随笔分类 - 前端开发
Vue.js使用-组件示例（实现数据的CRUD）
摘要：1.业务场景 用户（姓名，年龄，性别）的增删改查 2.数据格式 定义字段，name:字段名称，iskey:是否主键（添加，修改数据标志），dataSource:可选列表（下拉框选项） 定义数据,用户信息列表 3.组件定义 我们需要定义两个组件，表格显示组件，信息维护组件。 4.表格显示组件 运行结果
阅读全文
posted @ 2018-01-31 19:37
Vue.js使用-组件（下篇）
摘要：上一节，我们定义了组件的基本使用，下面我们看看组件其他的一些特性。 1.组件作用域 同时在Vue对象和组件中定义一个属性，显示结果是怎样的呢？ 运行结果： 可见，都在各自的作用域内有效，且组件不影响Vue定义的属性。 如何让组件使用Vue定义的属性呢，上节已经提到过，使用props属性。如下： 运行
阅读全文
posted @ 2018-01-29 19:02
Vue.js使用-组件（上篇）
摘要：1.什么是组件 组件可以理解为定义的一个view模块，可重复使用。 2.组件使用 1)创建组件 var myComponent = Vue.extend({ template: 'this is a component' }) 2)注册组件 Vue.component('my component',
阅读全文
posted @ 2018-01-26 18:18
Vue.js简介及指令
摘要：1.Vue.js的特点 Vue.js是一个Javascript MVVM（Model View ViewModel）库,与传统Jquery的区别在于，Vue.js舍弃了繁杂的DOM操作， 如取DOM值$(' id1').val()，赋DOM值$(' id1').val('hello') Vue.js
阅读全文
posted @ 2018-01-25 19:28
javascript基础拾遗(十三)
摘要：1.jQuery的特点 jQuery是目前非常流行的javascript库，理念是“Write Less,Do More” 1)消除浏览器差异 2)简洁的操作DOM方法 3)轻松实现动画，修改CSS等各种操作 2.$符号 $是著名的jQuery符号，jQuery把所有功能都封装在一个全局函数jQue
阅读全文
posted @ 2017-12-10 17:57
javascript基础拾遗(十二)
摘要：1.javascript的单线程特性 在javascript中，所有的代码都是单线程的 因此所有的网络操作，浏览器事件，都必须是异步执行的，异步执行的逻辑是回调。 运行结果： begin end hello 2.Promise对象 像上列，和ajax等，承诺会在将来执行的对象，统称为Promise对
阅读全文
posted @ 2017-12-10 15:06
javascript基础拾遗(十一)
摘要：1.DOM操作 1）查找 //根据id查找 document.getElementById() //根据html标签查找 documnet.getElementByTagName() //根据样式class查找 document.getElementsByClassName() 2)更新 DOM元素
阅读全文
posted @ 2017-12-10 13:49
javascript基础拾遗(十)
摘要：1.支持ES6标准的浏览器 IE10+ Chrome Safari Firefox 移动端浏览器统一都支持 需要注意的是，不同浏览器对各个特性的支持也不一样 2.window对象 当前浏览器窗口对象 innerWidth，innerHeight可用于网页显示的净宽高 outerWidth，outer
阅读全文
posted @ 2017-12-08 13:47
javascript基础拾遗(九)
摘要：1.class关键字 ES6引入了新的class关键字编写对象 新的class关键字，避免了属性和原型方法分散的情况 2)class继承 extends:继承 super()调用父类构造函数
阅读全文
posted @ 2017-12-07 22:04
javascript基础拾遗(八)
摘要：1.原型继承 如何让一个对象继承另一个对象？ FastLanguage是Language的子类，如何让FastLanguage拥有Language的属性呢？ 由继承规则可知，需要让FastLanguage的原型指向Language的原型，即： new FastLanguage() FastLangu
阅读全文
posted @ 2017-12-07 21:53
javascript基础拾遗(七)
摘要：1.对象的继承__proto__ 运行结果： 90% __proto__属性将Python对象的原型指向Language对象，这样Python对象就像是从Language对象继承的一样。 2.对象继承的另一种方法Object.create() 运行结果： 90% 3.原型链 当访问一个对象的属性时，
阅读全文
posted @ 2017-12-07 20:26
javascript基础拾遗(六)
摘要：1.Date内置对象 获取系统时间 2.构造Date对象 需要注意的是，javascript的月份为0 11，因此，var now = new Date(2017, 12, 6)的时间为2018 01 06 3.RegExp正则 正则声明的两种方式 示例如下： 运行结果： true false fa
阅读全文
posted @ 2017-12-06 20:47
javascript基础拾遗(五)
摘要：1.什么是箭头函数 ES6引入的一种新的函数，类似匿名函数，x= x x 箭头左端为函数参数，右端为函数体 相当于 function (x){ retutn x x } 2.箭头函数的特点 更简洁 3.箭头函数和匿名函数的区别 箭头函数和匿名函数的区别在于this关键字的使用 在前面的总结中，知道对
阅读全文
posted @ 2017-12-05 21:53
javascript基础拾遗(四)
摘要：1.什么是闭包 正常函数，执行完毕后相关的参数，变量就释放掉了。 当一个函数的返回值是另一个函数时，该函数的相关参数和变量都会保存在返回的函数中，这种结构叫做闭包。 2.示例 计算数组和 运行结果：9 如果我们不想立即求和，在后面才执行，该怎么做？ lazy_sum([1,3,5])返回一个计算和的
阅读全文
posted @ 2017-12-05 21:45
javascript基础拾遗(三)
摘要：1.map数组映射操作 运行结果：[2,4,6,8,10] 数组.map(元素操作函数),返回新的数组 2.reduce数组两个元素操作，操作结果作为新的元素和下一个元素进行同样的操作 运行结果：25 3.filter数组过滤元素 判断结果为true保留，否则遗弃 运行结果：[2,4] 4.sort
阅读全文
posted @ 2017-12-05 20:48
javascript基础拾遗(二)
摘要：1.对象定义 定义属性 定义方法 this关键字详解 在属性和方法中，this关键字表示对象本身，即language 如果不在对象中定义的方法或变量中，this指代的是什么呢？ 当以对象的方式调用时，this指向被调用的对象，需要注意的是必须用obj.xxx()，this才指向该对象 当单独调用时，
阅读全文
posted @ 2017-12-05 20:17
javascript基础拾遗(一)
摘要：1.判断变量类型 2.arguments关键字 只在函数内部起作用,函数所有入参 javascript function foo(x) { console.log('x is :' + x); for(var i=0;i
阅读全文
posted @ 2017-12-05 19:34
Content-Type中application/x-www-form-urlencoded 和 multipart/form-data的区别
摘要：1.什么是Content Type Form的enctype属性表示页面表单数据向服务端传输时的编码方式， 常用有两种：application/x www form urlencoded和multipart/form data, 默认为application/x www form urlencode
阅读全文
posted @ 2017-11-05 15:42
flexible.js 移动端自适应方案
摘要：一，flexible.js 的使用方式： github地址：https://github.com/amfe/lib flexible 官方文档地址：https://github.com/amfe/article/issues/17 本文中有部分内容引至上面这个文档。 （一），引用方式 1，引用cdn
阅读全文
posted @ 2017-10-21 20:39
