2016年11月_机器猫zhao

原创 dedecms基本概念和操作

基本概念：1、前台：网站用户打开网站看到的页面2、后台：网站维护人员，看到的界面，可以管理网站使用前的操作：1、删除织梦目录下面的install2、修改织梦系统默认的后台管理目录（后台管理的url地址）使用操作：添加网站分类：

2016-11-30 14:37:08 510

转载 ajax详解

Ajax就是异步的JavaScript和XML。（1）创建XMLHttpRequest对象var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else {// code for

2016-11-29 09:28:52 282

原创 js知识点总结

1、js的基本数据类型Number、String、Boolean、Null、Undefined还有复杂数据类型：Object（Array、Json等）2、js有哪些内置对象Object是所有JS中所有对象的父对象数据封装类对象：Object、Array、Boolean、Number、String其他对象：Function、Arguments、Math、Date、Re

2016-11-28 08:43:38 4182 1

原创事件冒泡和事件捕获

事件冒泡和事件捕获示意图：一、事件冒泡实例：事件冒泡*{margin:0; padding:0;}window.onload = function(){ var div1 = document.getElementsByTagName('div')[0]; var oSpan = document.getElementsByTagName('span'

2016-11-25 11:13:18 348

原创 css之品字布局

1、品字布局（每块都有固定宽高）品字布局*{margin:0; padding:0;}div{ width:100px; height:100px; background:red; font-size:40px; line-height:100px; color:#fff; text-align:center;}.div1{ margin:50px auto 0;}.div2

2016-11-25 10:38:21 5772

转载如何判断js数据类型

js数据类型：基本型和复杂型基本数据类型：Number、String、Boolean、null、undefined复杂型：Objectvar a = "iamstring.";var b = 222;var c= [1,2,3];var d = new Date();var e = function(){alert(111);};

2016-11-24 16:39:06 638

原创 css总结

1、css的盒模型？盒模型：内容（content）、填充（padding）、边框（border）、外边距（margin）（1）W3C盒模型（标准盒模型）：盒子的实际大小=content+padding+border；盒子占据位置=content+padding+border+margin（2）IE盒模型：盒子实际大小=content；盒子占据位置=content+margin注意：

2016-11-24 11:15:10 634 1

原创 $(document).ready()和原生js下的window.onload的区别

区别1：$(document).ready()是规定DOM（网页文档）加载完成后网页内容加载之前执行的，也就是说在html加载完成后，图片加载之前。window.onlad()是在页面所有元素（包括图片、引用文件）加载完成后执行，也就是说页面的所有东西加载完之后在加载。区别2：$(document).ready()比window.onload()的加载速度要快如图所示：

2016-11-24 10:06:16 5085

转载 bootstrap 所用盒模型

html>head> title>title> link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js">script> scr

2016-11-23 17:04:10 3280

原创 rem和em区别

一、rem特点：1、rem根据html根目录的字体大小来计算的；2、rem不仅可设置字体大小，也可以设置元素宽高属性3、改变根目录下的字体大小，下面字体大小都会改变rem举例：html{ font-size:12px;}.box{ font-size:3em;//相当于36px}.middle{ font-size:2em;//相当于24px}.inner{ f

2016-11-23 16:51:45 759

原创 css之float详解

浮动float属性值：left：元素向左浮动right：元素向右浮动none：默认值。元素不浮动。inhert：规定从父元素继承float的属性值；浮动会让元素本身脱离文档流，对后面的元素会产生影响，会让后面元素文字环绕到浮动元素上。 Document *{ margin: 0; padding: 0; } .bo

2016-11-23 14:51:19 2376

原创右边固定宽度，左边自适应宽度

1、左边左浮动，margin-left负值，右边右浮动 Document *{ margin: 0; padding: 0; } .left{ float: left; width: 100%; height: 300px; background: #000; margin-right: -200px; font-size: 40px;

2016-11-23 14:29:27 545

原创左侧固定宽度，右侧自适应宽度铺满剩余屏幕

1、第一种办法 Document *{ margin: 0; padding: 0; } .left{ width: 200px; float: left; background: #000; height: 300px; color: #fff; font-size: 40px; } .right{ background: red;

2016-11-23 13:53:04 3846

原创 cookie和session区别

1、cookie数据是存放到客户的浏览器上，session数据放到服务器上2、cookie不是很安全，别人可以分析存放到本地的cookie并进行cookie欺骗，session比较安全；3、session会在一定时间内保存到服务器上。当访问增多，会比较占用你服务器的性能，考虑减轻服务器性能方面，使用cookie；4、单个cookie保存的数据不能超过4k，很多浏览器限制一个站点最多保存

2016-11-23 13:35:08 332

原创 HTML常见总结

1、Doctype作用？严格模式与混杂模式如何区分？有何意义？Doctype是文档类型，作为文档声明，位于文档最前面位置，告诉浏览器使用哪种html或者Xhtml规范。严格模式是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法；混杂模式是一种向后兼容的解析方法，可以实现IE5.5以下版本的浏览器的渲染解析。2、HTML5只需要写为啥？因为HTML5

2016-11-08 13:55:59 288

前端小菜