web的博客

https://niwoxuexi.com/blog/user/103

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

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

    • 更新时间: 2017-09-07 02:55
    2976浏览
    0推荐
    0评论
  • 从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 02:30
    2480浏览
    0推荐
    0评论
  • Intellij idea破解办法(转)

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

    • 更新时间: 2017-06-30 02:18
    3038浏览
    0推荐
    0评论
  • html5和css3实现绚丽动画-网页加载进度条的实现,下载进度条等

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

    • 更新时间: 2017-06-27 14:20
    3156浏览
    0推荐
    0评论
  • 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 14:20
    2819浏览
    0推荐
    0评论
  • html5和css3实现绚丽动画-canvas 模拟实现电子彩票刮刮乐

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

    • 更新时间: 2017-06-27 14:19
    2832浏览
    0推荐
    0评论
  • html5和css3实现绚丽动画-诱人的实例 3D展示商品信息

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

    • 更新时间: 2017-06-27 14:16
    2744浏览
    0推荐
    0评论
  • 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 14:16
    2431浏览
    0推荐
    0评论
  • html5和css3实现绚丽动画-CSS3打造百度贴吧的3D翻牌效果

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

    • 更新时间: 2017-06-27 14:16
    2902浏览
    0推荐
    0评论
  • html5和css3实现绚丽动画-模仿优酷视频截图功能

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

    • 更新时间: 2017-06-27 14:16
    2723浏览
    0推荐
    0评论
  • html5和css3实现无插件拖拽上传图片(支持预览与批量)(二)

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

    • 更新时间: 2017-06-27 13:50
    3563浏览
    0推荐
    0评论
  • html5和css3实现无插件拖拽上传图片(支持预览与批量)(一)

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

    • 更新时间: 2017-06-27 13:49
    2587浏览
    0推荐
    0评论
  • Html5 Css3实现VCD包装盒个性幻灯片

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

    • 更新时间: 2017-06-27 13:46
    2458浏览
    0推荐
    0评论
  • HTML5 CSS3专题 纯CSS打造相册效果

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

    • 更新时间: 2017-06-27 13:44
    2581浏览
    0推荐
    0评论
  • web页面离开时的提醒弹窗的实现

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

    • 更新时间: 2017-06-22 09:48
    4477浏览
    0推荐
    0评论