2018年05月_Essentric_

原创原生JS实现事件委托

什么是事件委托？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。举个栗子：有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。前台MM收到快递后，她会判断收件人是谁，然后按照收件人的要求签收，甚至代为付款。这种方案还有一个优...

2018-05-29 19:39:32 7889

原创图片随鼠标无限旋转实例

HTML代码： <div class="box"> <img src="timg.jpg" id="image" style="width: 400px;height: 300px;"> </div> CSS代码： .box{ width: 400px; hei

2018-05-26 17:50:47 1194 2

原创数组去重

function fn (arr) { var arrNew = []; for (var i = 0; i < arr.length; i++) { // indexof() 判断arrNew中是否存在arr[i],若不存在则返回-1 if(arrNew.indexOf(arr[i]) == -1){ // 若不存在则...

2018-05-26 17:46:48 114

原创多行文字垂直居中

单行文字垂直居中单行文字垂直居中比较简单，只需将 line-height 属性值与其父元素的 height 属性值设为相等即可。如下所示： .text{ line-height: 20px; height: 20px; } 多行文字垂直居中 HTML代码： &lt;div class="content"&gt; &lt;span class="text"&am

2018-05-26 17:41:25 446

原创图片垂直水平居中

效果预览： HTML代码： <div class="container middle"> <a href="#"> <img src="timg.jpg" class="show"> </a> </div> CSS代码： .container{ /* 此容器的

2018-05-26 17:18:22 169

转载 Flex布局

内容引用自阮一峰大神的博客：http://www.ruanyifeng.com/blog/ Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 Webkit 内核的浏览器，必须加上-webkit前缀。注意，设为 Flex 布局以后，子元素的float、clear和vertical-alig...

2018-05-24 13:47:38 126

原创解决Ajax跨域请求的三种方式

如何解决跨域问题什么叫跨域：主机、协议、端口三者有任何一个不同即为跨域 1. JSONP 　　JSONP是JSON with Padding的略称。它是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。　　 2. 添加响应头，允...

2018-05-17 21:52:34 811

一，git历史： Linus在1991年创建了开源的Linux，因为Linux是开源的，所以Linux的壮大是靠全世界热心的志愿者参与的，这么多人在世界各地为Linux编写代码，那么就要考虑如何管理这些代码，Linux最开始是手工的方式合并代码。但是随着Linux发展不断壮大，代码也越来越多，人工合并的方式不再现实，同时社区的弟兄们也对这种方式表达了强烈不满。于是Linus选择了一个商业的版本控...

2018-05-16 22:33:19 141

原创浏览器兼容性问题整理

一：不同浏览器的标签默认的外边距和内边距不同。问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。解决方案：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外边距为0。二：块属性标签float后，又有横向的margin情况下，在IE6中显示的margin比设置的大。问题症状: 常见症状是IE6中后...

2018-05-04 22:55:40 166

Essentric_