2017年5月9日

PC端和移动APP端CSS样式初始化

摘要: CSS样式初始化分为PC端和移动APP端 1.PC端:使用Normalize.css Normalize.css是一种CSS reset的替代方案。 我们创造normalize.css有下面这几个目的: 保护有用的浏览器默认样式而不是完全去掉它们 一般化的样式:为大部分HTML元素提供 修复浏览器自 阅读全文

posted @ 2017-05-09 15:01 ranyonsue 阅读(2055) 评论(0) 推荐(1) 编辑

2017年5月2日

移动端H5页面高清多屏适配方案

摘要: 背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 1)首先,选 阅读全文

posted @ 2017-05-02 14:22 ranyonsue 阅读(22749) 评论(6) 推荐(8) 编辑

2017年4月28日

js中的事件委托详解

摘要: 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰 阅读全文

posted @ 2017-04-28 11:25 ranyonsue 阅读(1618) 评论(0) 推荐(1) 编辑

2017年4月19日

浏览器页面加载解析渲染机制

摘要: 了解浏览器如何进行加载,我们可以在引用外部样式文件,外部js时,将他们放到合适的位置,使浏览器以最快的速度将文件加载完毕。 了解浏览器如何进行解析,我们可以在构建DOM结构,组织css选择器时,选择最优的写法,提高浏览器的解析速率。 了解浏览器如何进行渲染,明白渲染的过程,我们在设置元素属性,编写j 阅读全文

posted @ 2017-04-19 17:12 ranyonsue 阅读(3462) 评论(1) 推荐(1) 编辑

CSS选择器渲染效率

摘要: 1 浏览器如何识别你的选择器 首先我们需要清楚,浏览器是如何读取选择器,以识别样式,并将相应的样式附于对应的HTML元素,达到美化页面的效果。Chris Coyier曾在《Efficiently Rendering CSS》一文中说过“浏览器读取你的选择器,遵循的原则是从选择器的右边到左边读取。换句 阅读全文

posted @ 2017-04-19 14:19 ranyonsue 阅读(1052) 评论(0) 推荐(0) 编辑

2017年4月17日

JS window对象的top、parent、opener含义介绍 以及防止网页被嵌入框架的代码

摘要: 1.top该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。 2.openeropener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如:A页面通过window.open()方法弹出了B页面,在B页面中 阅读全文

posted @ 2017-04-17 14:03 ranyonsue 阅读(1881) 评论(0) 推荐(0) 编辑

2017年4月11日

关于苹果真机 getFullYear()返回值为NAN的问题

摘要: 问题描述: 在html页面中获得后台传过来的一个时间并显示在页面上,我用getFullYear() ,getMonth(),getDate()分别获得了年月日在电脑上和三星手机上页面都能正确的显示时间,而苹果手机确显示NaN.NaN.NaN。 解决方法: 有兼容性问题,需要把中横线换成斜杠。 new 阅读全文

posted @ 2017-04-11 10:58 ranyonsue 阅读(1342) 评论(0) 推荐(0) 编辑

js事件监听器用法实例详解

摘要: 本文实例讲述了js事件监听器用法。分享给大家供大家参考。具体分析如下: 1、当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行。如下: 阅读全文

posted @ 2017-04-11 10:42 ranyonsue 阅读(2790) 评论(0) 推荐(0) 编辑

2017年4月10日

JS中this关键字详解

摘要: this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; } 随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。 下面分 阅读全文

posted @ 2017-04-10 13:52 ranyonsue 阅读(475) 评论(0) 推荐(0) 编辑

2017年4月7日

JS回调函数

摘要: 回调函数 回调函数是一种以参数形式传递给另一个函数的函数。 所谓的回调函数就是指将一个函数的指针(地址),也就是JavaScript中函数的函数名(JavaScript没有像C那样的指针)作为参数传递给另一个函数,当在调用这个参数时,就是调用这个参数指向的函数,这就是回调函数。我就用生活中的一个例子 阅读全文

posted @ 2017-04-07 15:50 ranyonsue 阅读(920) 评论(0) 推荐(0) 编辑

导航