问题:调整窗口大小事件方法?回调函数 认识?定时器 有那种两方式?定时器停止两个方法?This指向问题?在全局作用域下this指向是?普通函数中this指向是? 如定时器.同步与异步 认识?例子同步与异步 认识?例子异步是通过什么方式实现?异步任务加载有那几种类型?Js执行机制回答:调整窗口大小事件方法? a) Window.onresize() b) Window.addEventLi
谈谈利用JavaScript结合相对单位rem实现自适应布局简单而实用方法rem是css3新增一个相对单位,相对只是HTML根元素,可以只修改根元素字体大小就可以成比例地调整所有字体大小。我们可以巧妙地利用这一特性,实现页面自适应布局。demo:https://github.com/XieTongXue/how-to/tree/master/pay-h5需求:当我们拿到一张设计稿,比如UI
一.前言学习DirectX初衷是为了做游戏,为了开发游戏引擎。我在之前其实学习过一段时间DirectX,但是由于后来一些其他原因将DirectX学习搁置到了一边。现在有了比较充裕时间,想把DirectX相关知识捡起来,复习以前学习过知识,顺带学习新知识。二.windows相关首先,其实我对windows编程了解也不是很多。大一时候看过一段时间windows程序设计这本书,但是好像
使用rem是为了界面响应不同尺寸手机,引入下面的方法就可以使用rem了。 使用这个方法代码:
JS
原创 2022-05-12 17:26:29
679阅读
var doc = window.document  var docEl = doc.documentElement  var tidfunction refreshRem () {    var width = docEl.getBoundingClientRect().width    if (width > 540) { // 最大宽度      width = 540    }  
js
原创 2021-05-13 21:26:31
511阅读
只是想把最近移动平台web开发一点经验和大家分享下。 1.iScroll控件   这个控件可以说是非常不错一个使用mobile webkit开发一个实现滑动效果控件。   它是纯粹js,不依赖其它js框架。下面几个例子是在ipadSafari效果:   轮播图: 滑动效果(类似于新浪微博客户端,向上
我们在构建企业级应用时,通常会遇到各种各样定制化功能,因为每个企业都有自己独特流程、思维方式和行为习惯。有很多时候,软件企业是不太理解这种情况,习惯性会给出一个诊断,『你这么做不对,按逻辑应该这样这样』。但企业往往不会接受这种说法,习惯力量是强大,我们一定要尊重这种事实。所以在构建企业应用时候,我们不仅仅要了解对方基本需求,也要了解他们习惯于怎么处理流程,在设计时候需要予以充分重视
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阅读
1点赞
效果图:echarst词云图先要前往echarts-wordcloud.js包网址进行下载对应包,注意:项目上echarts版本也对应着你要安装echarts-wordcloud版本,echarts4对应着echarts-wordcloud1.x版本;echarts5对应着echarts-wordcloud2.x版本;官方示例上只有两种方式设置词云颜色:一种是根据随机数生成随机颜色;一种是
转载 11月前
324阅读
一、基于rem单位屏幕等比例缩放rem是浏览器描述长度单位,含义为:相对于 `html` 字体大小单位。1rem = html 根节点上1个字符宽度。使用 `rem` 单位设置元素尺寸,会在不同设备屏幕宽度下(例如:手机屏幕和平板屏幕)等比例缩放。当页面元素需要在不同屏幕宽度下保证元素比例大小不变时,则可以使用 `rem`使用方法:<!-- 设置默认字体大小为我们所定义标准
为什么要用remrem主要目的就是解决用于不同屏幕适配问题。rem能够等比例适配所有的屏幕。 单纯使用流式布局结果是宽度自适应 高度是写死 导致不能完全适配设计图(因为不同屏幕大小下 高度永远是写死), 而使用rem就可以让高度也保持自适应效果 流式布局:虽然可以让各种屏幕都适配,但是显示效果不是非常友好,因为只有几个尺寸手机能够
转载 7月前
26阅读
效果以react 为例逻辑const eStyle = useRef<HTMLElement>(document.createElement("style"));const eHead = useMemo<HTMLHeadElement | null>( () => document.querySelector("head"), []);const handleC
原创 2023-02-14 08:43:54
175阅读
使用rem适配已经快一年了,感觉还是不错,在这里记录一下。 ##1.原理 rem是一个相对单位,相对是根元素‘html’字号。比如htmlfont-size:100px;那么1rem=100px;htmlfont-size:120px;那么1rem=120px;所以我们可以根据手机不同尺寸,设置不同根元素字体,来适应不同屏幕。而且它兼容性好,从安卓2.1就支持rem。举个栗子:/
前言 好记性不如烂笔头。 从事Web前端这份工作也好几年了,以前去Web前端应聘岗位时候,总是会问到一些我知识盲点,又或者是一些高频专业题目答不上来,导致我错失良机,无法进入心仪企业工作。是的,记性不好,就要拿小本本记下来。常识主流浏览器内核IE 浏览器(Trident 内核)Microsoft Edge 浏览器(EdgeHTML 内核/ Blink 内核)Firefox 浏览器(G
【最基本弹出窗口代码】 其实代码非常简单: <SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html') --> </SCRIPT>常用最大化代码是 <SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.h
屏幕有效宽高:window.screen.availHeight window.screen.availWidth  网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线宽) 网页可见区域高:document.bod
转载 2024-09-20 19:18:59
59阅读
以下是原文(我自己整理了一下)问题提出: 楼主olion怎样修改CEdit中文本字体大小及颜色? 1 楼andygood          为什么总是有人问这种入门问题呢?呵呵。          &nb
转载 2024-05-02 09:31:27
77阅读
HTML 元素可分为3类: 块元素(block)、内联元素(in-line)、可变元素 内联元素又可以称之为内嵌元素、行内元素,都一样,只是叫法不同。 -------------------------------------------------------------------------------- 内联元素与块元素区别在哪呢? 块元素 在默认情况下会换行显示(也
方案需求: rem 单位在做移动端h5开发时候是最经常使用单位。为解决自适应问题,我们需要动态给文档根节点添加font-size 值。 使用mediaquery 可以解决这个问题,但是每一个文件都引用一大串font-size 值很繁琐,而且值也不能达到连续效果。 就使用js动态计算给
转载 2022-02-23 15:09:22
1077阅读
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样PK大局。不幸是,仍然有不同利弊,使各种技术都不太理想,但又无法不去用。真是进也难,退也难呀。最近在学习em相关知识时候,无意之间让我拾得一宝,就是使用
原创 2017-04-19 17:55:31
828阅读
  • 1
  • 2
  • 3
  • 4
  • 5