谈谈利用JavaScript结合相对单位rem实现自适应布局的简单而实用的方法rem是css3新增的一个相对单位，相对的只是HTML根元素，可以只修改根元素字体大小就可以成比例地调整所有字体大小。我们可以巧妙地利用这一特性，实现页面自适应布局。demo:https://github.com/XieTongXue/how-to/tree/master/pay-h5需求：当我们拿到一张设计稿，比如UI
转载
2024-10-19 18:35:33
128阅读
问题:调整窗口大小事件方法?回调函数 认识?定时器 有那种两方式?定时器停止的两个方法?This的指向问题?在全局作用域下this指向是?普通函数中this指向是? 如定时器.同步与异步 认识?例子同步与异步 认识?例子异步是通过什么方式实现的?异步任务的加载有那几种类型?Js的执行机制回答:调整窗口大小事件方法? a) Window.onresize() b) Window.addEventLi
使用rem是为了界面响应不同尺寸的手机，引入下面的方法就可以使用rem了。 使用这个方法的代码：
原创
2022-05-12 17:26:29
679阅读
为实现寝室共享上网,我曾经奋战数月,想把寝室那只腾达的猫驯服, 实现寝室不用电脑拔号共享上网,可是那因为个人技术水平问题,一直没有搞定 今天早上起了个早床,花了半个小时左右,终于把这个问题搞定了,现在跟大家分享一下： 修改IP如下: AP Address: 192.168.1.* Subnet Mask: 255.255.255.0 Default Gateway: 192.168.1.1 Pre
只是想把最近移动平台web开发的一点经验和大家分享下。 1.iScroll控件 这个控件可以说是非常不错的一个使用mobile webkit开发的一个实现滑动效果的控件。 它是纯粹的js写的，不依赖其它js框架。下面几个例子是在ipad的Safari的效果： 轮播图： 滑动效果(类似于新浪微博的客户端，向上
我们在构建企业级应用时，通常会遇到各种各样的定制化功能，因为每个企业都有自己独特的流程、思维方式和行为习惯。有很多时候，软件企业是不太理解这种情况，习惯性的会给出一个诊断，『你这么做不对，按逻辑应该这样这样』。但企业往往不会接受这种说法，习惯的力量是强大的，我们一定要尊重这种事实。所以在构建企业应用的时候，我们不仅仅要了解对方的基本需求，也要了解他们习惯于怎么处理流程，在设计的时候需要予以充分重视
第四章 Office操作基础知识Word文字编辑1、相应文件扩展名：Word文件扩展名.doc；Powerpoin文件扩展名.ppt；Frontpage文件扩展名.htm；Excel文件扩展名.xls；Flash文件扩展名.fla;Flash播放文件扩展名.swf；Photoshop软件文件扩展名.png .jpg2、Word/文字处理软件；Excel/电子表格处理软件；Powerpoi
一、动态面板1、面板折叠我们是需要在做好动态页面后，有两个面板页面，即一个展开一个折叠。 这就是前期我们准备折叠的部分， 接下来返回，对面板添加交互——页面点击时——设置面板状态，设置动作如下 就可以。这样就可以查看到页面的折叠效果，但是这里有一个需要注意的地方，我们需要将向下滑动的时间尽可能的短，否则下滑效果会很难受，很清晰的看到每一个动画滑过的状态。2、标签导航实现效果就是一般APP中的下方点
屏幕的有效宽高：window.screen.availHeight window.screen.availWidth 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.bod
转载
2024-09-20 19:18:59
59阅读
方案需求： rem 单位在做移动端的h5开发的时候是最经常使用的单位。为解决自适应的问题，我们需要动态的给文档的根节点添加font-size 值。 使用mediaquery 可以解决这个问题，但是每一个文件都引用一大串的font-size 值很繁琐，而且值也不能达到连续的效果。 就使用js动态计算给
转载
2022-02-23 15:09:22
1077阅读
还是不够细心，出了好几次错，最后才弄好了。一、在说这次写的页面之前介绍几个东西：1.获取元素 var xxx=document.getElementById(“xxxxx”)这个是我们在JS中最常用获取元素的方式，下面这几个我们还是在实际操作中来体会一下；2.给元素设置html xxx. innerHTML=“xxxxxxxxx”3.给元素设置class xxx.setAttribute("cla
用rem已久但是对于它的理解似乎一直都有偏差，使用的时候多采用的是html的font-size:62.5%;然后按照1rem=10px这样来使用。所以我一直不明白，这个rem到底哪里是相对单位了，也不明白它跟px的不同点又在哪里。迷惑了好久，然后就在今天，我翻到了一篇博客才知道自己用的多么肤浅。好吧，不再废话了，我们先来看看，rem到底是什么rem是什么？rem（font size&nb
Referrer的重要性HTTP请求中有一个referer的报文头，用来指明当前流量的来源参考页。例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页，那么就referrer就是www.sina.com.cn/sports/了。在Javascript中，我们可以通过document.referrer来获取同样的信息。通过这个信息，我们就可以知道访客是从什么渠道
px是相对固定单位，所以用户无法根据自己设置的浏览器字号而缩放，em和rem虽然都是相对单位，但em是相对于它的父元素的font-size，页面层级越深，em的换算就越复杂，而rem是直接相对于根元素，这就避开了很多层级关系。移动端新型浏览器对rem的兼容很好，可以放心使用。PXpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为
前面在JS之DOM中我们知道了属性操作，下面我们来了解一下节点操作。很重要！！一、节点操作创建节点：var ele_a = document.createElement('a');
添加节点：ele_parent.appendChild(ele_img);
删除节点：ele_parent.removeChild(ele_p);
替换节点：ele_parent.replaceChild(新标签,旧标
转载
2024-04-01 09:17:22
66阅读
rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。兼容性： 目前，IE9+，Firefox、Chrome、
转载
2024-03-19 16:11:51
1022阅读
点赞
原文链接：http://caibaojian.com/simple-flexible.html//code from http://caibaojian.com/simple-flexible.html<style id="rootFontSize">html{font-size: 100px !important;}</styl
转载
2017-11-20 10:54:20
1003阅读
!function(n){ var e=n.document, t=e.documentElement, i=720, d=i/100, o="orientationchange"in n?"orientationchange":"resize", a=function(){ var n=t.cli
转载
2020-12-07 14:54:00
134阅读
2评论
rem 量图计算公式：获取比值：设备尺寸/设计图尺寸 例如：设备宽度尺寸为 375px 、设计图尺寸为750px，计算获得比值为0.5，量得设计图上某个图片元素宽度为 100px，实际在375px宽度的设备上此元素为 100 * 0.5 = 50 px。故：设置html 下font-size 默认值为 0.5px，为了计算方便一般会以100倍计算，也就是50px，
转载
2023-06-08 13:05:43
473阅读
使用 FPM 将源码包转化为rpm包1、支持的源类型包dir: 将目录打包成所需要的类型，可以用于源码编译安装的软件包rpm: 对rpm进行转换gem: 对rubygem包进行转换python: 将Python模块打包成相应的类型rpm: 转换为rpm包deb: 转换为deb包solaris: 转换为solaris包p
