自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 【Leetcode】100.Same Tree

方法一:递归 思路: (1)若两棵树都为空,则返回true。 (2)若其中一棵树为空而另一棵树不为空,则返回false。 (3)否则判断根节点是否相等,以及左子树是否相同,右子树是否相同。 /** * Definition for a binary tree node. * public c...

2016-12-31 09:39:38 389 2

原创 浅谈jQuery代码优化之事件委托(事件绑定)——bind()|live()|delegate()|on()|off()|one()方法

jQuery 1.7开始,on()方法提供绑定事件处理程序所需的所有功能,是 bind()、live() 和 delegate() 方法的新的替代品。live() 方法在 jQuery 版本 1.7 中被废弃,在版本 1.9 中被移除。 格式:$(selector).on(event,childS...

2016-12-30 20:39:08 734 0

原创 浅谈blur与click冲突的问题

blur事件:当元素失去焦点时触发。 click事件:当点击元素时触发。

2016-12-30 14:06:26 4273 2

原创 【Leetcode】88. Merge Sorted Array

思路: (1)逐个处理nums2的每一个节点。 (2)对nums2的每一个节点nums[i],在nums1中查找第一个不小于该节点值的节点,其下标为j (3)从nums1的最后一个节点开始逐个后移,将nums2[i]插入到nums1[j]的位置,j++。 (4)注意:每插入一个nums2的元素,n...

2016-12-30 09:55:17 262 0

原创 【ife】任务二十一:基础JavaScript练习(四)

document.getElementById("tag").onkeypress = function(e) { var ev = e || window.event; var key = ev.keyCode || ev.which || ev.charCode; s...

2016-12-29 21:52:10 311 0

原创 浅谈jQuery模拟12306城市选择框的实现

#parent{ width:500px; position:relative; } #text{ height:25px; } #select{ width:420px; height:185px; position:abs...

2016-12-29 19:14:23 1426 1

原创 【Leetcode】83. Remove Duplicates from Sorted List

方法一:非递归 思路: (1)p1指向头结点,p2指向p1的下一节点。 (2)若p1的值等于p2的值,则p2后移,直到p1的值不等于p2的值。 (3)将p1的next指向p2,p1指向p2。 /** * Definition for singly-linked list. * public c...

2016-12-29 10:11:46 223 0

原创 【ife】任务二十:基础JavaScript练习(三)

function left_in(){ var content = document.getElementsByTagName("textarea")[0].value; var contents = content.split(/[^0-9a-zA-Z\u4e00-\u9...

2016-12-28 21:10:50 335 0

原创 【Leetcode】67. Add Binary

思路: (1)先求a、b长度的较大值len。 (2)在a和b中较短的字符串前面补齐0。 (3)用flag记录每一位的进位,result记录求和结果。 (4)从后往前遍历a和b,让相应位相加并加上flag,若和temp不小于2,则flag置为1,将temp对2取余后加到result前面,否则flag...

2016-12-28 09:56:54 316 0

原创 浅谈JavaScript实现可视化展示冒泡排序过程

JavaScript实现可视化展示冒泡排序过程 #boxes{ border:1px solid grey; width:1320px; height:300px; margin-top:10px; position:relative; }...

2016-12-27 22:21:30 1339 0

原创 【ife】任务十九:基础JavaScript练习(二)

var count = 0; function left_in(){ var number = document.getElementById("text").value; if (isNaN(number) || (number 100)) alert("...

2016-12-27 21:53:14 463 0

原创 【ife】任务十八:基础JavaScript练习(一)

function left_in(){ var number = document.getElementById("text").value; if (isNaN(number)) alert("请输入数字"); else { var tex...

2016-12-27 19:22:43 517 0

原创 浅谈JavaScript DOM绘制柱状图

JavaScript DOM绘制柱状图 #chart-wrap{ width:910px; height:240px; border:solid 1px #B3B3DC; position:relative; top:40px; ...

2016-12-27 10:58:17 587 0

原创 【Leetcode】66. Plus One

方法一: 思路: (1)从后往前,判断每一位。 (2)若该位小于9,则原数组的该位直接加一,返回原数组即可。 (3)一旦找到某一位等于9,则原数组的该位置为0,并从该位的前一位开始继续查找小于9的那一位,再查找过程中将原数组的对应位置为0,若没找到小于9的那一位,则新建一个长度为原数组长度加一的数...

2016-12-27 10:25:33 258 0

原创 【ife】任务十七:零基础JavaScript编码(五)

function getDateStr(dat) { var y = dat.getFullYear(); var m = dat.getMonth() + 1; m = m < 10 ? '0' + m : m; var d = dat.getDate(); ...

2016-12-26 22:13:20 360 0

原创 【Leetcode】58. Length of Last Word

方法一: 思路: (1)先去掉首尾的空格。 (2)再按空格分割得到子串数组。 (3)返回最后一个数组元素的长度即可。 public class Solution { public int lengthOfLastWord(String s) { if (s == null ...

2016-12-26 11:40:08 209 0

原创 【ife】任务十六:零基础JavaScript编码(四)

HTML代码: 任务十六:零基础JavaScript编码(四) 城市名称: 空气质量指数: 确认添加 JavaScript代码: var aqiData = {}; function addAqiData() { var city ...

2016-12-26 11:11:38 436 0

原创 【ife】任务十五:零基础JavaScript编码(三)

任务十五:零基础JavaScript编码(三) 北京空气质量:90 上海空气质量:70 天津空气质量:80 广州空气质量:50 深圳空气质量:40 福州空气质量:32 成都空气质量:90 排序 functio...

2016-12-25 19:26:38 320 0

原创 【ife】任务十四:零基础JavaScript编码(二)

任务十四:零基础JavaScript编码(二) 污染城市列表 var aqiData = [["北京", 90],["上海", 50],["福州", 10],["广州", 50],[&qu...

2016-12-25 18:45:06 380 0

原创 【ife】任务十三:零基础JavaScript编码(一)

任务十三:零基础JavaScript编码(一) 请输入北京今天空气质量: 确认填写 您输入的值是:尚无录入 function display() { document.getElementById("aqi-display").innerText = ...

2016-12-25 18:12:55 330 0

原创 浅谈纯CSS实现轮播

.box{ position:absolute; width:20px; height:20px; background:grey; color:white; text-align:center; font-family:Microsoft ...

2016-12-25 17:23:29 1223 0

原创 浅谈jQuery实现轮播

#frame{ width:700px; height:300px; position:relative; } #img2,#img3{ display:none; } .box{ position:absolute; wid...

2016-12-25 17:18:15 222 0

原创 【Leetcode】38. Count and Say

方法一:非递归 思路: (1)依次求第i个String。 (2)每一次求解,用temp保存暂时的结果,求解后赋给result。 (3)遍历每个result,j记录待判断个数的字符,k用于判断,一旦与j字符不等,立即写入temp。 public class Solution { public...

2016-12-25 11:27:56 177 0

原创 浅谈如此有用的负margin

1、去除最右元素的右边距 当父元素的宽度固定时,每一行的最右端的元素的右边距多余,利用负margin可以去除多余的右边距。 body,ul,li{ padding:0; margin:0; } ul,li{ list-style:none; ...

2016-12-24 11:03:00 390 0

原创 【Leetcode】36. Valid Sudoku

思路: (1)用row[]记录当前行0-9是否出现过,用col[]记录当前列0-9是否出现过,用nine[]记录当前3*3小块0-9是否出现过。 (2)判断每一行,遍历该行的每个字符,对于非“.”,若该字符已出现过,则直接返回false,否则标记该字符已出现过。 (3)判断每一列,遍历该列的每个字...

2016-12-24 09:33:26 253 0

原创 浅谈CSS3新特性——动画animation

animation-timing-function:linear指定动画从头到尾的速度相同 animation-fill-mode:forwards在动画结束后(由 animation-iteration-count 决定),动画将应用该属性值。 1、创建动画: @keyframes规则——指定...

2016-12-23 19:28:07 835 0

原创 浅谈Flexbox布局

1、Flexbox布局:弹性布局,w3c提出,能够简便地、响应式地实现各种页面布局。 ---任何一个容器都可以指定为Flexbox布局: display:flex; ---行内元素的Flexbox布局: display:inline-flex; ---Webkit内核的浏览器,必须加上-webki...

2016-12-23 13:59:33 541 0

原创 【Leetcode】28. Implement strStr()

思路: (1)先求haystack与needle长度的差值minus,遍历haystack只需遍历到minus即可。 (2)对每一次遍历,判断needle的字符是否一一相等,一旦某个字符不相等,立即break进行下一次遍历。 public class Solution { public i...

2016-12-23 11:40:11 209 0

原创 【ife】任务十二:学习CSS 3的新特性

table{ border-collapse:collapse; margin:20px; } tr:nth-child(odd){ background:grey; } tr:first-child{ background:black; color:white; } tr:nth-child(2...

2016-12-23 10:56:14 360 0

原创 【ife】任务十一:移动Web页面布局实践

header{ width:100%; height:60px; background:blue; font-size:30px; font-family:Microsoft Yahei; color:white; } #return{ float:left; width:10%;...

2016-12-22 16:15:13 442 0

原创 【Leetcode】27. Remove Element

思路: (1)index记录新数组的长度。 (2)对数组进行一次遍历,对每一个元素,判断是否与给定值相等,若不相等,将该元素放在index位置,并对index加一。 public class Solution { public int removeElement(int[] nums, ...

2016-12-22 11:20:40 335 0

原创 【ife】任务十:Flexbox 布局练习

任务十:Flexbox 布局练习 body{ padding:20px; margin:0; } #container{ display:flex; justify-content:space-between; align-items:center; ...

2016-12-22 10:35:25 621 2

原创 【Leetcode】26. Remove Duplicates from Sorted Array

方法一: 思路: (1)双指针index和i,index记录不重复元素的位置,i从index的下一个开始遍历数组。 (2)如果i位置的数字等于index位置的数字,说明该数字重复出现,不予处理。 (3)如果i位置的数字不等于index位置的数字,说明该数字没有重复,需要放到index的下一位置,并...

2016-12-21 11:46:57 326 0

原创 【ife】任务九:使用HTML/CSS实现一个复杂页面

#total{ width:1300px; font-family:Microsoft YaHei; } header{ width:100%; height:60px; background:blue; } #logo{ margin-left:50px; margin-top:1...

2016-12-21 09:56:34 626 0

原创 浅谈Bootstrap标签页

HTML代码: 项目一 项目二 项目三 购买材料1购买材料2购买材料3购买材料4 购买材料5购买材料6购买材料7购买材料8 购买材料9购买材料10购买材料11购买材料12 购买材料13购买材料14购买材料15购买材料16 ...

2016-12-20 21:41:07 366 0

原创 浅谈CSS+jQuery实现标签页

预期效果: CSS代码: #tabs{ width:600px; height:250px; background:white; margin:10px; } #tabs ul{ float:left; margin:20px 0 0 20px; padding:0;...

2016-12-20 21:07:36 309 0

原创 浅谈Bootstrap进度条

1、默认的进度条 添加一个带有class .progress 的div,在其内添加一个带有 class .progress-bar 的空div,为空div添加一个以百分比表示的style属性,如 style="60%"表示进度条在60%的位置。   2、不同样式的进度条 添加一...

2016-12-20 15:40:23 461 0

原创 【Leetcode】24. Swap Nodes in Pairs

方法一: 思路: (1)p1指向空,p2指向头节点,p3指向头结点的下一节点。 (2)遍历整个链表直到p3为空。 (3)每次遍历,将p2的next指向p3的next,再将p3的next指向p2,若p1为空,则头指针指向p3,否则将p1的next指向p3。 (4)每次遍历后,将p1指向p2,若p1为...

2016-12-20 11:32:40 212 0

原创 浅谈Bootstrap轮播

轮播 #circleContent{ width:150px; height:150px; } $(document).ready(function(){ $('#circleContent').ca...

2016-12-20 10:13:38 467 0

原创 浅谈CSS+jQuery实现折叠菜单

折叠菜单 body{ background:grey; font-family:Microsoft Yahei; color:white; } .types a{ text-decoration:none; color:white; } .t...

2016-12-20 09:29:00 1485 0

提示
确定要删除当前文章?
取消 删除