Web移动
口。口
这个作者很懒,什么都没留下…
展开
-
移动web
屏蔽阴影: -webkit-appearance:none Meta标签: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <meta content="telephone=no" name="f...原创 2019-09-10 23:22:51 · 67 阅读 · 0 评论 -
移动Web2
Retina屏幕高清图片: selector { background-image: url(no-image-set.png); background: image-set(url(foo-lowres.png) 1x,url(foo-highres.png) 2x) center; } image-set的语法,类似于不同的文本,图像也会显示成不同的: 不支持image-set...原创 2019-09-11 23:55:33 · 70 阅读 · 0 评论 -
web常用词汇
DataStructures基本数据结构Dictionaries字典PriorityQueues堆 GraphDataStructures图SetDataStructures集合Kd-Trees线段树NumericalProblems数值问题 SolvingLinearEquations线性方程组BandwidthReduction带宽压缩MatrixMultiplication矩阵乘法Det...原创 2019-09-15 23:59:39 · 284 阅读 · 0 评论 -
响应式布局
一、什么是响应式布局 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用“大势所趋”来形容也不为过。 二、优点和缺点 优点:[1] 面对不同分辨率设备灵活...原创 2019-09-17 00:04:08 · 86 阅读 · 0 评论 -
js模态框
1. 基本语法 ---- window对象有一个方法称为showModalDialog ,我们可以在页面按钮的onclick中写如下代码: < BUTTON onclick="window.showModalDialog ('dialog.htm')" >Search< /BUTTON > ---- 系统会在新窗口中打开dialog.htm页面,并且等待用户响应,如...原创 2019-09-18 00:23:55 · 208 阅读 · 0 评论 -
模板引擎
模板引擎封装template 实现原理: 通过id获取模板中的内容(注:内容为字符串) 调用方式: 找到字符串中特殊的符号.如:标签里的{{name}}用正则表达式替换 使用对象对应的属性进行替换 返回字符串...转载 2019-09-19 00:21:09 · 76 阅读 · 0 评论 -
流式佈局
一、静态布局(Static Layout) 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见与pc端。 2、设计方法:PC:居中布局,...原创 2019-09-20 23:18:26 · 194 阅读 · 0 评论 -
流式佈局2
五、弹性布局(rem/em布局) 1、rem,em区别:rem,em都是顺应不同网页字体大小展现而产生的。其中,em是相对其父元素,在实际应用中相对而言会带来很多不便;而rem是始终相对于html大小,即页面根元素。 2、使用 em 或 rem 单位进行相对布局,相对%百分比更加灵活,同时可以支持浏览器的字体大小调整和缩放等的正常显示,因为em是相对父级元素的原因没有得到推广。【中国站点制作网...原创 2019-09-22 22:10:42 · 102 阅读 · 0 评论