摘要: (1)在chrome浏览器的开发过程中,我们会看到network面板中有这两个数值,分别对应网 络请求上的标志线,这两个时间数值分别代表什么? (2)我们一再强调将css放在头部,将js文件放在尾部,这样有利于优化页面的性能,为什么这种方式能够优化性能? (3)在用jquery的时候,我们一般都会将 阅读全文
posted @ 2017-04-07 18:20 CaiBoBo 阅读(88666) 评论(13) 推荐(56)
摘要: 1、Cookie 在H5之前,cookie是主要的存储方式。cookie可以兼容到包括ie6以上的所有浏览器。 Cookie数据会带到请求头的cookie字段里面,每次同主域名的请求中,都会传递数据,增加了网络请求的数据量,并且造成主域的污染。同时,cookie在不同浏览器上数量和大小都有限制 下面 阅读全文
posted @ 2017-03-21 15:11 CaiBoBo 阅读(13167) 评论(0) 推荐(1)
摘要: 问题: 最近在做一个微信中分享的宣传页,分不同的场景,切换不同的场景时需要设置不同的title,实现的方案很简单,当用户切换场景的时候,修改document对象的title属性,可是在实际测试中,ios微信确不起作用。 解决思路: 首先怀疑ios微信不支持,document.title修改头部修改, 阅读全文
posted @ 2017-03-10 16:44 CaiBoBo 阅读(2041) 评论(0) 推荐(0)
摘要: 组件的定义: 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。vuejs最大的特点就是采用组件来组合成页面,他将任何类型的应用的界面都抽象为一棵组件树。 说到底,组 阅读全文
posted @ 2017-03-05 21:13 CaiBoBo 阅读(1042) 评论(0) 推荐(0)
摘要: 什么是数据驱动 数据驱动是vuejs最大的特点。在vuejs中,所谓的数据驱动就是当数据发生变化的时候,用户界面发生相应的变化,开发者不需要手动的去修改dom。 比如说我们点击一个button,需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中,对于页面的修改我们一般是这样的一个流程,我 阅读全文
posted @ 2017-02-23 16:00 CaiBoBo 阅读(22396) 评论(3) 推荐(4)
摘要: 在日常的开发过程中,会有这样的场景,事件被频繁的触发,比如说我们的在输入的时候监控keypress事件,在页面滚动的时候监控页面的滚动事件。比如我们监控页面的resize事件,拉动窗口改变大小的时候,resize事件被频繁的执行 事件处理函数简单的话还好,但是如果是复杂的dom操作,可能会导致整个U 阅读全文
posted @ 2017-02-21 15:34 CaiBoBo 阅读(9554) 评论(1) 推荐(1)
摘要: 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期。 从图上我们可以看到vue在生命周期中有这些状态,beforeCreate, 阅读全文
posted @ 2017-02-20 09:57 CaiBoBo 阅读(30950) 评论(2) 推荐(4)
摘要: 需求: 最近产品要求不管原图的大小是多少,宽度一定,高度要自自适应为16:9。 分析: 对于正常的固定好宽度大小,这个需求很容易解决,直接通过人工计算,根据宽度的数值计算好高度的数值,然后css直接设置高度就行了。这样当然简单。可是现在在移动开发的过程中,我们为了自适应不同大小的屏幕,通过设置百分比 阅读全文
posted @ 2017-02-17 15:04 CaiBoBo 阅读(13705) 评论(1) 推荐(1)
摘要: 背景 在开发的过程中,我们经常会遇到这样的情景,点击某个元素,发送异步请求(ajax或者jsonp),根据返回的结果新开窗口打开链接。刚开始觉得实现这个需求很简单,只要在返回结果后直接用window.open去打开链接。可是,在实践的过程中,却发现这种方式会被浏览器拦截。正常的情况下 点击一个元素 阅读全文
posted @ 2017-02-08 10:51 CaiBoBo 阅读(1453) 评论(0) 推荐(0)
摘要: 公司的设计师在做设计图的时候都是以iphone6(宽为750物理像素)为基准进行设计的。iphone6的设备像素比(即css像素与物理像素的比例)是2,所以设计师在设计图画了边框为1px的box的时候,相对于css代码来说就是0.5像素。 对于这个问题,最直观的方法就是css直接设置边框为0.5px 阅读全文
posted @ 2017-02-07 15:30 CaiBoBo 阅读(12710) 评论(0) 推荐(2)