上一页 1 ··· 9 10 11 12 13 14 下一页
摘要: 本文,我们接着之前的框架继续扩展,这次扩展了一共有5个与字符串位置相关的方法 between( left, right ) 返回两个字符串之间的内容, 如果第二个参数没有传递,返回的是找到的第一个参数 之后 到 字符串结尾的所有字符串 如果第二个参数传递了,但是从left这个位置查找不到,就返回空字 阅读全文
posted @ 2017-08-21 20:42 ghostwu 阅读(337) 评论(0) 推荐(2) 编辑
摘要: 在此之前,我们已经完成了4个方法: trimLeft, trimRight, trim, capitalize 本文,我们扩展驼峰式与下划线转化这两个对称的方法 camelize: 把空格,下划线,中横线后面的首字母大写. dasherize: 把空格后面的大写字母,大写字母,下划线后面的大写字母, 阅读全文
posted @ 2017-08-20 23:48 ghostwu 阅读(531) 评论(0) 推荐(0) 编辑
摘要: 我们接着上一篇的继续,在上一篇我们完成了工具库的架构,本文扩展字符串去空格的方法, 一共有3个 1,trimLeft: 去除字符串左边的空格 2,trimRight: 去除字符串右边的空格 3,trim: 去除字符串两边的空格 alert( '(' + G( ' ghostwu ' ).s + ') 阅读全文
posted @ 2017-08-20 22:39 ghostwu 阅读(1067) 评论(0) 推荐(0) 编辑
摘要: 所谓字符串工具库就是利用javascript面向对象的知识封装一个常用的字符串处理方法库,首先给这个库起个名字,好吧就叫ghostwu.js。 看下ghostwu.js的整体架构: 1,最外层采用jquery的立即表达式 2,紧接着在第29行暴露一个接口函数GhostWu 3,Ghostwu这个函数 阅读全文
posted @ 2017-08-20 21:45 ghostwu 阅读(492) 评论(2) 推荐(0) 编辑
摘要: lodash是一个工具库,跟underscore差不多 chunk函数的作用: 把一维数组,按照固定的长度分段成二维数组 如: chunk( [ 10, 20, 30, 40 ], 2 ) 结果: [[10, 20], [ 30, 40 ]] 解释:把数组[ 10, 20, 30, 40] 按每2个 阅读全文
posted @ 2017-08-20 09:48 ghostwu 阅读(550) 评论(0) 推荐(1) 编辑
摘要: defineProperty用于设置一个对象的属性值和描述符,描述符有4个:[[Configurable]], [[Enumerable]], [[Writable]],[[Value]] 当一个属性的描述符设置了[[Writable]],是什么意思呢? writeble属性: false:不可写 阅读全文
posted @ 2017-08-19 09:59 ghostwu 阅读(1537) 评论(0) 推荐(0) 编辑
摘要: 组件是vue框架比较核心的内容,那么什么是组件呢? 通俗点讲:组件是由一堆html, css, javascript组成的代码片段, 作用是为了实现模块的重用 组件的基本用法: 组件的编译解释原理: 1,首先用Vue.extend创建一个组件,用template设置组件的内容 2,用Vue.comp 阅读全文
posted @ 2017-08-18 11:14 ghostwu 阅读(699) 评论(1) 推荐(1) 编辑
摘要: 在html5之前,浏览器要实现数据的存储,一般都是用cookie,但是cookie有域名和大小限定. html5流行之后,可以通过localStorage和sessionStorage实现浏览器端的数据存储,这两者有什么特点呢? sessionStorage sessionStorage属于临时会话 阅读全文
posted @ 2017-08-17 22:42 ghostwu 阅读(548) 评论(0) 推荐(2) 编辑
摘要: 迭代器是指通过一种形式依次遍历数组,对象,或者类数组结构中的每个元素. 常见的有jquery中的each方法, ES5自带的forEach方法. 下面我们就来自定义一个类似jquery或者ES5的迭代器方法 输出结果: ["zhangsan", "lisi", "ghostwu"] "zhangsa 阅读全文
posted @ 2017-08-16 22:06 ghostwu 阅读(637) 评论(0) 推荐(1) 编辑
摘要: 一、绑定class属性的方式 1、通过数组的方式,为元素绑定多个class 上例为span 绑定2个class,通过设定red_color和bg_color的值,找到对应的class类名 2、通过控制class的true或者false,来使用对应的class类名, true: 使用该class, f 阅读全文
posted @ 2017-08-16 10:53 ghostwu 阅读(354) 评论(2) 推荐(2) 编辑
摘要: 一、设置属性的值: {{data中的数据}} 二、v-bind绑定属性的值 三、简写方式,冒号 (:) 绑定 四、绑定多个属性 阅读全文
posted @ 2017-08-15 21:22 ghostwu 阅读(725) 评论(0) 推荐(0) 编辑
摘要: 本文主要讲解事件冒泡,事件绑定的简写,事件默认行为,按键码等一系列与事件相关的知识. 一、事件绑定的简写,@事件类型. 之前我的[js高手之路] vue系列教程 - vue的事件绑定与方法(2) 用的是v-on绑定 二、传递事件对象 三、事件冒泡 四、阻止事件冒泡:有两种方式,一种是原生方式,一种是 阅读全文
posted @ 2017-08-15 21:10 ghostwu 阅读(362) 评论(1) 推荐(0) 编辑
摘要: 通过前面两篇文章的的学习,我们掌握了vue的基本用法. 本文,就利用这些基础知识来实现一个留言板, 老外把他称之为todolist. 第一步、使用bootstrap做好布局 第二步、增加模态框,模态框默认为隐藏的 第三步、定义userList用来保存用户,userName保存用户名, age保存用户 阅读全文
posted @ 2017-08-15 15:32 ghostwu 阅读(497) 评论(0) 推荐(1) 编辑
摘要: 一、在vue中,绑定事件,用v-on:事件类型, 如绑定一个点击事件, 我们可以这样子做 添加方法,需要在vue实例的对象参数中,添加一项methods配置, methods是字面量方式,如上例,我们添加了一个say方法, 在按钮中绑定了一个点击事件,当事件触发的时候,执行say(); 二、绑定双击 阅读全文
posted @ 2017-08-15 15:05 ghostwu 阅读(1028) 评论(0) 推荐(0) 编辑
摘要: 本系列课程选用vue的版本为1.0.21, 什么是vue? vue是由尤雨溪开发的一款基于MVVM的框架,M->模型,V->视图, 也就是说模型数据改变了,视图也跟着改变, 视图内容改变,模型内容也跟着改变, 业界称之为双向绑定,或者说双向数据驱动,基于此特点,学习这个框架,跟jquery完全不同, 阅读全文
posted @ 2017-08-14 17:32 ghostwu 阅读(757) 评论(1) 推荐(2) 编辑
摘要: 什么是路由? 通俗点说,就是不同的URL显示不同的内容 什么是单页应用? 单页,英文缩写为SPA( Single Page Application),就是把各种功能做在一个页面内. 那所谓的单页路由应用就是:在一个页面内,通过切换地址栏的URL来实现切换内容的变化. 如何知道URL切换了呢? 当ur 阅读全文
posted @ 2017-08-14 13:47 ghostwu 阅读(2859) 评论(2) 推荐(0) 编辑
摘要: 我们通过表单验证的功能,来逐步演进面向对象的方式. 对于刚刚接触javascript的朋友来说,如果要写一个验证用户名,密码,邮箱的功能, 一般可能会这么写: 这种写法,从功能上来说 没有什么问题, 但是在团队协作的时候, 会造成覆盖全局变量的问题, 那要大大降低覆盖的可能性, 一般会在外面套一个对 阅读全文
posted @ 2017-08-12 10:57 ghostwu 阅读(2468) 评论(1) 推荐(3) 编辑
摘要: 立即表达式,在javascript中非常常见, 采用立即表达式可以形成一个局部作用域, 常配合闭包实现模块化编程等其他用途,接下来我们看看,在大多数的框架中,立即表达式都有哪些写法,以及需要注意的点,另外再介绍下in操作符的用法 1、 通过小括号把函数声明变成表达式, 然后再外面加个小括号 就可以达 阅读全文
posted @ 2017-08-11 22:45 ghostwu 阅读(782) 评论(2) 推荐(0) 编辑
摘要: ghostWuUrlParser.js的作用是分析一段url中的查询参数,即: '?'号后面的 键值对参数. ghostWuUrlParser.js 使用说明: ghostWuUrlParser( 'https://www.baidu.com/s?wd=ghostwu&name=ghost&age= 阅读全文
posted @ 2017-08-09 21:04 ghostwu 阅读(691) 评论(0) 推荐(1) 编辑
摘要: 解构通俗点说,就是通过一种特定格式,快捷的读取对象/数组中的数据的方法, es6之前,我们通过对象名称[键] 读取数据 上面第5行就是一个简单的数据解构过程: 1,右边如果是对象,左边解构的语法也要用对象格式, 如果解构的数据是数组,左边就用数组格式 2,name, age是局部变量 3,解构出来的 阅读全文
posted @ 2017-08-08 11:34 ghostwu 阅读(10660) 评论(4) 推荐(2) 编辑
上一页 1 ··· 9 10 11 12 13 14 下一页
Copyright ©2017 ghostwu