- 博客(43)
- 收藏
- 关注
转载 img srcset,sizes 属性,解决了在不同设备像素比不同的情况加载不同图片(转)...
http://www.zhangxinxu.com/wordpress/2014/10/responsive-images-srcset-size-w-descriptor/转载于:https://www.cnblogs.com/fengxiaopiaoer/p/8000279.html
2017-12-07 17:50:00
441
转载 自适应不同的分辨率界面
PC:1:针对IE:IE有个zoom属性。虽然经常我们用它来清浮动什么的。但是它在缩放元素上也是很强大的。eg:被设置zoom:0.5的元素会以该元素的左上角为原点在直接被缩小一半,所占据的文档流内体积也会减少一半(IE7和8+对zoom后的元素的margin值理解不同可以注意下,不过单纯缩放元素时不太需要用到)。firefox下呢,就可以使用css3的transform:sc...
2017-12-07 14:55:00
260
转载 图片缩放情况下失真问题处理
图片缩放会失真是真理,在浏览器里也一样,貌似使用传说中的双三次插值可以让失真看起来比较不明显,但是真的想不通IE7已经实现了,却不默认打开,是体谅我们的CPU还是内存呢?简单来说,我们在图片的CSS 加-ms-interpolation-mode: bicubic就可以让IE7的图片在有缩放的情况下,失真变得不怎样明显。。。转载于:https://www.cnblogs.com...
2017-12-06 16:43:00
2484
转载 display:table-cell 居中及其使用
一、例子:<html><meta charset="utf8"><style> .Absolute-Center { display: table-cell; width: 100px; height: 100px; border:1px solid red; ...
2017-09-15 11:26:00
297
转载 flex弹性盒模型布局
容器属性:1.flex-direction:项目的排列方向(1)row 主轴方向排列(2)row-reverse 主轴反方向排列(3)column 纵向排列(4)column-reverse 纵向反方向排列2.flex-wrap:项目的换行方式(1)nowrap:不换(2)wrap:换行,第一行在上方(3)wrap-reverse:换行,第一行在下方3.flex-flow:是fle...
2016-07-31 16:19:00
79
转载 媒体查询(pc端,移动端不同布局)
媒体查询语法:1.内联写法:and之后必须有空格@media screen and (min-width:960px //判断浏览器大小条件){body{background:red} //常规的样式}2.外联写法:当满足屏幕满足条件的时候连接href后的css文件<link='stylesheet' media='screen and (min-width:960)' h...
2016-07-31 15:22:00
612
转载 css单位:em,rem解释
em:所有浏览器都符合:1em=16px;1.具有继承性2.em的根元素是body,当设置了根元素的大小时,大小是定义的数字乘以根元素定义的大小值rem:1rem=16pxrem不具有继承性,其根元素是html,当设置了根元素的大小时,大小是定义的数字乘以根元素定义的大小值<!DOCTYPE html><html lang="en"><head>...
2016-07-31 15:17:00
103
转载 CSS预处理框架:less,scss
CSS预处理器:less和sass:CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的 CSS 更见简洁,适应性更强,代码更直观等诸多好处。less框架的应用:less一门标记性语言,HTML文件还是链接生成的css文件注释:单行注释://编译...
2016-07-31 14:50:00
130
转载 Html5+Css3制作下拉菜单的三种方式
一、渐变式改变ol的高度1.外部为ul标签,在每个li里嵌套一个ol列表2.设置外部li左浮动,内部ol标签绝对定位,外部li标签相对定位3.设置ol的高为0,溢出隐藏4.外部li标签:hover 时,设置ol的高度,transition渐变 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head>...
2016-07-31 13:26:00
350
转载 BFC
BFC触发1.根元素2.float3.overflow:auto,scroll,hidden(常用)4.display:table-cell,table-caption,inline-block,flex,inline-flex;5.position:absolut,fixedBFC布局规则1.背部的box会在垂直方向上一个接一个放置2.。。。。运用:1.当浮动元素导致它的弟弟元...
2016-07-24 23:56:00
69
转载 蒙版
蒙版效果:1.插入图片标签2.设置一个半透明的div,并定位,rgba()3.将div与图片覆盖4.将鼠标悬停在div上时,设置隐藏div5.设置div的颜色渐变transition:all linear 5s(all ease-in 5s),先设置left,right,top,bootom的值,确定蒙版移动方向注:蒙版移动前后的定位方式(left,right,top,bootom)...
2016-07-24 23:56:00
114
转载 CSS样式,雪碧,图片替换,渐变小析
Css基础2:相对长度单位:em,rem,px,%绝对长度单位:厘米等(不用)颜色单位:rgb,rgb的百分比,16进制(#),颜色名称字体:font-size:为了更好适合点阵,尽量使用偶数font-family:字体font-weight:字体粗细100-900,400=normal,700=bold,900=最粗font-style:italic,oblique(字体变斜)te...
2016-07-24 23:55:00
85
转载 本地存储之简单存储
html5提供了四种在客户端存储数据的新方法,及localStorage,sessionStorage,globalStorage,Web Sql Database.前面三个适用于存储于较少的数据,而Web Sql Database适用于存储大型的复杂的数据。一、简单存储与cookie的区别1.存储量大2.安全性高<!DOCTYPE html><html l...
2016-07-17 23:00:00
88
转载 html5地理位置定位功能小析
Geolocationd 基本原理1.GPS GPS基本原理是测量出已知位置的卫星到用户接收机之间的距离,然后综合多颗卫星的数据就可知道接收机的具体位置。适用于具备GPS功能的设备(1)优点:在空旷地区比较准确,覆盖面比较广(2)缺点:需要比较长时间定位,比较耗电池,在室内不太好,需要GPS设备支持2.WIFI地理定位服务提供者会在全世界范围内去收集WIFI热点位置信息,然后用户的...
2016-07-17 18:11:00
114
转载 二级联动
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 ...
2016-07-08 18:00:00
79
转载 html5新增标签和属性
结构性标签:<header>头部</header><nav>导航</nav><section>用于表达书的一章或一部分</section><artical>文章</artical><hgroup>标题组</hgroup><footer>底部</foot...
2016-07-07 21:47:00
88
转载 cookie小析
cookie用于存储数据,当用户访问了某个网站(网页)时,我们就可以通过cookie来向访问者电脑上存储数据1.不同的浏览器存放的cookie位置不同,也不能通用2.cookie的存储是以域名的形式进行区分的3.cookie的数据可以设置和读(设置:document.cookie='名字=值';读取:document.cookie)4.一个域名下存放的cookie的个数是有限制的,不同浏...
2016-07-03 12:18:00
77
转载 鼠标滚轮事件小析
一、事件IE/Chrome: onmouseWheel(火狐中无此事件)Firefox: DOMMouseScroll (必须用addEventListener绑定事件)兼容性问题解决:if(oDiv.addEventListener){oDiv.addEventListener('DOMMouseScroll',fn,false)}oDiv.onmouseWheel=fn;二、属性(代...
2016-07-03 10:36:00
83
转载 鼠标拖拽小析
一、原理:onmousedown ==>选择元素onmousemove ==>移动元素onmouseup ==>释放元素二、问题: 拖拽的时候,如果有文字被选中,会产生问题 原因:当鼠标按下的时候,如果页面中有蚊子被选中,那会触发浏览器默认拖拽文字的效果。当拖拽图片也会产生问题。解决: 标准:阻止默认行为:return false;...
2016-07-02 21:52:00
96
转载 浏览器事件小析
一、焦点事件焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户输入;我们可以通过一些方式设置焦点:1.点击,2.Tab,3.js;不是所有的元素都能接收焦点,能够响应用户操作的元素才有焦点。事件:onfocus ==>当元素获取焦点时触发onblur ==>当元素失去焦点时触发方法:obj.focus(); ==>给元素添加焦点的方法ob...
2016-07-02 11:01:00
88
转载 BOM,文档宽高及窗口事件小析
(一)BOM:Browser Object Model(浏览器对象模型)页面上所有的变量都是window的属性一、方法:1. open(,)打开一个新窗口(页面)一参为页面地址url,二参为打开方式如果url为空,默认打开一个空白页面如果打开方式为空,默认打开新窗口方式打开返回值:发挥新打开的窗口的window对象2. close(,)关闭窗口,前边对象是谁关闭谁兼容:(1)火狐ff...
2016-07-01 21:41:00
132
转载 表格、表单操作
(一)表格操作方法:tHead ==>表格头tBodies ==>表格正文(可以有多个)(在js中如果不写,自动会添加,易出错)tFoot ==>表格尾rows ==>行cells ==>列eg:oTab.tBodies[0].rows[1].cells[1].innerHTML(获取表格的第一个正文的第二行第二列的内容)=oTab.children[0...
2016-07-01 21:35:00
76
转载 DOM相关属性,方法,兼容性问题处理小析
DOM:Document Object Model文档对象模型,用于让程序(js)取操作页面中的元素。DOM节点类型有12种。(一)属性一、子节点操作1.所有子节点(1)元素.childNodes ==>只读,元素子节点列表集合(只包含一级子节点,不包含后辈孙级以下节点)标准浏览器:包含了文本和元素类型节点,也会包含非法嵌套的子节点。非标准浏览器:只包含元素类型节点,IE7以下不包...
2016-06-30 14:38:00
141
转载 js回调函数,字符串,数组小析
(一)回调函数:是指通过函数参数传递到其他代码的,某一块可执行代码的引用。这一设计允许了底层代码调用在高层定义的子程序。在抖动函数中,回调函数用于在实现一些功能之后采取的另外的措施,比如div,照片抖动完毕后弹出alert对话框。(二)字符串:一、查找字符串中某一位字符charAt();==>找到第几位对应的字符0-length-1,返回字符charCodeAt();==>找...
2016-06-29 13:27:00
179
转载 js中return,this,arguments,currentStyle和getComputedStyle小析
一、return返回值:1、函数名+括号:fn()==>return 后面的值2、所有函数默认返回值:未定义3、return后面的任何代码都不会执行二、this:当前对象1、当某个对象后边加事件等于某个函数时,函数中出现的this是指当前的那个对象2、当函数中包含另一个函数时,另一个函数中的this指的是另一个函数对象三、arguments:实参的集合1、当调用没有形参的函数时传了...
2016-06-27 20:13:00
92
转载 JS中注意事项
(一)判断中注意事项一、所有的相对路径都别拿来做判断1.img src='...'2.href='1.css', href='html/index.html'3.img src='http://www.baidu.com/1.jpg'二、颜色值不能拿来做判断color: red #f00 rgb(250,0,0)三、innerHTML 值不能拿来做判断解决...
2016-06-23 10:42:00
75
转载 PS中常用快捷键
Prtsc:印屏幕Tab:隐藏工具栏F:图片在编辑区的显示模式F8:显示选中框区域的信息Ctrl+N:新建画布Ctrl+'+':放大Ctrl+'-':缩小工具栏三角形+鼠标:拖拽(只移动画布上的图片)空格+鼠标:拖拽(移动整个画布)Ctrl+C:复制Ctrl+V:粘贴Ctrl+S:保存Ctrl+Delete:将选中区域设置为背景色Alt...
2016-06-23 10:13:00
89
转载 javaweb之框架标签(day1 框架标签的使用)
框架标签<frameset>--rows:按照行进行划分<frameset rows='80,*'>--rows:按照列进行划分<frameset cols='80,*'><frame> 用于表示具体显示的页面<frame name='left' src='显示页面的名称(a.html)'>注:...
2016-06-10 15:39:00
99
转载 网络编程课程复习
js行为:为响应某一事件(Event)而采取的一个动作(Action)的过程。由动作和事件两部分组成。js数据类型1、基本数据类型:number、boolean、string、null、undefined2、引用数据类型:(1)宿主对象:BOM、DOM(2)内置对象:Global、Math(3)原生对象:String Boolean Date Array Object Nu...
2016-06-05 12:55:00
100
转载 java script小结
javascript是一种嵌入在网页里的程序段,是一种解释性语言,只能被浏览器解释执行。出于安全性的考虑,增加了javascript的限制,增强了客户端交互功能。JavaScript的作用:1.增,删,改网页上所有元素及属性;2.在HTML网页中动态写入文本;3.响应网页中事件,做出相应处理;4.校验客户端提交的数据;5.检测浏览器版本和类型。JavaScri...
2016-05-28 00:46:00
72
转载 html CSS 学习总结
HTML文件格式<!DOCTYPE HTML><html lang="en"><head><meta charset="UTF-8"><title></title></head><body></body></html>标签...
2016-05-20 22:45:00
104
转载 5.13 有关游戏设计的总结
一、设置eclipse游戏开发的JRE windows---preference---Install JREs---jdk---edit--- -Xmx128m二、统一建模语言UML(Unified Modeling Language) 是专门用来进行软件系统和架构建模的一门可视化建模语言,它通过各种图示展示了软件系统的方方面面。 IBM的系统建模语言UML成为业...
2016-05-14 00:04:00
85
转载 java编程eclipse常用快捷键方式
Eclipse 常用快捷键Eclipse的编辑功能非常强大,掌握了Eclipse快捷键功能,能够大大提高开发效率。Eclipse中有如下一些和编辑相关的快捷键。1. 【ALT+/】此快捷键为用户编辑的好帮手,能为用户提供内容的辅助,不要为记不全方法和属性名称犯愁,当记不全类、方法和属性的名字时,多体验一下【ALT+/】快捷键带来的好处吧。2. 【Ctrl+O】...
2016-05-07 21:49:00
93
转载 数据库之应用理论
一、聚合函数count:统计行数量sum:获取单个列的合计值avg:计算某个列的平均值max:计算列的最大值min:计算列的最小值二、having和where区别 二者都是过滤条件,where运行在分组之前,因此不能执行任何聚合函数,having是运行在分组后,只能用作聚合函数的过滤。三、为什么要保证数据库完整性 为了防止垃圾数据的产生...
2016-04-29 23:31:00
67
转载 数据库之SQL语法
-- 创建数据库CREATE DATABASE mytest;-- 创建表CREATE TABLE t_user( -- primary key 定义该列为主键列 -- AUTO_INCREMENT表示该列的值,由DBMS自动生成,为自动增长列(auto_+tab键)。 id INT PRIMARY KEY AUTO_INCREMENT, userName VARCHA...
2016-04-22 22:21:00
81
转载 JAVA I/O系统
一、流的分类1.按照方向分为:(1)输入流:从数据源读取数据到程序中。只能从中读取数据,不能向其中写入数据。IO包中的输入流都继承自抽象类InputStream或Reader。(2)输出流:经数据从程序写入数据目的地。只能从中写入数据,而不能从中读取数据,IO包中的输出流都继承自抽象类OutputStream和Writer。在I/O 库中的每个输入流都可以找到对应的输出流...
2016-04-16 10:51:00
60
转载 反射、类加载
一、类的加载机制 Java程序运行需要使用某个类时,如果该类还没有加载到内存中,系统会通过加载、连接、初始化三个步骤来对该类进行初始化。1.类加载 当我们运行java.exe命令执行某个Java程序时,由于Java程序本身以.class字节码的形式存在,它不是一个可执行文件,所以需要JVM将类文件加载到内存中。 类的加载由类加载器完成。JVM本身包含了一个类加载器,...
2016-04-09 00:10:00
67
转载 数组
一、数组概述 数组是具有相同数据类型的一组数据的集合。数组中的每一个元素具有相同的数据类型。在Java中同样将数组看做一个对象,虽然基本数据类型不是对象,但由于基本数据类型数组却是对象。在程序设计中引入数组可以更有效地管理和处理数据。可根据数组的维数将数组分为一维数组、二维数组......二、创建一维数组1.创建一维数组(1)先声明,再用new运算符进行内存分配 ...
2016-04-02 01:12:00
119
转载 字符串
一、String 类1.声明字符串 在java中字符串必须包含在一对双引号(“”)之内。字符串常量是系统能够显示的任何文字信息,甚至是单个字符。 通过如下方式声明字符串常量: String str=[null] String:指定该变量为字符串类型。 str:任意有效的标识符,表示字符串变量的名称。 null:如果省略null,表示str变量是未初...
2016-04-01 23:51:00
165
转载 流程控制
一、复合语句 Java语言的复合语句是以整个块区为单位的语句,所以又称为快语句。由开括号“{”开始,闭括号"}"结束。复合语句中的每个语句都是从上到下被执行。复合语句以整个块为单位,课可以用在任何一个单独的语句可以用到的地方,并且在复合语句中还可以嵌套复合语句。在使用复合语句时要注意,符合语句为局部变量创建了一个作用域,该作用域为程序为程序的一部分,在该作用域中某个变量被创建并能够...
2016-03-27 11:26:00
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人