web

给 Web 开发人员推荐的测试工具

用户对于现代 Web 应用除了美观要求之外，对产品体验度也有较高的要求。在推荐过几期开源图形库和通用独立 UI 组件后，觉着是时候推荐一些测试工具了。这应该也是该系列的最后一篇，感谢大家的支持。给 Web 开发人员推荐的通用独立 UI 组件（二）给 Web 开发人员推荐的通用独立 UI 组件（一）给 Web 开发人员推荐的开源图形库 —— 2D/3D给 Web 开发人员推荐的开源图形库 —— 动画

前端

2017-09-07  3426 人浏览

web

给 Web 开发人员推荐的开源图形库 —— 数据可视化

现代 Web 开发在将体验和功能做到极致的同时，对于美观的追求也越来越高，数据可视化、动画交互、2D/3D 等元素已然成为标配。以下是为 Web 开发者推荐的一些精品开源图形库，旨在专注于最常见的问题和最常用的东西。将针对动画（Animation）、数据可视化（Data Visualization）、2D/3D 分别整理，欢迎保持关注。给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开

前端

2017-09-07  3591 人浏览

web

给 Web 开发人员推荐的开源图形库 —— 动画

现代 Web 开发在将体验和功能做到极致的同时，对于美观的追求也越来越高，数据可视化、动画交互、2D/3D 等元素已然成为标配。以下是为 Web 开发者推荐的一些精品开源图形库，旨在专注于最常见的问题和最常用的东西。将针对动画（Animation）、数据可视化（Data Visualization）、2D/3D 分别整理，欢迎保持关注。给 Web 开发人员推荐的开源图形库 —— 2D/3D给 We

前端

2017-09-07  3498 人浏览

web

给 Web 开发人员推荐的开源图形库 —— 2D/3D

现代 Web 开发在将体验和功能做到极致的同时，对于美观的追求也越来越高，数据可视化、动画交互、2D/3D 等元素已然成为标配。以下是为 Web 开发者推荐的一些精品开源图形库，旨在专注于最常见的问题和最常用的东西。将针对动画（Animation）、数据可视化（Data Visualization）、2D/3D 分别整理，欢迎保持关注。给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开

前端

2017-09-07  3654 人浏览

web

给 Web 开发人员推荐的通用独立 UI 组件（二）

现代 Web 开发在将体验和功能做到极致的同时，对于美观的追求也越来越高。在推荐完图形库之后，再来推荐一些精品的独立 UI 组件。这些组件可组合在一起，形成美观而交互强大的 Web UI 。给 Web 开发人员推荐的通用独立 UI 组件（一）给 Web 开发人员推荐的开源图形库 —— 2D/3D给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开发人员推荐的开源图形库 —— 数据可视化上

前端

2017-09-07  3506 人浏览

web

给 Web 开发人员推荐的通用独立 UI 组件（一

现代 Web 开发在将体验和功能做到极致的同时，对于美观的追求也越来越高。在推荐完图形库之后，再来推荐一些精品的独立 UI 组件。这些组件可组合在一起，形成美观而交互强大的 Web UI 。给 Web 开发人员推荐的开源图形库 —— 2D/3D给 Web 开发人员推荐的开源图形库 —— 动画给 Web 开发人员推荐的开源图形库 —— 数据可视化下面将针对 Layout（布局）、Icon（图标）、P

前端

2017-09-07  2996 人浏览

web

从Vue.js源码角度再看数据绑定

写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。 文章的原地址：https://github.com/answershuto/learnVue。 在学习过程中，为Vue加上了中文的注释https://github.com/answershuto/learnVue/tree/master/vue-src，希

前端

2017-09-07  2501 人浏览

web

Intellij idea破解办法（转）

最开始的时候intellij用得是社区版，因为博主没有钱去买专业版。。。但是后来发现社区版的功能确实弱了很多，比如流弊闪闪的Diagrams功能就没有…比如社区版不支持web项目，想起个tomcat跑个web项目都没法搞。于是，博主重新下载了个专业版的intellij，果然各项功能用得飞起，起个web项目再也不用担心没有tomcat server了。专业版下载地址：https://www.jetb

前端

2017-06-30  3058 人浏览

web

html5和css3实现绚丽动画-网页加载进度条的实现，下载进度条等

今天给大家带来一个比较炫的进度条，进度条在一耗时操作上给用户一个比较好的体验，不会让用户觉得在盲目等待，对于没有进度条的长时间等待，用户会任务死机了，毫不犹豫的关掉应用；一般用于下载任务，删除大量任务，网页加载等；如果有使用HTML5为手机布局的，也可以用于手机中~效果图：1、html结构：<div id="loadBar01" class="loadBar"> <di

前端

2017-06-27  3172 人浏览

web

