- 博客(43)
- 收藏
- 关注
RSS订阅转载 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
427
转载 自适应不同的分辨率界面
PC：1:针对IE：IE有个zoom属性。虽然经常我们用它来清浮动什么的。但是它在缩放元素上也是很强大的。eg：被设置zoom:0.5的元素会以该元素的左上角为原点在直接被缩小一半，所占据的文档流内体积也会减少一半（IE7和8+对zoom后的元素的margin值理解不同可以注意下，不过单纯缩放元素时不太需要用到）。firefox下呢，就可以使用css3的transform:sc...
2017-12-07 14:55:00
242
转载 图片缩放情况下失真问题处理
图片缩放会失真是真理，在浏览器里也一样，貌似使用传说中的双三次插值可以让失真看起来比较不明显，但是真的想不通IE7已经实现了，却不默认打开，是体谅我们的CPU还是内存呢？简单来说，我们在图片的CSS 加-ms-interpolation-mode: bicubic就可以让IE7的图片在有缩放的情况下，失真变得不怎样明显。。。转载于:https://www.cnblogs.com...
2017-12-06 16:43:00
2457
转载 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
288
转载 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
74
转载 媒体查询（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
600
转载 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
93
转载 CSS预处理框架：less，scss
CSS预处理器：less和sass：CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更见简洁，适应性更强，代码更直观等诸多好处。less框架的应用：less一门标记性语言，HTML文件还是链接生成的css文件注释：单行注释：//编译...
2016-07-31 14:50:00
120
转载 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
316
转载 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
64
转载 蒙版
蒙版效果：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
106
转载 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
70
转载 本地存储之简单存储
html5提供了四种在客户端存储数据的新方法，及localStorage,sessionStorage,globalStorage,Web Sql Database.前面三个适用于存储于较少的数据，而Web Sql Database适用于存储大型的复杂的数据。一、简单存储与cookie的区别1.存储量大2.安全性高<!DOCTYPE html><html l...
2016-07-17 23:00:00
76
转载 html5地理位置定位功能小析
Geolocationd 基本原理1.GPS GPS基本原理是测量出已知位置的卫星到用户接收机之间的距离，然后综合多颗卫星的数据就可知道接收机的具体位置。适用于具备GPS功能的设备（1）优点：在空旷地区比较准确，覆盖面比较广（2）缺点：需要比较长时间定位，比较耗电池，在室内不太好，需要GPS设备支持2.WIFI地理定位服务提供者会在全世界范围内去收集WIFI热点位置信息，然后用户的...
2016-07-17 18:11:00
103
转载 二级联动
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
70
转载 html5新增标签和属性
结构性标签：<header>头部</header><nav>导航</nav><section>用于表达书的一章或一部分</section><artical>文章</artical><hgroup>标题组</hgroup><footer>底部</foot...
2016-07-07 21:47:00
80
转载 cookie小析
cookie用于存储数据，当用户访问了某个网站（网页）时，我们就可以通过cookie来向访问者电脑上存储数据1.不同的浏览器存放的cookie位置不同，也不能通用2.cookie的存储是以域名的形式进行区分的3.cookie的数据可以设置和读（设置：document.cookie='名字=值'；读取：document.cookie）4.一个域名下存放的cookie的个数是有限制的，不同浏...
2016-07-03 12:18:00
65
转载 鼠标滚轮事件小析
一、事件IE/Chrome: onmouseWheel(火狐中无此事件)Firefox： DOMMouseScroll (必须用addEventListener绑定事件)兼容性问题解决：if(oDiv.addEventListener){oDiv.addEventListener('DOMMouseScroll',fn,false)}oDiv.onmouseWheel=fn;二、属性(代...
2016-07-03 10:36:00
76
转载 鼠标拖拽小析
一、原理：onmousedown ==>选择元素onmousemove ==>移动元素onmouseup ==>释放元素二、问题： 拖拽的时候，如果有文字被选中，会产生问题 原因：当鼠标按下的时候，如果页面中有蚊子被选中，那会触发浏览器默认拖拽文字的效果。当拖拽图片也会产生问题。解决： 标准：阻止默认行为：return false；...
2016-07-02 21:52:00
86
转载 浏览器事件小析
一、焦点事件焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户输入；我们可以通过一些方式设置焦点：1.点击，2.Tab，3.js；不是所有的元素都能接收焦点，能够响应用户操作的元素才有焦点。事件：onfocus ==>当元素获取焦点时触发onblur ==>当元素失去焦点时触发方法：obj.focus(); ==>给元素添加焦点的方法ob...
2016-07-02 11:01:00
81
转载 BOM，文档宽高及窗口事件小析
（一）BOM:Browser Object Model(浏览器对象模型)页面上所有的变量都是window的属性一、方法：1. open（，）打开一个新窗口（页面）一参为页面地址url，二参为打开方式如果url为空，默认打开一个空白页面如果打开方式为空，默认打开新窗口方式打开返回值：发挥新打开的窗口的window对象2. close（，）关闭窗口，前边对象是谁关闭谁兼容：（1）火狐ff...
2016-07-01 21:41:00
127
转载 表格、表单操作
（一）表格操作方法：tHead ==>表格头tBodies ==>表格正文（可以有多个）(在js中如果不写，自动会添加，易出错)tFoot ==>表格尾rows ==>行cells ==>列eg：oTab.tBodies[0].rows[1].cells[1].innerHTML(获取表格的第一个正文的第二行第二列的内容)=oTab.children[0...
2016-07-01 21:35:00
71
转载 DOM相关属性，方法，兼容性问题处理小析
DOM:Document Object Model文档对象模型，用于让程序（js）取操作页面中的元素。DOM节点类型有12种。（一）属性一、子节点操作1.所有子节点（1）元素.childNodes ==>只读，元素子节点列表集合（只包含一级子节点，不包含后辈孙级以下节点）标准浏览器：包含了文本和元素类型节点，也会包含非法嵌套的子节点。非标准浏览器：只包含元素类型节点，IE7以下不包...
2016-06-30 14:38:00
125
转载 js回调函数，字符串，数组小析
（一）回调函数：是指通过函数参数传递到其他代码的，某一块可执行代码的引用。这一设计允许了底层代码调用在高层定义的子程序。在抖动函数中，回调函数用于在实现一些功能之后采取的另外的措施，比如div，照片抖动完毕后弹出alert对话框。（二）字符串：一、查找字符串中某一位字符charAt();==>找到第几位对应的字符0-length-1,返回字符charCodeAt();==>找...
2016-06-29 13:27:00
167
转载 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
86
转载 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
66
转载 PS中常用快捷键
Prtsc:印屏幕Tab:隐藏工具栏F：图片在编辑区的显示模式F8:显示选中框区域的信息Ctrl+N:新建画布Ctrl+'+':放大Ctrl+'-':缩小工具栏三角形+鼠标：拖拽（只移动画布上的图片）空格+鼠标：拖拽（移动整个画布）Ctrl+C：复制Ctrl+V:粘贴Ctrl+S：保存Ctrl+Delete:将选中区域设置为背景色Alt...
2016-06-23 10:13:00
81
转载 javaweb之框架标签(day1 框架标签的使用)
框架标签<frameset>--rows:按照行进行划分<frameset rows='80,*'>--rows:按照列进行划分<frameset cols='80,*'><frame> 用于表示具体显示的页面<frame name='left' src='显示页面的名称（a.html）'>注：...
2016-06-10 15:39:00
91
转载 网络编程课程复习
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
90
转载 java script小结
javascript是一种嵌入在网页里的程序段，是一种解释性语言，只能被浏览器解释执行。出于安全性的考虑，增加了javascript的限制，增强了客户端交互功能。JavaScript的作用：1.增，删，改网页上所有元素及属性；2.在HTML网页中动态写入文本；3.响应网页中事件，做出相应处理；4.校验客户端提交的数据；5.检测浏览器版本和类型。JavaScri...
2016-05-28 00:46:00
64
转载 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
89
转载 5.13 有关游戏设计的总结
一、设置eclipse游戏开发的JRE windows---preference---Install JREs---jdk---edit--- -Xmx128m二、统一建模语言UML（Unified Modeling Language） 是专门用来进行软件系统和架构建模的一门可视化建模语言，它通过各种图示展示了软件系统的方方面面。 IBM的系统建模语言UML成为业...
2016-05-14 00:04:00
74
转载 java编程eclipse常用快捷键方式
Eclipse 常用快捷键Eclipse的编辑功能非常强大，掌握了Eclipse快捷键功能，能够大大提高开发效率。Eclipse中有如下一些和编辑相关的快捷键。1. 【ALT+/】此快捷键为用户编辑的好帮手，能为用户提供内容的辅助，不要为记不全方法和属性名称犯愁，当记不全类、方法和属性的名字时，多体验一下【ALT+/】快捷键带来的好处吧。2. 【Ctrl+O】...
2016-05-07 21:49:00
86
转载 数据库之应用理论
一、聚合函数count：统计行数量sum：获取单个列的合计值avg:计算某个列的平均值max：计算列的最大值min：计算列的最小值二、having和where区别 二者都是过滤条件，where运行在分组之前，因此不能执行任何聚合函数，having是运行在分组后，只能用作聚合函数的过滤。三、为什么要保证数据库完整性 为了防止垃圾数据的产生...
2016-04-29 23:31:00
61
转载 数据库之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
75
转载 JAVA I/O系统
一、流的分类1.按照方向分为：（1）输入流：从数据源读取数据到程序中。只能从中读取数据，不能向其中写入数据。IO包中的输入流都继承自抽象类InputStream或Reader。（2）输出流：经数据从程序写入数据目的地。只能从中写入数据，而不能从中读取数据，IO包中的输出流都继承自抽象类OutputStream和Writer。在I/O 库中的每个输入流都可以找到对应的输出流...
2016-04-16 10:51:00
51
转载 反射、类加载
一、类的加载机制 Java程序运行需要使用某个类时，如果该类还没有加载到内存中，系统会通过加载、连接、初始化三个步骤来对该类进行初始化。1.类加载 当我们运行java.exe命令执行某个Java程序时，由于Java程序本身以.class字节码的形式存在，它不是一个可执行文件，所以需要JVM将类文件加载到内存中。 类的加载由类加载器完成。JVM本身包含了一个类加载器，...
2016-04-09 00:10:00
62
转载 数组
一、数组概述 数组是具有相同数据类型的一组数据的集合。数组中的每一个元素具有相同的数据类型。在Java中同样将数组看做一个对象，虽然基本数据类型不是对象，但由于基本数据类型数组却是对象。在程序设计中引入数组可以更有效地管理和处理数据。可根据数组的维数将数组分为一维数组、二维数组......二、创建一维数组1.创建一维数组（1）先声明，再用new运算符进行内存分配 ...
2016-04-02 01:12:00
109
转载 字符串
一、String 类1.声明字符串 在java中字符串必须包含在一对双引号（“”）之内。字符串常量是系统能够显示的任何文字信息，甚至是单个字符。 通过如下方式声明字符串常量： String str=[null] String：指定该变量为字符串类型。 str：任意有效的标识符，表示字符串变量的名称。 null：如果省略null，表示str变量是未初...
2016-04-01 23:51:00
159
转载 流程控制
一、复合语句 Java语言的复合语句是以整个块区为单位的语句，所以又称为快语句。由开括号“{”开始，闭括号"}"结束。复合语句中的每个语句都是从上到下被执行。复合语句以整个块为单位，课可以用在任何一个单独的语句可以用到的地方，并且在复合语句中还可以嵌套复合语句。在使用复合语句时要注意，符合语句为局部变量创建了一个作用域，该作用域为程序为程序的一部分，在该作用域中某个变量被创建并能够...
2016-03-27 11:26:00
53
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人