摘要: 昨天被导师叫去研究了一下vue的双向数据绑定原理。。。本来以为原理的东西都非常高深,没想到vue的双向绑定真的很好理解啊。。。自己动手写了一个。 传送门 双向绑定的思想 双向数据绑定的思想就是数据层与UI层的同步,数据再两者之间的任一者发生变化时都会同步更新到另一者。 双向绑定的一些方法 目前,前端 阅读全文
posted @ 2016-11-25 20:35 小蚊 阅读(2454) 评论(6) 推荐(5) 编辑
摘要: 最近在公司接到一个需求,里面有一个三级跳转。类似于选择地址的时候,选择的顺序是:省份->市->区。如果分三个页面跳转,那么体验非常不好,如果引入其他框架做成单页应用,又比较麻烦。所以可以用js把这一块做成单页应用的样子。。。 主要思路 通过改变url的hash值,跳到相应模块。先把默认模块显示出来, 阅读全文
posted @ 2016-11-23 13:54 小蚊 阅读(4178) 评论(4) 推荐(6) 编辑
摘要: vue入门学习总结: 阅读全文
posted @ 2016-11-21 14:24 小蚊 阅读(774) 评论(0) 推荐(1) 编辑
摘要: 总结一下一些知识。 1.利用CSS穿透 常见发生场景:假如我们需要通过input,type=‘file’来上传文件,而这个input的默认样式,可以说是非常地“不人道”。所以我们希望通过一张图片,与这个input大小一样,位置一致地盖在上面。这个时候,显然,这个时候点击图片,input是不会起作用的 阅读全文
posted @ 2016-11-18 17:17 小蚊 阅读(987) 评论(2) 推荐(5) 编辑
摘要: 秋招结束了~~,好像偷懒了很久,没更博了。总结一下自己近来看书的内容。 说明一下,内容大部分来自《高性能网站建设进阶指南》。 乱入内容 Web应用和传统桌面应用有一个共同的目标:尽可能快地响应用户输入。 怎样才算是快?Jakob Nielsen是Web可用性领域知名且备受推崇的专家,引用他的观点来说 阅读全文
posted @ 2016-11-05 21:33 小蚊 阅读(911) 评论(1) 推荐(1) 编辑
摘要: 好吧,一直在秋招中,都没怎么写博客了。。。今天赶紧来补一补才行。。。我发现,在面试中,讲到函数节流好像可以加分,尽管这并不是特别高深的技术,下面就聊聊吧! ^_^ 备注:以下内容部分来自《JavaScript高级程序设计》 函数节流的目的 从字面上就可以理解,函数节流就是用来节流函数从而一定程度上优 阅读全文
posted @ 2016-10-11 21:39 小蚊 阅读(13401) 评论(10) 推荐(14) 编辑
摘要: 题目一: //有关于原型继承的代码如下:function Person(name) { this.name = name;}Person.prototype = { getName : function() { return this.name; }}function Student(name, i 阅读全文
posted @ 2016-09-11 13:42 小蚊 阅读(2654) 评论(0) 推荐(2) 编辑
摘要: 原型式继承 其原理就是借助原型,可以基于已有的对象创建新对象。节省了创建自定义类型这一步(虽然觉得这样没什么意义)。 模型 ES5新增了Object.create()方法规范化了原型式继承。即调用方法为:Object.create(o); 适用 只想让一个对象跟另一个对象建立继承这种关系的时候,可以 阅读全文
posted @ 2016-09-11 10:40 小蚊 阅读(2037) 评论(1) 推荐(2) 编辑
摘要: 根据少一点套路,多一点真诚这个原则,继续学习。 借用构造函数继承 在解决原型中包含引用类型值所带来问题的过程中,开发人员开始使用一种叫做借用构造函数(constructor stealing)的技术(有时候也叫做伪造对象或经典继承)。这种技术的基本思想相当简单,即在子类型构造函数的内部调用超类型构造 阅读全文
posted @ 2016-09-06 18:45 小蚊 阅读(9256) 评论(6) 推荐(6) 编辑
摘要: 许多OO语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。如前所述,由于函数没有签名,在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的。 --摘自《JavaScript高级程序设计》 - 阅读全文
posted @ 2016-09-05 17:39 小蚊 阅读(3771) 评论(3) 推荐(3) 编辑
摘要: 呼呼。。。前不久参加了一个笔试,里面有一到JS编程题,当时看着题目就蒙圈。。。后来研究了一下,原来就是所谓的观察者模式。就记下来。。。^_^ 题目 差点没把我看晕... 好吧,一步一步来看看怎么回事。 ①了解一下观察者模式 观察者模式: 这是一种创建松散耦合代码的技术。它定义对象间 一种一对多的依赖 阅读全文
posted @ 2016-08-22 17:17 小蚊 阅读(41368) 评论(21) 推荐(21) 编辑
摘要: 其实,图片预览功能非常地常见。很意外,之前遇到上传图片的时候都不需要预览,也一直没有去实现过。现在手上的项目又需要有图片预览功能,所以就动手做了一个小插件。在此分享一下思路。 一、实现图片预览的一些方法。 了解了一下,其实方法都是大同小异的。大概有以下几种方式: ①订阅input[type=file 阅读全文
posted @ 2016-08-06 23:20 小蚊 阅读(2931) 评论(0) 推荐(2) 编辑
摘要: 接下来要好好总结一些知识,秋招来啦。。。虽然有好多知识都不大会,但是还是要努力一下,运气这种东西,谁知道呢~ 总体情况 h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。 主要应用:购物车、客户登录 对于IE浏览器有UserData,大 阅读全文
posted @ 2016-07-24 13:04 小蚊 阅读(79503) 评论(5) 推荐(19) 编辑
摘要: 一、开端 真的是忙完这一阵子就可以忙下一阵子了啊。。。 最近在做一个angularJS+Ionic的移动端项目。。。记录一些技巧,方便自己以后查阅,也方便需要的人可以看一看...^_^ 二、基础原则了解 ①angular的一些入门了解 一、基础知识 1.angular放弃了IE8 2.四大核心分别是 阅读全文
posted @ 2016-07-13 16:21 小蚊 阅读(3507) 评论(14) 推荐(15) 编辑
摘要: 一、起因 ES6新纳入了很多振奋人心的新特性,真的很让人忍不住去尝试一下。不过,由于现在大部分的浏览器对ES6的支持程度都不是很好。所以如果想要放心地使用一些新特性,还需要用一些工具,将ES6或者ES7的代码转为ES5的代码。今天,就配置了一下环境,写了一个react-router,主要是练习自己的 阅读全文
posted @ 2016-07-10 23:31 小蚊 阅读(3457) 评论(8) 推荐(2) 编辑