从何谈起-CSDN博客

原创 css水平垂直居中

css水平垂直居中的几种方法要求：子元素和父元素宽高不确定，需要设置子元素水平垂直居中，效果如下图：这里提供几种简单的实现方法：1.使用margin:auto属性实现【兼容IE7以上大部分浏览器】首先这个元素和它的父元素都要设置定位，其中这个要水平垂直居中的元素需设置绝对定位absolute，然后再给它设置样式{left: 0;right: 0;top: 0;bottom: 0;margi...

2018-05-31 15:56:46 166

原创关于一些动态创建的节点无法绑定事件的问题

在我们HTML页面中有时候一些DOM元素节点（例如：一些页面加载的新闻公告列表[如图一]）是需要通过AJAX请求接口数据动态创建的，而当我们想在JS中想为这些节点绑定事件（如：click,hover...等）时便会出现无法绑定的情况，使用window.onload方法在页面加载后才执行也不行。图一：解决办法：使用JQ提供的.on（）和.delegate（）方法可以解...

2018-05-18 14:22:23 807

原创在输入中文未完成选择时不让其执行键盘输入值改变的监听事件

当时是在做Wes Bos的javascript30的一个挑战。在做第六个项目（根据输入框实时调用AJAX古诗匹配）时，当我们输入中文拼音，还在拼音字符状态未选择成中文时，一直在执行我编写的事件监听处理函数（当输入框里的值有变化时执行此函数，调用AJAX在页面显示数据里包含这些字的古诗）。而我想要的是在我们输入拼音未完成中文选择时，不让其执行我们的监听处理函数，只有选择完中文后才去执...

2018-05-18 13:20:41 625

转载 HTML里的数据存储用法和风险分析

在使用html5中localStorage，sessionStorage,cookie或者webDatabase（目前仅pc上部分浏览器支持）进行离线数据存储，转场数据交互，比如保存游戏状态，网络游戏脱机体验，另外，有时候在网络连接断开时为了能够正常浏览网站一般使用 manifest缓存，这里manifest暂时不说了，有兴趣可以自己去百度检索。1.Cookie风险分析:cookie的

2017-07-10 16:49:58 361

原创关于jQuery中hover事件的一个小bug

在jQuery中有一个hover()方法，它可以实现模拟css中：hover这个伪类的效果。css伪类写法如下：a:hover, a.hover { color: #ccc;}jQuery中hover()方法如下：$("a").hover(function(){ $(this).css({"color":"#ccc"}); console.log(1);})

2017-06-08 10:38:41 2663 1

原创 HTML5本地存储

HTML5为我们提供了在客户端存储数据的新方法即web storage本地存储：其中包含了 localStorage (一种没有时间限制的数据存储)和 sessionStorage (针对一个会话的数据存储)。本地存储localStorage 和 sessionStorage 介绍localStorage 方法：存储的数据没有时间限制,除非手动删除。否则第二天、第二周或

2017-05-03 09:41:36 393

原创设置子元素在一个不清楚宽高的父元素中垂直居中

通过以下两种方法便可以实现垂直居中的操作了，并且可以实现子元素在一个不清楚宽高的父元素中垂直居中的效果。方法1. 使用定位和负margin可以实现。（缺点：这种方法可以不用知道父元素的宽高，但是必需得知道子元素的宽高才可以设置）<style type="text/css"> .parent{ /*父元素宽高随便设置*/ width: 700px;

2017-03-27 11:13:10 1538 1

原创关于数组的那些事-数组排序

数组排序的方法一大堆，常见的数组排序算法有：1.快速排序（从给定的数据中，随机抽出一项，这项的左边放所有比它小的，右边放比它大的，然后再分别这两边执行上述操作，采用的是递归的思想，总结出来就是　实现一层，分别给两边递归，设置好出口）；2.插入排序（在已经排好序的数组中插入到相应的位置，以从小到大排序为例，扫描已经排好序的片段的每一项，如大于，则继续往后，直到他小于一项时，将其插入到这项的前

2017-03-25 12:27:12 292

原创关于数组的那些事-数组去重

1.数组去重的js代码如下：var arr1=[5,16,4,1,5,14,16];var arr2=[];for (var i=0;iif (arr2.indexOf(arr1[i]) == -1) {arr2.push(arr1[i]);}}console.log(arr2)；2.关于数组去重，我使用的是js的indexOf（）这个方法：inde

2017-03-25 10:35:55 278

转载 for循环，定时器，闭包混合一块的那点事。

1，对于一个基本的for循环，顺序输出变量值。 for(var i = 1; i ){ console.log(i);//结果不多说了吧 }2，如果for循环中有定时器，如下代码。 for (var i = 1; i ) { setTimeout(function() { conso

2017-03-21 09:20:50 455

qq_36008786的博客