- 博客(16)
- 收藏
- 关注
RSS订阅
原创 响应式Web设计读书笔记与实践
前段时间在微博上看到了几个在当今前端圈中的大牛的撕逼大战，作为一个前端小白来说就只是看热闹的，热闹中看到了两本书，《无懈可击的Web设计》和《响应式Web设计》，前者没有买到纸质版，后者刚好在快要缺货的时候买到了，所以这段时间一直在看这本书，所以可想而知，这篇博文的观点也都不是我的，只是把书中的内容理解化后形成了本文。不出意外的话，这是一篇需要历经一段时间的长文。1. HTML5、CSS3及响应式设
2016-02-26 11:24:37
4615
原创 CSS3选择器学习笔记
CSS3选择器本文为本人CSS3学习笔记，文中所介绍内容以及源代码均出自： 图解css3核心技术与案例实战 W3CPlus 强烈推荐！！！要使某个样式应用于特定的HTML元素，首先需要找到该元素。在CSS中，执行这一过程任务的表现规则称为CSS选择器，它为获取目标元素之后施加样式提供了极大的灵活性。CSS3选择器在常规选择器的基础上新增了属性选择器、伪类选择器和过滤选择器，可以帮助在开发中减少
2015-08-13 17:27:16
2280
6
原创 基于React实现项目中状态型变量的数据驱动可视化
经历了一段时间无代码的日子后，最近几天又开始着手于写代码了。上午出去看了超俪的《恶棍天使》，虽然说也笑了很多，但是还是觉得很多地方纯粹就是为了笑而制造笑点，电影本可以传递友情啊亲情啊什么的，但是最后却定格在了喜剧上，可圈可点。言归正传。最近在做实验室项目的时候一直希望摆脱原来的思维方式进而让自己可以获得进步，所以在做一些新的方面的思考与尝试，在原来项目中的状态型变量可视化上代码和逻辑可以说是具有相当
2015-12-24 21:14:39
1935
原创 去哪儿网面试总结
前天参加了一下去哪儿校园招聘的面试，光荣的在第一面就挂了，虽然面试我的是重大计算机的已毕业学生。本来吧，其实都没想过通过笔试环节的，但是面试也还是挂在了笔试的那一堆题目中，这两天就好好研究了一下，稍作总结于此。一、 题目中给了一个表格，里边是父母双亲的血型以及对应的子女可能出现的血型，要求用JavaScript实现功能：根据父母血型判断子女可能出现的血型；根据父母以及子女的血型判断子女是否为亲生。这
2015-09-14 19:03:31
1386
原创 聊聊实际开发中经常遇到的DOM中Property和Attribute问题
在JavaScript中，每个DOM节点都是一个Object对象，都有自己的property和method，原则上property应该仅供js操作，不会出现在html中（非自定义的默认属性除外）。同时，attribute也出现在DOM中，在DOM API中提供了getAttribute/setAttribute方法来获取和改变它的值，最后作用于html中。此两者的取值经常相同，但是在实际项目开发中也
2015-09-05 12:58:18
710
原创 初识React以及15个由简到难的React demo
React-demoReact是Facebook开源的JavaScript库，用于构建UI。在React里可以传递多种类型的参数，如声明代码，帮助渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。所有实例源代码均已托管于github，详情点击 React-simple-demo(https://github.com/liujianhuanzz/React-
2015-08-09 17:33:27
6709
原创 Flex弹性伸缩布局
Flex弹性伸缩布局 问题引出：在前段时间写过一篇文章描述了关于两层div的水平垂直居中问题，当时采用的是最传统的布局方式，可见原文http://blog.csdn.net/liujianhuan0622/article/details/46663265，其实CSS3中的Flex布局，可以更加方便的解决这类问题。 任何一个容器都可以指定为Flex布局.box{display
2015-07-15 16:14:02
3054
原创 JavaScript中setTimeout的作用域以及this指向问题
setTimeout是window对象下的一个方法，常见用法就是让某个方法延迟执行，伴随着此方法的使用会带来一个this指向的问题，以前都是听说，今天终于实际遇到了。还是老规矩一般的先上一句JavaScript高级程序设计中的一句话：超时调用的代码都是在全局作用域中执行的，因此函数中的this的值在非严格模式下指向window对象，在严格模式下是undefined。接下来针对非严格模式下写一下测试
2015-07-04 10:35:13
859
原创 JavaScript中的作用域和作用域链（二）
接上一回继续学习JavaScript中的作用域和作用域链。从作用域链的结构可以看出来，在execution context的作用域链中，标识符所在的位置越深，读写速度就会越慢。如图上一回最后一图所示，全局变量总是存在于execution context作用域链的最末端，因此在标识符解析时候，查找全局变量是最慢的。所以，在编写代码的时候应该尽量少使用全局变量，尽可能使用局部变量。一个比较
2015-07-03 09:40:24
493
原创 JavaScript中的作用域和作用域链（一）
在任何程序设计语言中都有作用域的概念，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。1.全局作用域在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域：（1）所有window对象的属性拥有全局作用域一般情况下，window对象的内置属性都拥有全局作用域，
2015-07-02 17:31:47
724
原创 关于css中两层div的水平垂直居中问题
今天下午忙了一段时间后突然想起来了上次面试快的打车时候的一个题目，当时也算是浑浑噩噩没有说清楚，所以今天想专门拿出来写一写，就使用传统的布局来进行实现。问题描述：两个div，父子关系，父元素固定宽高时候如何使子元素水平垂直居中？父元素宽高不固定的时候如何使子元素水平垂直居中？也就是使下图的小方块水平垂直居中。 下面就开始一步一步的解决掉这个问题。其实对于布局来讲，如果仅仅是实现水平居中
2015-06-27 18:42:33
1350
原创 详解JavaScript立即执行函数表达式
“立即执行函数表达式”也叫“立即执行函数”。在JavaScript中，每一个函数在被调用的时候都会创建一个执行上下文，在该函数内部定义的变量和函数只能在该函数内部被调用，而正是因为这个上下文，使得我们在调用函数的时候能够创建一些私有变量。 现在我们定义一个函数，函数名后加上一对小括号即可完成对该函数的调用，比如下面的代码： 接着来看下面的代码： 报错了，为何？这是因为在Ja
2015-06-26 09:25:05
787
原创 用css制作带三角矩形
在网页中通常会见到一种带三角的矩形框，常见于注释或者弹框提示。在百度2015校园招聘的笔试题目中也有一道题目要求利用css来绘出一个带三角矩形。如图所示。 在css中，三角形是采用盒子模型的border属性来绘制的。所以在进行上图绘制之前有必要回顾一下css盒子模型。css盒子模型同一方向共有四个属性，比如横向有margin，border，padding，width。其中width指定内容
2015-06-17 19:21:33
7308
原创 关于css中两层div的水平垂直居中问题
前段时间一直在忙于实验室的项目没有专门的时间来更新公众号，差点觉得自己就要就此放弃了。今天下午忙了一段时间后突然想起来了上次面试快的打车时候的一个题目，当时也算是浑浑噩噩没有说清楚，所以今天想专门拿出来写一写，也不用最新的css3技术，就使用传统的布局来进行实现。 问题描述：两个div，父子关系，父元素固定宽高时候如何使子元素水平垂直居中？父元素宽高不固定的时候如何使子元素水平垂直居中？也
2015-06-14 20:07:38
1610
原创 详解原生JavaScript实现div拖拽功能
div拖拽是使用JavaScript操作HTML元素最基本的一个功能，在很多现有JavaScript库中都实现了这一功能，例如jQuery UI中可以很方便的实现各种拖拽功能，但是在实际操作中尤其是找工作笔试或者面试中，通常要求使用原生JavaScript来实现拖拽功能，所以熟悉div拖拽的原生实现方法很有必要。通常关于拖拽功能的描述指的是鼠标点击到某元素之后滑动鼠标，该元素会随着鼠标一起滑动
2015-04-24 17:05:37
1188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人