- 博客(60)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 HTML5语义化标签
“什么是语义化？”、“说说你对语义化的理解？”掌握语义化含义、作用以及应当注意的细节，HTML5中常用的语义化新标签！知识点不在于多，而研究透彻应学以致用！
2016-08-05 12:53:47
4385
原创 AJAX跨域请求和CORS跨域资源共享
整理了同源策略限制，出现了跨域请求的需求，原生传统的跨域请求方式，原生js和jQuery中对跨域的处理（JSONP）,以及HTML5 中的CORS跨域资源共享。系统条理得梳理好传说中的跨域了！o(^▽^)o
2016-07-19 12:44:38
9811
转载 HTML5本地存储之数据库
简述：对于存储简单数据结构的数据，使用sessionStorage和localStorage就足以了，但对于处理复杂的关系型数据，就需要 HTML 5 的“Web SQL Database”API 接口登场啦。可以把它理解成一个Html5环境下可以用Js执行CRUD（增删查改）的Web数据库
2016-07-19 10:23:58
909
原创 HTML5地理位置Geolocation以及百度地图应用
地理信息位置的知识整理以及百度地图的应用，知识本身可能枯燥，但以为运用巧妙展现各种精彩！
2016-07-18 21:56:11
3650
原创 jQuery自制提示框tooltip
自带的title的提示效果的响应速度是非常缓慢的，使用jQuery自制提示tooltip！以及它的改良版，图片预览tooltip！
2016-07-18 16:55:41
2671
原创 CSS3实现手机网页3D切换效果
使用CSS3 3D变形来实现手机网页的切换效果，相信在H5微场景大有用处！预先定义好各场景的空间关系以及内容部分的定位隐藏，通过切换类名来实现切换效果！
2016-07-18 00:52:01
3429
原创 CSS3 Transform（2D变换）
总结了CSS3中的2D变换，四大变形函数，以及translate 与绝对定位、相对定位的区别，rotate()函数的应用技巧和shew()函数的使用场景和技巧！打好基础，才能很好运用CSS3中的3D变换。
2016-07-17 21:46:40
1576
原创 CSS3过渡transition
CSS3过渡transition在过渡动画效果方面确实不错，可以模拟简单的动画交互效果，简单总结属性以及相关知识！不过配合到CSS3的动画animation估计更添趣味！
2016-07-17 17:12:11
1696
原创 HTML5拖拽移动列表
练习HTML5中的拖放API，实现列表拖拽移动！思路：循环设置每个子项的draggable属性，以及设置拖动标记（不会多个或全部子项都移动）每次进入投放区，则检测时候有拖放标记，有则添加dom元素，以此类推
2016-07-15 13:30:18
4980
原创 HTML5拖拽上传图片预览
结合拖放事件API，DataTransfer对象和文件读取对象FileList等方面的知识，实现简易拖拽上传图片预览效果。需要了解熟悉个对象的关系以及用法，明确好实现思路！
2016-07-15 13:10:38
6610
原创 CSS3重复渐变（线性和径向渐变）
重复渐变的基本语法、利用重复渐变制作记事本纸张效果、纹理背景图以及个人注意到的平滑过渡渐变和突然过渡渐变！
2016-07-08 08:29:00
10414
原创 CSS3径向渐变(radial-gradient)
主要整理了下CSS3径向渐变在各大浏览器下的兼容写法，属性参数、各个圆心定位点渐变的使用用法以及多色渐变的简要写法！
2016-07-07 20:04:51
3875
原创 CSS3线性渐变（linear-gradient）
主要整理了下CSS3线性渐变在各大浏览器下的兼容写法，各个方向渐变的使用用法以及多色线性渐变的简要写法！
2016-07-07 19:20:56
1763
原创 CSS3 box-reflect(倒影效果)
之前那只能使用PS先将倒影设计好，然后再利用其进行开发。现在box-reflect属性可以进行图片、文字甚至视频等的倒影制作。但是!目前只在webkit浏览器下支持！需要加上私有前缀-webkit- ！倒影效果不会对其他元素造成影响，不影响页面布局
2016-07-06 22:49:21
1021
原创 CSS3实现“圣杯布局”--（固比固布局）
使用CSS3中的属性order可以轻易实现“圣杯布局”，实现伸缩项目的顺序重组，还有！！！使用flex属性实现了中间列的等高效果，以及页脚的黏附效果。
2016-07-06 20:21:24
2327
原创 CSS3弹性伸缩布局盒（Flexible Box）模型
主要整理了Flexbox模型布局功能、属性术语、语法规范、各版本语法变更和新版本Flexbox模型！除此之外，还有更头疼的是浏览器兼容性，需要多次练习整理才能好好使用伸缩布局模型来解决布局问题。
2016-07-06 19:48:17
9084
3
原创 前端案例--纯CSS3美化复选框
技巧：将input按钮和美化内容都放在label标签内，再通过定位将input按钮溢出隐藏！使用CSS3中的E:checked伪类选择器触发美化表单！纯CSS3美化复选框效果图：HTML：
2016-07-06 00:41:28
3306
原创 CSS3多列布局
要达到类似于报纸或杂志的排版效果，无需增加无用的标签或依赖于浮动或定位来实现布局效果。熟悉使用列宽column-width、列数column-count、列间距column-gap、列边框column-rule、跨列column-span和列高度column-fill等六大属性进行排版布局，解决此等排版难题。
2016-07-02 11:39:32
862
原创 CSS3盒模型
主要是整理了CSS中的两种盒模型：W3C标准盒模型和IE传统盒模型；布局救星：box-sizing；内容溢出属性overflow；自由缩放属性resize和外轮廓属性outline。主要作用多用于处理各大浏览器中的布局，内容以及样式方面的应用。
2016-07-02 10:20:31
566
原创 CSS3背景
本文简单整理了CSS3背景的几个知识点：背景的五大基本属性，以及新增的四个属性：background-origin、background-clip、background-size、background-break以及多背景简单使用
2016-07-01 20:45:20
591
原创 jQuery根据滚动条位置加载相应的内容
实现jQuery根据滚动条位置加载相应的内容：向下滚动时当内容区域滚动到可视窗口高度的一半时，加载动画内容；向上滚动到相应的内容区域时也重新加载动画内容！
2016-06-28 11:22:25
3278
3
原创 sass学习--sass的函数功能（进阶篇）
罗列了sass繁杂的函数功能:字符串、数字函数、列表函数、Introspection函数（判断值）、Miscelloneous(三元条件函数)、Maps函数、颜色函数等七个大块！可谓是左宜右有啊！
2016-06-23 22:04:49
13117
1
原创 sass学习--sass的@规则（进阶篇）
主要整理了@import、@media、@extend、@at-root、@debug、@warn、@error等@规则。
2016-06-23 15:57:16
5217
原创 sass学习--基本特性（基础篇）
整理sass的基本特性：变量、嵌套、混合、继承、占位符、插值、注释、数据类型、运算等9个知识点！理清各个特性的使用场景和使用技巧！
2016-06-23 12:41:37
7504
原创 CSS3盒阴影box-shadow
本文介绍了CSS3中的盒子阴影box-shadow，包括单边实影和单边阴影、两种四边阴影、内阴影、多层阴影等！以及结合边框圆角、变形、旋转、调整层级关系等属性实现了曲边阴影和翘边阴影效果！
2016-06-12 15:47:58
4714
原创 前端案例--纯css3实现怪异选项卡
怪异选项卡：实现css自增排序、自制css边框扇形，背景渐变**涉及知识点：**css伪类、伪元素、自增排序编号、border、border-radius、背景渐变
2016-06-11 14:02:32
1368
jquery.twbsPagination.min.js v1.3.1
2016-12-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人