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