文泽芝士网

编程知识与生活常识的宝库

极客Web前端开发资源大荟萃#020(极客前端训练营)

本篇文章中,我们为大家总结啦本周的精品代码~有兴趣的同学可以移步至极客标签网站进行学习~

TweenMaxjs 结合 SVG 实现的超酷炫的加载动画效果

TweenMax.js是一个用来创建动画的单独的无依赖的js动画库,结合SVG可实现非常炫酷的动画效果哦~

使用Javascript来创建一个响应式的超酷360度全景图



  • 360度的全景图片效果常常可以用到给客户做产品展示,今天这里我们推荐一个非常不错的来自Robert Pataki的360全景幻灯实现教程,这里教程中将使用javascript来打造一个超酷的全景幻灯实现,相信大家一定会喜欢的!

前端实用插件大全,你知道吗?(前端插件是什么意思)

1.操作cookie的插件jquery.cookie.js

添加

$.cookie('the_cookie', 'the_value');

设置时长

$.cookie('the_cookie', 'the_value', { expires: 7 });

设置路径

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

SMOKE插件:为Bootstrap增加表单提醒、页面进度等

今天介绍的Smoke jQuery插件件适于Bootstrap 3版的前端框架,主要是扩展了BOOTSTRAP 3目前没有的功能,而且效果很不错。

Smoke 插件新增加效果有:

表单验证 浮动提示框 流行的页面加载进度条效果 全屏效果 Panel面板增加全屏、最小化和关闭功能 Helpers功能(获取当前数值、URL、日期)

下面小编来些截图给大家看看,或者你会喜欢上这个插件。

表单验证

浮动提示框

最佳设计:A-Frame,阅读进度指示器,Colorify.js,交互式讲故事

最佳设计和开发好东西的综述以及一些新版本 - 第44期(2015年最后一期),包括A-Frame,阅读进度指示器,Colorify.js,交互式讲故事的动画地图路径,简单的Ionic侧菜单过渡等。

  • 摇滚笔 - 吉他(!乔什.埃利斯报道

  • 《Time Change Landscape》作者:Julia Lim

Nodejs文件上传、监听上传进度(nodejs 上传文件)

文件上传如果加上进度条会有更好的用户体验(尤其是中大型文件),本文使用Nodejs配合前端完成这个功能。

前端我们使用 FormData 来作为载体发送数据。

效果

前端部分

极客Web前端开发资源大荟萃001(极客前端进阶训练营百度云)

每周极客都将总结本周最精彩的素材提供给大家,希望可以带给你更多地灵感和帮助!极客#GB课程库#现已上线,无论你是初级、中级、还是正在进修的高级前端工程师。这里都将帮助你得到更多更高效的学习。

超棒的HTML5/CSS3单页面响应式模板(支持Bootstrap)

在线演示

Timesheet.js - 轻松打造炫酷时间表

Timesheet.js - 轻松打造炫酷时间表 前言

html+js+css 实现拖拽工作进度(html5 拖拽)

这里用到的js和css

springboot:实现文件上传下载实时进度条功能【附带源码】

0. 引言

记得刚入行的时候,做了一个文件上传的功能,因为上传时间较久,为了用户友好性,想要添加一个实时进度条,显示进度。奈何当时技术有限,查了许久也没用找到解决方案,最后不了了之。

近来偶然想到这个问题,于是决定整理一下实现方式,也为和我曾经一样碰壁的同学,提供一些思路。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言