标签:id

WEB前端

9款样式各异的web前端插件

9

爱前端网 - Yang 发布于 2017-11-06

1.10个样式各异的ReactJS水平滑杆插件 之前我们分享过很多基于jQuery和CSS3的水平滑杆插件,比如漂亮的jQuery UI水平滑杆和jQuery/CSS3带Tooltip的滑杆动画都相当实用。今天要介绍的也是一款水平滑杆插件,不过它是基于ReactJS的,当然也运用...

阅读(1273)评论(0)赞 (4)

WEB前端

9款超绚丽的HTML5 3D图片动画特效

9

爱前端网 - Yang 发布于 2017-11-06

1.SVG玫瑰花盛开动画 SVG还是很强大的,我们之前也分享过很多利用SVG绘制出来的各种动画特效。比如超炫酷的SVG轮船行驶动画和HTML5 SVG圆形钢琴动画都是用SVG实现的超酷动画。今天我们要分享另外一款基于SVG的玫瑰花盛开动画,当鼠标滑过玫瑰花时,玫瑰花就会缓缓盛开,...

阅读(1880)评论(0)赞 (9)

WEB前端

39款前端面试题-HTML&CSS篇

爱前端网 - Yang 发布于 2017-11-01

1.请描述一下 cookies,sessionStorage 和 localStorage 的区别? cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。 cookie数据始终在同源的http请求中携带(即使不需要),记会在浏...

阅读(1081)评论(0)赞 (5)

WEB前端

11款超震撼的HTML5和纯CSS3动画

11

爱前端网 - Yang 发布于 2017-10-24

1.纯CSS3小姑娘荡秋千动画 这又是一款基于纯CSS3的动画特效,动画主要描绘了一个小姑娘荡秋千的情景,首先小姑娘人物和秋千都是用CSS3绘制而成,对于该动画实例来说,难度最大的在于小姑娘在荡秋千的时候身体各个部位关节的联动,在这个动画中,这方面表现得非常逼真。 在线演示 源码...

阅读(1232)评论(0)赞 (5)

WEB前端

10款基于jQuery/CSS3带阴影的3D进度条插件

10

爱前端网 - Yang 发布于 2017-10-11

1.jQuery/CSS3带阴影的3D进度条插件 这是一款非常炫酷的jQuery/CSS3进度条插件,这款进度条插件的特点是带有阴影,外观看起来有着3D立体的视觉效果。另外进度条实体部分可以利用CSS3相关特性绘制任意效果的填充物,可以是渐变颜色,也可以是网格形状,同时我们可以动...

阅读(1233)评论(1)赞 (4)

WEB前端

10组蓝色风格的纯CSS3 Loading动画图标

10

爱前端网 - Yang 发布于 2017-09-26

1.10组蓝色风格的纯CSS3 Loading动画图标 对于CSS3 Loading动画我们已经分享过很多了,比如最近刚刚分享的纯CSS3 Loading加载动画和5个超炫酷的CSS3加载Loading动画图标就都非常漂亮和实用。这次我们要分享10组蓝色风格的纯CSS3 Load...

阅读(1348)评论(0)赞 (4)

WEB前端

10个经典实用的HTML5图表动画应用

10

爱前端网 - Yang 发布于 2017-09-12

1.纯CSS3实现一套完整iOS小图标 iOS系统作为苹果的操作系统,已经被大家使用得滚瓜烂熟,很多人对iOS系统中的图标也十分熟悉。今天我们要为大家分享一款基于纯CSS3的小图标,这款小图标正是用CSS3代码绘制一套比较完整的iOS小图标,有些图标还带有Gif动画效果。 在线演...

阅读(1262)评论(1)赞 (1)

WEB前端

Vue.js经典开源项目汇总

1

爱前端网 - Yang 发布于 2017-08-21

Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动...

阅读(3320)评论(0)赞 (6)

WEB前端

11个超震撼的HTML5和纯CSS3动画源码

11

爱前端网 - Yang 发布于 2017-08-16

1.jQuery多功能手风琴个人信息菜单面板 这是一款基于jQuery的手风琴个人信息菜单面板,每一个菜单项展开后可以自定义布局,因此可以为每一个菜单项实现多功能。类似这样的多功能菜单还有jQuery/CSS3大屏下拉菜单,非常实用。由于这款手风琴菜单是基于jQuery框架的,因...

