码迷,mamicode.com
首页 > Web开发
网页布局二三事
网页布局技术的演变 表格Tbale布局 → Div + CSS浮动 → Flex Box布局响应式设计 即网页能够适应多种大小的屏幕,遵循“响应式”设计原则,CSS3引入了一种新的页面方式——“Flex Box 布局”。★设计总原则★“大块套小块”,“小块套更小的块”,先绘制出页面布局草图,定好设计... ...
分类:Web程序   时间:2016-09-17 14:55:26    阅读次数:171
CSS浏览器兼容性写法小结
* , ie6,ie7可以识别; _和- , ie6可以识别; !important ,表示高优先级,ie7及以上,firefox都支持,ie6认识带!important的样式属性,但不认识!important的优先级;-webkit- ,针对safari,chrome浏览器的内核CSS写法-moz... ...
分类:Web程序   时间:2016-09-17 14:53:07    阅读次数:291
jQuery基础 (一)——样式篇(认识jQuery)
一、认识 二、jQuery对象与DOM对象是不一样的 普通处理,通过标准JavaScript处理: jQuery的处理: 通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 三、jQuery对象转化成DOM对象 注意: 【1】jQuery对象是一个类似数组的对象, ...
分类:Web程序   时间:2016-09-17 14:50:46    阅读次数:160
HTML5语义标签的实践
<article> 定义一篇文章 论坛发帖 博客文章 一篇文章 <article> <h1>标题</h1> <p>内容</p></article> <aside> 侧边栏 <aside> <h4>Epcot Center</h4> <p>The Epcot Center is a theme par ...
分类:Web程序   时间:2016-09-17 14:52:39    阅读次数:160
搞清css的单位 px,em,rem的区别
前言:现在上大街一眼望去,基本上90%的人都拿着手机,走路,逛街,吃东西都不停着,所以对于我们这种前端开发的程序猿来说,让网页适应于移动端可以说是必须要满足的。所以最近也是一直在学习和实践。然后就接触到rem这个单位,不妨就彻底弄明白这几个单位之间的区别吧。 PX特点 1. IE无法调整那些使用px ...
分类:Web程序   时间:2016-09-17 14:48:38    阅读次数:133
createDocumentFragment和insertAdjacentHTML
createDocumentFragment这个方法是用来创建一个dom碎片。我们为什么要使用这个方法,答案肯定是为了优化js。看下面这篇文章 http://www.cnblogs.com/leejersey/p/3516603.html 而insertAdjacentHTML这个方法也是用来添加h ...
分类:Web程序   时间:2016-09-17 14:46:45    阅读次数:194
初入web知识点(五)
◆CSS盒模型 包含:element元素 padding内边距 border边框 margin外边距 * 内边距padding padding是简写属性 设置值时不能为负值 值的顺序是top上→right右→bottom下→left左 设置时如不全部定义则 top的值影响right和bottom r ...
分类:Web程序   时间:2016-09-17 14:45:41    阅读次数:188
配置路由器/交换机的Telnet登录
实验一:配置路由器/交换机的Telnet登录实验目的:给配置路由器/交换机管理IP地址、设置Telnet的登录帐号、密码。第一步:配置路由器的名称、接口IP地址。Switch>Switch>enSwitch#Switch#conft配置路由器的名称。Switch(config)#hostnameRouterA配置接口IP地址RouterA(co..
分类:Web程序   时间:2016-09-17 13:37:17    阅读次数:195
Debian8添加kali源并安装metasploit
应朋友需求,他要在vps上面安装metasploit,因为kali2.0是基于debian8的,所以我建议他使用debian8。但是他说使用debian8添加kali源,更新时出现404NotFound错误。于是乎,我就亲自尝试了一下。先看一下环境root@localhost:~#cat/etc/issue.net&&uname-a DebianGNU/Lin..
分类:Web程序   时间:2016-09-17 13:35:18    阅读次数:246
cacti PHP 少见错误 PHP Warning: session_start(): open(/var/lib/php/session/
提示:PHPWarning:session_start():open(/var/lib/php/session/sess_ur0b0pbgf3f44ubludp1jloni5,O_RDWR)failed:Permissiondenied(13)in/var/www/html/cacti/include/global.php描述:帮一兄弟公司解决cacti安装问题,困扰他很久,这里直接把遇到百度里面少见的错误贴出来,分..
分类:Web程序   时间:2016-09-17 13:36:25    阅读次数:220
Html5+Lufylegend.js游戏开发(一)引擎介绍及原理
Yorhom|2013-09-26 10:30|次浏览| 游戏开发(4)HTML5(124)游戏引擎(33)Lufylegend.js(1) Html5游戏开发最近受到很多开发者的关注。但是html5本身不是为游戏开发而量身定造的,所以开发起来十分麻烦。因此挑选好的引擎对游戏开发十分有帮助。 在游戏 ...
分类:Web程序   时间:2016-09-17 13:29:55    阅读次数:234
html5,实例开发代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width,initial-scale=1 ...
分类:Web程序   时间:2016-09-17 13:32:37    阅读次数:137
JS 设计模式
1、单例模式:产生一个类的唯一实例 例如:我们在页面中添加遮罩层,每次只能有一个遮罩层存在,因此为单例模式。 在创建遮罩层之前判断是否已经存在,若没有存在,则创建。 这里使用闭包,将是mask变量封装在createMask内。 2、工厂模式:产生多个相似的实例 这里使用的是 var x = Pare ...
分类:Web程序   时间:2016-09-17 13:31:20    阅读次数:162
jQuery向父辈遍历的方法
通过DOM树可以可容易的访问到html文档中的所有元素 例如向上访问父辈的元素有以下方法 1.parent()方法可以得到所定元素的直接父元素 $("span").parent();得到<span>元素的直接父元素 2.parents()方法得到给定元素的所有父元素 $("span").parent ...
分类:Web程序   时间:2016-09-17 13:30:37    阅读次数:210
html5 --新标签
html5新标签 一、<article> 标签:标签规定独立的自包含内容, 一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发。 <article> 元素的潜在来源: 论坛帖子 报纸文章 博客条目 用户评论 <article> <h1>Internet Explorer 9</h1 ...
分类:Web程序   时间:2016-09-17 13:29:37    阅读次数:262
前端开发环境搭建 grunt bower、requirejs 、 anjular
现在web开发的趋势是前后端分离。前端采用某些js框架,后端采用某些语言提供restful API,两者以json格式进行数据交互。 如果后端采用node.js,则前后端可以使用同一种语言,共享某些可重用的Js代码,并共享构建工具。但很多时候我们可能采用别的语言,如ruby/java/scala等, ...
分类:Web程序   时间:2016-09-17 13:31:37    阅读次数:243
Jquery实现AJAX拦截
前几天项目需要实现一个AJAX拦截,于是就用jquery写了一个,这里分享一下。 需求是这样的,ajax不是我来写,所有说我是不能动ajax的,并且我也不知道什么时候它会发生,为了方便项目经理让我把它封装成一个插件,使用的时候只要给对应的元素加一个自定义属性就可以使用。 其实项目就是不想让用户多次点 ...
分类:Web程序   时间:2016-09-17 13:29:55    阅读次数:211
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!