2016年12月_筱葭

原创【Leetcode】100.Same Tree

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

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

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

jQuery 1.7开始，on()方法提供绑定事件处理程序所需的所有功能，是 bind()、live() 和 delegate() 方法的新的替代品。live() 方法在 jQuery 版本 1.7 中被废弃，在版本 1.9 中被移除。格式：$(selector).on(event,childSelector,data,function,map);参数描述e

2016-12-30 20:39:08 1066

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

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

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

原创【Leetcode】88. Merge Sorted Array

思路：(1)逐个处理nums2的每一个节点。(2)对nums2的每一个节点nums[i]，在nums1中查找第一个不小于该节点值的节点，其下标为j(3)从nums1的最后一个节点开始逐个后移，将nums2[i]插入到nums1[j]的位置，j++。(4)注意：每插入一个nums2的元素，nums1当前元素总数m++。public class Solution { pub

2016-12-30 09:55:17 309

原创【ife】任务二十一：基础JavaScript练习（四）

document.getElementById("tag").onkeypress = function(e) { var ev = e || window.event; var key = ev.keyCode || ev.which || ev.charCode; switch(key) { case 32: case 13: case 10: case 44:

2016-12-29 21:52:10 436

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

#parent{ width:500px; position:relative; } #text{ height:25px; } #select{ width:420px; height:185px; position:absolute; top:30px; left:0; border:1px sol

2016-12-29 19:14:23 1785 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 class ListNode { * int val; * ListNod

2016-12-29 10:11:46 276

原创【ife】任务二十：基础JavaScript练习（三）

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

2016-12-28 21:10:50 444

原创【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置为0，将temp直接加到result前面。public class Solution {

2016-12-28 09:56:54 418

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

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

2016-12-27 22:21:30 1756

原创【ife】任务十九：基础JavaScript练习（二）

var count = 0;function left_in(){ var number = document.getElementById("text").value; if (isNaN(number) || (number 100)) alert("请输入10-100的数字"); else if (count < 60) { count++; var divEleme

2016-12-27 21:53:14 614

原创【ife】任务十八：基础JavaScript练习（一）

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

2016-12-27 19:22:43 669

原创浅谈JavaScript DOM绘制柱状图

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

2016-12-27 10:58:17 1046

原创【Leetcode】66. Plus One

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

2016-12-27 10:25:33 322

原创【ife】任务十七：零基础JavaScript编码（五）

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

2016-12-26 22:13:20 494

原创【Leetcode】58. Length of Last Word

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

2016-12-26 11:40:08 270

原创【ife】任务十六：零基础JavaScript编码（四）

HTML代码：任务十六：零基础JavaScript编码（四）城市名称：空气质量指数：确认添加 JavaScript代码：var aqiData = {};function addAqiData() { var city = document.getElementById("aqi-city-input").value.t

2016-12-26 11:11:38 569

原创【ife】任务十五：零基础JavaScript编码（三）

任务十五：零基础JavaScript编码（三）北京空气质量：90 上海空气质量：70 天津空气质量：80 广州空气质量：50 深圳空气质量：40 福州空气质量：32 成都空气质量：90 排序 function getData() { var data = new Array(); var l

2016-12-25 19:26:38 441

原创【ife】任务十四：零基础JavaScript编码（二）

任务十四：零基础JavaScript编码（二）污染城市列表 var aqiData = [["北京", 90],["上海", 50],["福州", 10],["广州", 50],["西安", 100],["成都", 90]]; (function () { aqiData.sort( function(a, b) { retur

2016-12-25 18:45:06 521

原创【ife】任务十三：零基础JavaScript编码（一）

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

2016-12-25 18:12:55 429

原创浅谈纯CSS实现轮播

.box{ position:absolute; width:20px; height:20px; background:grey; color:white; text-align:center; font-family:Microsoft Yahei; } #move1{ bottom:0; left:240px

2016-12-25 17:23:29 1368

原创浅谈jQuery实现轮播

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

2016-12-25 17:18:15 323

原创【Leetcode】38. Count and Say

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

2016-12-25 11:27:56 255

原创浅谈如此有用的负margin

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

2016-12-24 11:03:00 497

原创【Leetcode】36. Valid Sudoku

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

2016-12-24 09:33:26 308

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

animation-timing-function:linear指定动画从头到尾的速度相同animation-fill-mode:forwards在动画结束后（由 animation-iteration-count 决定），动画将应用该属性值。1、创建动画：@keyframes规则——指定一个CSS样式，动画将逐步更改样式。可以改变任意多的样式任意多的次数。用百分比或用关键词"

2016-12-23 19:28:07 1096

原创浅谈Flexbox布局

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

2016-12-23 13:59:33 712

原创【Leetcode】28. Implement strStr()

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

2016-12-23 11:40:11 266

原创【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),tr:nth-child(3),tr:nth-child(4){colo

2016-12-23 10:56:14 484

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

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

2016-12-22 16:15:13 566

原创【Leetcode】27. Remove Element

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

2016-12-22 11:20:40 382

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

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

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

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

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

2016-12-21 11:46:57 369

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

#total{ width:1300px; font-family:Microsoft YaHei;}header{ width:100%; height:60px; background:blue;}#logo{ margin-left:50px; margin-top:15px;}#login{ width:500px; height:60px; float:r

2016-12-21 09:56:34 821

原创浅谈Bootstrap标签页

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

2016-12-20 21:41:07 464

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

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

2016-12-20 21:07:36 424

原创浅谈Bootstrap进度条

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

2016-12-20 15:40:23 724

原创【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为空，直接返回head，否则，将p2指向p1的next，若p2为空，直接返回head，否则，将

2016-12-20 11:32:40 264

原创浅谈Bootstrap轮播

轮播 #circleContent{ width:150px; height:150px; } $(document).ready(function(){ $('#circleContent').carousel({interval:5000});//每隔5秒自动轮播 });

2016-12-20 10:13:38 570

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

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

2016-12-20 09:29:00 1863

空空如也

空空如也