阅读(1754)评论(0)赞 (3)

WEB前端

js判断是否为数字

爱前端网 - Yang 发布于 2017-07-21

js中取小数点后两位方法最常用的就是四舍五入函数了,前面我介绍过js中四舍五入一此常用函数,这里正好用上,下面我们一起来看取float型小数点后两位一些方法总结 以下我们将为大家介绍 JavaScript 保留两位小数的实现方法: 四舍五入 以下处理结果会四舍五入: var nu...

阅读(1367)评论(2)赞 (1)

WEB前端

13款 JavaScript 表格控件(DataGrid)

13

爱前端网 - Yang 发布于 2017-07-13

JavaScript 表格控件可以操作大数据集的 HTML表格,提供各种功能,如分页、排序、过滤以及行编辑。在本文中,我们整理了13个最好的 JavaScript 表格插件分享给开发人员,开发者可以很容易地添加表格操作功能到Web应用程序中。 1. DataTables Data...

阅读(3682)评论(2)赞 (4)

WEB前端

基于vue2+vuex构建一个具有45个页面的大型饿了么单页面应用

17

爱前端网 - Yang 发布于 2017-05-24

前言 初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对逻辑严谨度要求...

阅读(1159)评论(0)赞 (1)

WEB前端

100款JavaScript 资源大全中文版

爱前端网 - Yang 发布于 2017-03-09

我想很多程序员应该记得 GitHub 上有一个 Awesome – XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、...

阅读(1085)评论(0)赞 (1)

WEB前端

15个很优秀的跨平台的移动开发工具

15

爱前端网 - Yang 发布于 2017-03-06

跨平台的移动开发指的是通过特定方式开发出来的移动应用可以用在多种移动平台,iOS、Android 以及 WindowsPhone。利用现有的高质量移动框架来构建移动 Web 应用程序已成为非常容易,本文包含15个最佳的跨平台移动开发工具。 1. Pusher 推杆的移动推送通知A...

阅读(843)评论(0)赞 (1)

WEB前端

程序猿必备的10款web前端开发插件二

10

爱前端网 - Yang 发布于 2017-01-11

1.jQuery带缩略图的焦点图动画 可切换背景 这次我们要分享一款很不错的jQuery焦点图插件,和之前的焦点图动画相同的是,它同样有缩略图,点击缩略图即可切换到任意一张图片,而且图片切换时也有淡入淡出的动画特效。但不同的是,这款jQuery焦点图插件在图片切换时网页的背景颜色...

阅读(1199)评论(0)赞 (0)

WEB前端

6款web前端的CSS高级布局技巧

爱前端网 - Yang 发布于 2016-12-16

随着 IE8 逐渐退出舞台,很多高级的 CSS 特性都已被浏览器原生支持,再不学下就要过时了。 1.用 :empty 区分空元素 兼容性:不支持 IE8 在线预览 假如我们有以上列表: <div class=”item”>a</div&g...

阅读(905)评论(0)赞 (0)

WEB前端

27个web前端兼容性及经验汇总

爱前端网 - Yang 发布于 2016-12-15

1.浮动时,父级元素无法撑开 解决方案: 全局增加样式 .clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1} 父级...

阅读(778)评论(0)赞 (0)

WEB前端

13个超富创意的HTML5前端动画

13

爱前端网 - Yang 发布于 2016-12-07

1.CSS3 3D图片向上翻转渐隐消失动画 今天我们要来分享一款很不错的图片文字提示动画特效,当我们将鼠标滑过图片时,图片就会出现向上翻转,然后出现图片的文字介绍,这个过程中利用了CSS3的相关属性让图片逐渐变得透明,同时渲染出一种3D的视觉效果。 在线演示 源码下载 2.超富创...

阅读(1061)评论(0)赞 (0)

WEB前端

10个超赞的HTML5前端响应式框架

10

爱前端网 - Yang 发布于 2016-11-15

1.jQuery雪人和下雪动画 今天我们要来分享一款非常欢乐的jQuery雪人和下雪动画,雪人是由一张图片形成,非常可爱。下雪的动画是由jQuery的动画特性来完成,随机大小和随机透明度的雪花从空中飘落,环绕在小雪人的四周显得格外宁静。 在线演示 源码下载 2.HTML5文本输入...

阅读(943)评论(0)赞 (0)