2015年09月_Aus0049

12月 11月 10月 09月 08月 04月 01月

原创 [持续更新]HTML5学习笔记（五）简单Ajax实现

1. Ajaxajax现在已经广泛的应用在我们日常生活中，因为他可以实现不刷新页面，只替换文档中的一部分或多个部分。这大大的提升了用户体验和减少了页面显示不必要的内容。不过他也使浏览器的后退键时效，是一门有争议但是仍然广泛应用的技术。也是前端开发人员和后台开发人员都必须掌握的技术。Ajax在网站中有大量的应用：一开始Google在他的搜索框中使用ajax匹配跟用户输入相似搜索结果而引起轰动

2015-09-18 16:38:01 4368 1

原创百度面试题--盒子凸起一个角效果实现的讨论

今天联系百度面试题的时候，看到了一道题：请用CSS实现如下图的样式，相关尺寸如图示，其中dom结构为：我很感兴趣，想了一下就做出来了，不过我做的效果大致上一样，只是数据上对不上，只好记录下我的思路。给的答案如下：思路就是先用:before在目的位置做出一个黑色大三角形，然后用:after在该位置做出一个小白色三角形，白色三角形比黑色三角形小，这样留出的宽度就看起来就像b

2015-09-11 16:19:13 2364

原创 [持续更新]CSS3学习笔记（三）弹性盒子

1. 弹性盒子弹性盒子用于页面布局。之前面试经常会问到：写一个三列布局，左右两个定宽，中间的宽度自动伸缩门。解决方法有很多种，可以设置三列浮动，左右定宽，中间宽度自动。下面要说的是一种利用CSS布局来结局的比较好的方案。使用box-flex属性告诉浏览器如何分配元素之间的未使用的空间。看个例子： box-flex* { padding: 0px

2015-09-09 15:33:39 477

原创 [持续更新]CSS3学习笔记（二）渐变&圆角&阴影&变换&动画

1. 颜色模式在网页中常见的颜色模式有：RGB，HSLA。RGB 大家不陌生，分别代表red，green，blue。使用6位16进制数表示。#00FF00；RGBA 就说多了一个Aplha透明通道。这个数值用0~1的数字来表示。rbga（255，255，255，0.3）；HSLA 分别代表色调Hue，饱和度Saturation，亮度Light，透明度Alpha。但是在实际应用

2015-09-07 16:29:23 978

原创 [持续更新]CSS3学习笔记（一）伪类选择器&自定义字体&背景图片

CSS3学习笔记1. 伪类选择器CSS3之前的伪类共有：:hover,:active, :visited, :link, :first-child, :lang这六种。CSS3新增了许多选择器，下面列出常见的几种。1. :nth-child(n) 某个父元素的第n个子元素。（CSS3）2. :nth-child(2n) 选择偶数项。（CSS3）3. :nth-c

2015-09-06 21:30:49 3628

原创 Javascript中的事件绑定

1. 事件绑定js的事件绑定是前端基础知识点。我们经常会习惯这样添加一个事件：JS事件机制bottonvar btn = document.getElementById("btn");btn.onclick = function(){ alert("1");}btn.onclick = function(){ alert("2");}

2015-09-05 20:29:58 700

原创 [持续更新]HTML5学习笔记（四）

1. 零散的知识点hgroup 样式display：block；但是它具有语义上的作用。例如，要用脚本把文档中的h1-h6标题提出来做提纲，h1是主标题，h2是章标题。现在h1主标题有副标题h2，这样按照正常的逻辑脚本会把副标题h2也当成章标题，不符合要求。使用hgroup标签将主副标题包含在内，语义上他们是一组，并且语义上遵照hgroup的第一个子元素，其他副标题在语义上都相对隐藏，这

2015-09-02 21:21:11 619

原创 [持续更新]HTML5学习笔记（三）

1. HTML文档下面全面介绍几个HTML常见的文档，你肯定会有新的认识。1. base元素用来设定一个基准URL，让HTML文档中的相对连接在此基础上进行解析。例如base定义：链接：test1其完整地址为：http://www.auszby.com/test/content/test1.html2. meta元素用名值定义元数据给出几个常见

2015-09-01 19:30:11 628

原创 [持续更新]HTML5学习笔记（二）

1. 元素分类元数据元素（metadata element）：由此可见主要是元素中的事情了，向浏览器提供信息和指示；流元素（flow element）：听名字怪异，但是其实是规定这些元素可以成为父元素；短语元素（phrasing element）：和流元素呼应，规定这些元素可以成为子元素。元数据还好理解，就是流元素和短语元素好奇怪，举个例子，div既可以是流元素也可以是短语元素，

2015-09-01 13:03:10 2773