html5和css3实现绚丽动画-3D立方体旋转动画

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/34120047创意来自：http://www.html5tricks.com/demo/HTML5-3d-cube/inde... ， 同学给我发的例子，感觉很不错，不过实在想不出来实际的用处，但是效果很炫~效果图：知识点：1、perspective ，transform 的复习2

前端

2017-06-27  2841 人浏览

web

html5和css3实现绚丽动画-canvas 模拟实现电子彩票刮刮乐

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/34089553 今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的，有兴趣的可以改成Android版本的，或者其他的~ 效果图： 贴一张我中500w的照片，咋办啊，怎么花呢~ 好了，下面开始原理： 1、刮奖区域两个Canvas，一个是front ，

前端

2017-06-27  2852 人浏览

web

html5和css3实现绚丽动画-诱人的实例 3D展示商品信息

原文链接：http://blog.csdn.net/lmj623565791/article/details/...强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力，但是如果在展示中添加适当的3D元素，~说不定效果不错哈~效果图：说明一下：这个创意不是我想的，哈~模仿别人的，创意应该是w3cplus上的。当然了，重点是教大

前端

2017-06-27  2766 人浏览

web

html5和css3实现绚丽动画-诱人的实例 3D旋转木马效果相册

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/32964301首先说明一下创意的出处：http://www.zhangxinxu.com/study/201209/pictures-3d-slide-view.html（张鑫旭的博客 ），对前台感兴趣的可以没事去看看他的博客，很给力~这篇博客的目的是因为上篇HTML5 CSS3专

前端

2017-06-27  2449 人浏览

web

html5和css3实现绚丽动画-CSS3打造百度贴吧的3D翻牌效果

原文链接：http://blog.csdn.net/lmj623565791/article/details/...首先感谢w3cfuns的老师~今天给大家带来一个CSS3制作的翻牌效果，就是鼠标移到元素上，感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的，甚至给女朋友写一些话语，放在使用该实例制作的相册之后都可以尝试下，哈~效果图：实例用到的一些css3的新属性：

前端

2017-06-27  2923 人浏览

web

html5和css3实现绚丽动画-模仿优酷视频截图功能

原文地址：http://blog.csdn.net/lmj623565791/article/details/...一般的视频网站对于用户上传的视频，在用户上传完成后，可以对播放的视频进行截图，然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验，而不是让用户额外上传一张展示图。效果图：看起来还是很不错，下面我给大家分析下，极其核心代码很简单：_canvas = document.

前端

2017-06-27  2743 人浏览

web

html5和css3实现无插件拖拽上传图片(支持预览与批量)(二）

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/31513065上一篇已经实现了这个项目的整体的HTML和CSS：HTML5 CSS3 经典案例：无插件拖拽上传图片（支持预览与批量)(一）这篇博客直接在上篇的基础上完成，最终效果：效果图1：效果图2： 好了，请允许我把图片贴了两遍，方便大家看效果了~可以看出我们的图片的li的htm

前端

2017-06-27  3586 人浏览

web

html5和css3实现无插件拖拽上传图片(支持预览与批量)(一）

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/31498319上传基本是项目中经常出现的，一般采用：1、form提交2、flash3、HTML5form提交会刷新页面，很难做到异步上传；flash可能是用得比较多了，因为可以兼顾到几乎所有的浏览器，我之前一直会用jQuery的uploadify作为项目中的上传工具，uploadi

前端

2017-06-27  2606 人浏览

web

Html5 Css3实现VCD包装盒个性幻灯片

转载请标明出处：http://blog.csdn.NET/lmj623565791/article/details/...哈，首先感谢下w3cfuns的老师，嗯~好了，这次给发夹分享一个CSS3+JavaScript VCD包装盒个性幻灯片的一个案例。效果图：图片切换是不是很个性，效果也很不错，大家可以将其使用到自己的网站上。先看下html：<!DOCTYPE HTML PUBLIC "-/

前端

2017-06-27  2486 人浏览

web

HTML5 CSS3专题 纯CSS打造相册效果

转载请标明出处：http://blog.csdn.NET/lmj623565791/article/details/...今天偶然发现电脑里面还有这样的一个例子，感觉效果还不错，不记得啥时候下载的了，也好久没上w3cfuns了，怀念学习前台的日子，给大家分享下。效果图：效果是不是还是很不错的，最主要的是没有使用一行js，这才是亮点。先看html文件：<body> <di

前端

2017-06-27  2597 人浏览

web

web页面离开时的提醒弹窗的实现

离开页面提示多般是放到了发新闻、写博客或写日志的页面，我们在百度空间或QQ空间在我们未保存信息时如果离开页面都有提示了，下面我来介绍利用jquery的beforeunload来实现此方法。jquery离开页面弹出提示代码：//绑定beforeunload事件 $(window).bind('beforeunload',function(){ return '您输入的内容尚未保存，确定

前端

2017-06-22  4497 人浏览