2016年07月_gigi就是我

原创块级元素、行内元素、空元素

斜体为html5新增标签，黑体为常用常见标签：块级元素：addressarticleblockquotecanvasdddivdlfieldsetfigurefooterformh1 h2 h3……headerlimainnavolpsectiontableulvideo行内元素：b, big, i, small, ttabbr, acronym,

2016-07-28 17:04:25 632

原创 CSS学习笔记：inline和inline-block的区别

display:inline 该元素生成一个或多个行内框display:inline-block 该元素生成一个块级别框，但是整个框的行为就像是一个内联元素。inline 和 inline-box的区别在于：margin与padding inline元素只能设定左右margin、padding，上下的是不起作用的inline-block的上下左右都可以设定margin和paddingwi

2016-07-28 16:17:46 4929

原创 CSS学习笔记：链接的样式声明顺序

利用伪类对链接的各个状态进行样式声明，由于每一条规则的权重相同，因此影响其作用的只有顺序了。a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。a:active 必须被置于 a:hover 之后，才是有效的。a:link与a:visited顺序无所谓为了方便记忆，正确的顺序应为：LVHA:link {color:blue;}:visited {colo

2016-07-24 11:48:57 474

原创 CSS学习笔记：优先级

一个规则的优先级按如下规则计算：a：ID选择器的数量b：类选择器、属性选择器、伪类选择器的数量c：元素选择器、伪元素选择器数量忽略通配选择器和结合符Examples:* /* a=0 b=0 c=0 -> specificity = 0 */li /* a=0 b=0 c=1 -> specificity = 1 */ul

2016-07-24 11:08:37 412

原创 jsp页面的s标签中应用java的静态变量

实验室的项目使用的是struts2框架，这样就会在jsp页面中存在一些s标签的使用。今天碰到了一个任务，是用s:if比较后台返回的变量与java的一个静态变量是否相等，本来想的很简单：jsp页面import一下静态变量的类，然后直接比较，但是貌似s标签不支持<% %>这种形式，因此思来想去只能利用request：<% request.setAttribute("aliyun",

2016-07-24 10:39:21 1176

转载 JS学习笔记：类型转换

JavaScript 是弱类型语言，所以会在任何可能的情况下应用强制类型转换。// 下面的比较结果是：truenew Number(10) == 10; // Number.toString() 返回的字符串被再次转换为数字10 == '10'; // 字符串被转换为数字10 == '+10 '; // 同上10 == '010'; //

2016-07-21 22:33:45 415

原创 leetcode解题笔记：146. LRU Cache

思路：通过hashMap维护一个大小为capacity的cache，可以快速地查找要get和set的key是否已在cache中。通过一个双向链表来维持对元素操作的时间，最近操作的在链表的最后，反之最久之前操作的在链表的头部。当对一个链表中（cache）已有的元素进行操作时，将其从原来的位置移除，加到末尾。具体过程：get(key)：利用HashMap查看此key是否已经存在。若存在，则

2016-07-19 21:59:53 1451

原创 jQuery事件：mouseleave 与 mouseout 的不同

这两天给团队做一个类似京东首页目录分类的组件：这里实现的是当鼠标hover左侧的商品分类时，右侧显示出分类面板，当鼠标移出分类区域时，面板隐藏。在实现鼠标移出面板隐藏的时候，一开始考虑为整个分类区域绑定mouseout事件，但发现只要鼠标在各个子元素li之间切换，就会触发此事件。后来考虑使用mouseleave，成功实现功能。总结一下：mouseout：不论鼠标指针离开被选元素还是任何子元素，都会

2016-07-19 16:36:43 1730

原创 leetcode解题笔记：84. Largest Rectangle in Histogram

题目地址：84. Largest Rectangle in Histogram此题是求直方图中最大的矩形面积，思路就是：对于每一个高度为h直方图。找它左边第一个比它矮的位置i，右边第一个比他矮的位置j，那么以h为高度的最大矩形面积即为h*(j-i-1).如题中高度为5的矩形，左边第一个比它矮的是高度为1的直方，位置是1，右边第一个比它矮的是高度为2的直方，位置为4，则高度为5的矩形最大面积为5*（4

2016-07-18 22:41:56 1031

转载 js学习笔记：命名空间

只有一个全局作用域导致的常见错误是命名冲突。在 JavaScript中，这可以通过匿名包装器轻松解决。(function() { // 函数创建一个命名空间 window.foo = function() { // 对外公开的函数，创建了闭包 };})(); // 立即执行此匿名函数匿名函数被认为是表达式；因此为了可调用性，它们首先会被执行。( // 小括

2016-07-17 16:59:37 482

转载 JS学习笔记：变量提升

JavaScript 会提升变量声明。这意味着 var 表达式和 function 声明都将会被提升到当前作用域的顶部。bar();var bar = function() {};var someValue = 42;test();function test(data) { if (false) { goo = 1; } else { var go

2016-07-17 16:57:57 697

原创 leetcode解题笔记：backtracking类型解题思路

基本概念： backtracking（回溯算法）也叫试探法，它是一种系统地搜索问题的解的方法。回溯算法的基本思想是：从一条路往前走，能进则进，不能进则退回来，换一条路再试。回溯算法说白了就是穷举法。不过回溯算法使用剪枝函数，剪去一些不可能到达最终状态（即答案状态）的节点，从而减少状态空间树节点的生成。回溯法是一个既带有系统性又带有跳跃性的的搜索算法。它在包含问题的所有解的解空间树中，按照深

2016-07-16 15:32:13 16466 4

原创 leetcode解题笔记：127. Word Ladder

题目要求： Given two words (beginWord and endWord), and a dictionary’s word list, find the length of shortest transformation sequence from beginWord to endWord, such that:Only one letter can be changed at

2016-07-16 15:02:43 1096

原创 Java格式化UTC格式时间

做iaas项目时阿里云给的接口的过期时间格式是2016-08-12T16:00Z这样的，查了一下是UTC格式，要把其格式化成Date类型：SimpleDateFormat df2 = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm'Z'");df2.setTimeZone(TimeZone.getTimeZone("UTC"));dt2 = df2.parse(

2016-07-14 10:25:11 12066

原创 JS闭包学习笔记（3）：模块

function coolModule(){ var something = "cool"; var another = [1,2,3]; function doSomething(){ console.log(something); } function doAnother(){ console.log(another.joi

2016-07-11 11:19:22 683

原创 JS闭包学习笔记（2）：循环和闭包

经典例子：for(var i=1;i<=5;i++){ setTimeout(function timer(){ console.log(i); },i*1000);}最终的结果并不如我们期待的打印出1,2,3,4,5，而是打印出6,6,6,6,6.setTimeout的回调函数timer会在循环结束后才开始执行，因此会输出i最后的值6.即使将setTimeout的

2016-07-07 11:11:37 567

原创 JS闭包学习笔记（1）：什么是闭包

闭包：当一个函数在其被声明的作用域环境外被执行时，它可以记住和使用它原本作用域链中的变量。function foo(){ var a = 2; function bar(){ console.log(a); } return bar;}var baz = foo();baz(); //2bar函数可以使用foo函数内的变量。而当最后baz函数执行时

2016-07-07 11:10:26 442

(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