2016年12月22日
JavaScript面向对象
摘要： 面向对象 三个特点： 继承、封装、 多态：就是指一个类实例的相同方法在不同情形有不同表现形式。多态机制使具有不同内部结构的对象可以共享相同的外部接口。这意味着，虽然针对不同对象的具体操作不同，但通过一个公共的类，它们（那些操作）可以通过相同的方式予以调用。 阅读全文
posted @ 2016-12-22 21:39 张琼 阅读(162) 评论(1) 推荐(0) 编辑
vue的transition过渡效果
摘要： 需要4个类： *-enter: 进入的开始状态, *-enter-active: 进入的结束状态, *-leave: 离开的开始状态, *-leave-active: 离开的结束状态 vue-router应用过渡效果需要在<router-view>标签外面套一个<transition>, 效果和tr 阅读全文
posted @ 2016-12-22 20:33 张琼 阅读(2953) 评论(0) 推荐(0) 编辑
【译】Learn ES2015——箭头函数
摘要： 原文：https://babeljs.io/learn-es2015/ 理解也许有偏差，欢迎指正 箭头函数 不同于函数，箭头函数和包裹它的代码拥有同一个this。如果一个箭头函数在一个function里，它共享父函数的arguments。 阅读全文
posted @ 2016-12-22 15:17 张琼 阅读(704) 评论(1) 推荐(0) 编辑
vue的选项
摘要： 这篇是我自己看着方便整理的，请直接看官方api：http://cn.vuejs.org/v2/api/ 数据 data,props,computed 注意，不应该使用箭头函数来定义计算属性函数 (例如 aDouble: () => this.a * 2)。理由是箭头函数绑定了父级作用域的上下文，所以 阅读全文
posted @ 2016-12-22 13:17 张琼 阅读(829) 评论(0) 推荐(1) 编辑
很重要的vue的生命周期
摘要： 阅读全文
posted @ 2016-12-22 11:34 张琼 阅读(200) 评论(0) 推荐(1) 编辑
2016年12月21日
JavaScript模块化
摘要： 1.commonjs 导入： var math = require('math'); math.add(2,3); // 5 导出： module.exports={} 应用会停止并等待加载 2.AMD AMD是"Asynchronous Module Definition"的缩写 它采用异步方式加 阅读全文
posted @ 2016-12-21 15:15 张琼 阅读(144) 评论(0) 推荐(0) 编辑
vue-router
摘要： html5 的history：vue-router利用html5 的history实现了http://yoursite.com/user/id这种url的history模式。URL跳转无需重新加载页面。 vue-router2.0比之前的0.7改变了很多，有新增有更改，过去的很多就不能用了：改变的内 阅读全文
posted @ 2016-12-21 10:42 张琼 阅读(149) 评论(0) 推荐(0) 编辑
2016年12月19日
vuex是啥
摘要： vuex是一个状态管理工具。 vuex store与一个简单的全局变量的区别是： 1.vuex stores 是响应式的，当组件改变state时，它能响应并高效地更新state。 2.state不能被直接更改，更改操作必须经由明确的 committing mutations，这保证每次更改都有可追踪 阅读全文
posted @ 2016-12-19 14:45 张琼 阅读(167) 评论(0) 推荐(0) 编辑
2016年12月15日
一道闭包的题
摘要： 一道有关闭包和作用域的题 阅读全文
posted @ 2016-12-15 20:23 张琼 阅读(201) 评论(2) 推荐(0) 编辑
vue服务端渲染
摘要： 这篇文章写得还蛮好https://segmentfault.com/a/1190000006701796 从官方网站下载了例子看，用es6写的，还好之前看过es6不然都看不懂，正好es6的东西一起熟悉一下。 例子还涉及到了vuex，所以我要先看vuex（笑哭） https://github.com/ 阅读全文
posted @ 2016-12-15 15:39 张琼 阅读(282) 评论(0) 推荐(0) 编辑
基于zepto的一个日期区间选择插件
摘要： zepto或者vue做的日期选择 阅读全文
posted @ 2016-12-15 15:36 张琼 阅读(401) 评论(0) 推荐(0) 编辑
VUE应用的一些感受
摘要： 1.响应式： 视图与数据绑定，通过virtual DOM，高性能更新视图 2.组件化： 结构清晰，可复用 3.单文件组件： 清晰，易理解易维护 4.轻量 5.简单： 易学，文档清晰 6.模块化 阅读全文
posted @ 2016-12-15 15:06 张琼 阅读(394) 评论(0) 推荐(0) 编辑
内嵌页js与ios和安卓的交互
摘要： ios： 一个iframe，改变url会发送一个请求，把url设置成就是bridge://xxxxx客户端就可以拦截请求，并在全局变量xxxxx中取出一个字符串。例如{event:'click'}，可调用此事件。 ios调用js，JavaScript:xxxxx();访问这个url会执行此函数。 安 阅读全文
posted @ 2016-12-15 14:26 张琼 阅读(231) 评论(0) 推荐(0) 编辑
2016年12月14日
JavaScript类型判断
摘要： 几种方法：typeof，instanceof，Object.prototype.toString，constructor，duck type ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（ 阅读全文
posted @ 2016-12-14 21:43 张琼 阅读(2935) 评论(0) 推荐(0) 编辑
2016年4月1日
css实现一段不够一行时居中显示，多于一行时两端对齐
摘要： 今天有遇到这个问题，不够一行要居中才好看，多于一行居中又很难看： 居中 两端对齐 一开始想用text-align-last:center; 可是这样结果是这样的： 单行的居中了 可是多行的最后一行也居中了。。。 后来改成这样： 可以让p text-align:justify;display:inli 阅读全文
posted @ 2016-04-01 17:24 张琼 阅读(4052) 评论(0) 推荐(0) 编辑
2016年3月11日
html5 video标签兼容性与自定义控件
摘要： html5 video标签兼容性与自定义控件，并实现全屏 阅读全文
posted @ 2016-03-11 15:42 张琼 阅读(4963) 评论(0) 推荐(0) 编辑
原生JavaScript实现mouseenter
摘要： mouseenter和Mouseleave都是jquery的事件，JavaScript的mouseover和mouseout每个子元素都会触发，从子元素移到父元素也会触发，用起来不很方便，而且触发的太多次不必要。 Event.relatedTarget是移动到或从哪里移动来的那个元素，可以判断这个r 阅读全文
posted @ 2016-03-11 15:39 张琼 阅读(2005) 评论(0) 推荐(0) 编辑
【心情】来上海一周的感觉
摘要： 日期：2016-01-25 我现在在上海连尚这边实习，之前又一直在找住处等等处理一些琐事，实话说好久没有安静下来学习技术了。觉得过得特别飘，心里不踏实的感觉。今天又失眠，可以好好理清一下思路。很久没有看博客，搜索前端，看文章，看书，看漂亮的网页，写代码，检视我欠缺的地方。我突然就明白最近为什么觉得不 阅读全文
posted @ 2016-03-11 15:24 张琼 阅读(242) 评论(0) 推荐(0) 编辑
【扯淡】今天看了《写给失眠者的心理学》，下面开始借鉴与脑洞大开
摘要： 日期：2015-12-13 多次躺在床上从12点到天亮让我觉得这是一个应该正视的问题了。虽然这些压力让我不断前进，兢兢业业完成给自己设下的一个又一个目标，但确实带给我由内而外的摧残；首先我要声明嗷，失眠问题绝对是很严重的病哦，就我来说胃疼闹肚子满嘴起泡心情焦躁是标配；而且失眠可能是认知、等等心理问题 阅读全文
posted @ 2016-03-11 15:21 张琼 阅读(558) 评论(0) 推荐(0) 编辑
《JavaScript权威指南》读书笔记（四）
摘要： 日期：2015-12-06 阅读全文
posted @ 2016-03-11 15:17 张琼 阅读(134) 评论(0) 推荐(0) 编辑