- 浏览: 2614631 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
最近研究了css规范,下一步就是简单分析一下前端安全相关的知识。
以下内容整理之淘宝UED相关资料
1、XSS (Cross Site Script)跨站攻击脚本
方式主要有:
- 在Web页面插入恶意的html代码
- 用户浏览网页,嵌入在页面里面的代码会被执行
种类主要有:
- 基于DOM的XSS
产生的原因:
i、页面含有一些不受服务器端控制的DOM
ii、通过form、referer、location修改页面的DOM
解决的方法:
避免客户端脚本对DOM的重写、重定向及其它的敏感操作,需要在客户端对form输入进行过滤
- 基于字符集的XSS
产生的原因:
页面字符集不固定,用户输入非期望字符集的字符,逃过了过滤。
解决的方法:
i、页面一定要指定字符集
ii、XML不仅要指定字符集,而且要标签闭合
- 持久性XSS
产生的原因:
破坏html结构,来源是数据库导致。
解决的方法:
对输入进行过滤
对输出进行编码,如<>等这些进行编码的转换
- 非持久性XSS
产生的原因:
直接将fomr或者搜索域中的字符扔到页面,比如搜索域输入带<script>的执行脚本,在展示搜索结果的时候会执行输入的脚本
解决的方法:
对输入进行过滤
对输出进行编码,如<>等这些进行编码的转换
- 基于Flash的跨站
产生的原因:
AS脚本接受用户输入并操作cookie,攻击者配合其他XSS方法将恶意swf文件嵌入页面
解决的方法:
i、管理好cookie的读写权限
ii、对flash接受用户输入进行过滤和限定
- Self-inflicted XSS
产生的原因:
某些用户作为攻击者,对其他用户进行攻击,最常见的可能就是分享了。
解决的方法:
对于自己不信任的尽量不要点击。
- 未经验证的跳转构成的跨站
产生的原因:
服务端做302调整,攻击者利用这跳转到恶意的网站。
解决的方法:
后端限定接收的URL
- Cookie的跨站
产生的原因:
脚本操作cookie,比如进行搜索提交等。
解决的方法:
后端对cookie进行验证
2、CSRF(伪造请求)
场景:
表单提交相关,比如登录、注册
Ajax请求数据相关的
防范:
验证码、时间戳
在表单中加入token,提交方式尽量POST
AJAX附带token
可被利用的脚本:
i、URL相关的
document.location = ...
document.location.hostname = ...
document.location.replace(...)
document.referer
document.URL = ...
window.location
ii、直接运行的脚本
eval(....)
window.setInterval(...)
window.setTimeout(...)
window.execScript(...)
发表评论
-
TweenMax
2014-03-31 17:32 1026TweenMax: 在线调用:http ... -
动画框架之Sprite
2014-02-18 13:44 983Sprite.js An ... -
bootstrap分拆之table
2013-07-11 14:44 0本文整理一下bootstrap中tabl ... -
jquery全屏版插件
2013-04-11 13:29 0先贴上代码: ;(function($) ... -
好东西之--获取ie版本号的一种方式
2013-05-08 10:22 1556先看一段jqm1.1.0版本的代码: ... -
backboneJS
2013-02-21 17:05 1354backbone.js 重量级js ... -
Sizzle简介
2013-01-28 12:21 1509Sizzle 从jq的1.3开始,jq也采用S ... -
a javascript module pattern
2013-01-21 14:13 1404本文介绍一种不错的module pattern. ... -
响应式框架Foundation简介
2013-01-15 19:34 0响应式框架:Foundation 官方地址: ... -
Turn.js简介
2013-01-14 11:18 1509本文简单介绍一下turn.js这个东东! 主 ... -
AppJS简介
2013-01-10 19:49 2021本文介绍一下AppJs. 官网:http:// ... -
移动框架Zeptp介绍
2012-12-13 13:10 1610本文简单介绍一下Zepto. 基于移 ... -
关于页面依赖文件加载失败处理的一种“独特”设计
2012-12-07 17:00 2406问题与需求: ... -
关于页面依赖文件加载失败处理的一种“独特”设计
2012-12-07 16:59 1问题与需求: 某个项目首页或者首屏在弱网络环境下,或 ... -
内容复制兼容性解决方案之ZeroClipboard
2012-12-03 13:24 2620Zero Clipboard 1、简介: J ... -
项目开发设计之设计文档编写规范
2012-11-18 14:57 3503前言: 慢慢地,很多fe也会接触到一些比较大中型的项目 ... -
初识BigPipe
2012-11-12 14:38 1555BigPipe ------ 一个重新设计的基础动态 ... -
关于专业化前端的自我修养总结反思篇
2012-10-21 16:48 4016前言: 其实很 ... -
关于专业化前端的自我修养总结反思篇
2012-10-21 16:45 3前言: 其实很多fe,当然包含我自身,很多时间很多场 ... -
框架设计之Get first Set all原则
2012-10-11 17:46 1320本思想其实很简单: Get first: ...
相关推荐
- **原则**:模块化、命名规范、代码注释等。 - **实践**:编写易于理解和修改的代码。 **8. SEO优化** - **定义**:搜索引擎优化,通过改善网站内容和技术实现更高的搜索排名。 - **策略**:关键词优化、友好...
### 尚硅谷_前端_面试题 #### 一、HTML+CSS 1. **Doctype作用?标准模式与兼容模式各有什么区别?** - **Doctype**:文档类型声明,用于告诉浏览器文档使用哪种HTML或XHTML规范。正确地使用DOCTYPE很重要,因为它...
接下来,我们谈谈如何在 Swagger3.0 中配置 JWT token: 1. 添加依赖:在 Java 项目中,你需要添加 Swagger3.0 和相关 JWT 库的依赖,如 Springfox 或 OpenAPI Generator。 2. 定义 Security Scheme:在 Swagger ...
Material Design则是谷歌提出的一种设计语言,它以真实世界的物理材料为灵感,提供了一套统一的设计规范;拟物化设计则追求模拟现实世界物体的质感和细节,让界面看起来更加真实。 其次,登录页面的设计需要考虑到...
首先,我们来谈谈前端开发。前端是用户与系统交互的界面,通常采用HTML、CSS和JavaScript等技术实现。在这个系统中,前端设计应该注重用户体验,确保界面清晰、操作简便。HTML用于构建页面结构,CSS则负责样式布局,...
再来谈谈数据库设计。在MySQL中,通常会设立多个表来存储不同类型的数据,如房源表、租户表、租约表等。每个表都有相应的主键,用于关联其他表,形成数据的一致性和完整性。例如,房源表和租约表可以通过房源ID进行...
首先,我们来谈谈网上购物系统的基本组成部分: 1. **前端界面**:这是用户与系统交互的部分,通常包括商品展示页面、搜索功能、购物车、个人中心等。前端技术可能涉及HTML、CSS、JavaScript,以及现代框架如React...
JavaEE,全称Java Platform, Enterprise Edition,是Java平台为企业级应用设计的一套标准规范。它包括一系列的API和服务,如Servlet、JSP(JavaServer Pages)、JPA(Java Persistence API)等,用于构建分布式、...
在项目实施过程中,开发人员需要关注数据安全与隐私保护,确保留守儿童的个人信息得到妥善保护,遵循相关法律法规。此外,系统的易用性和可维护性也是关键,良好的设计和规范的编码能够保证系统的可持续发展。 系统...
在“头像和Ajax应用”中,可能涉及的场景是用户在修改个人资料时,实时验证头像是否符合规范,如尺寸、格式等。通过Ajax,用户无需等待整个页面刷新就能看到验证结果,提升了用户体验。实现Ajax异步验证通常需要用到...
在IT行业中,组件化开发是一种常见的实践,它允许开发者将应用程序的不同部分划分为独立的、可重用的单元...同时,注意安全性,避免XSS攻击,以及遵循良好的代码组织和样式管理规范,将使你的代码更加健壮和易于维护。
这个系统旨在提高中介公司的工作效率,规范业务流程,提升客户体验。 首先,让我们了解一下SSM框架。SSM是Java Web开发中的经典组合,Spring负责依赖注入和事务管理,SpringMVC处理请求和响应,而MyBatis则作为持久...
4. **最佳实践文档**:可能是一份详尽的指南,列举了在特定IT领域的最佳实践,如项目管理、编程规范、网络安全等,以助于团队达到卓越的标准。 5. **性能基准测试**:可能包含用于评估系统性能的工具和数据,帮助...
在IT行业中,尤其是在移动应用开发领域,iOS平台的开发具有其独特性和规范。"ios-ios指令代码.rar"这个文件很可能包含了一组用于iOS应用开发的特定代码或指令,特别是针对微信H5游戏的房卡系统。描述中提到的“微信...
在开发网上招聘系统时,测试团队需要针对每个功能模块设计详尽的测试用例,如验证用户信息的安全性、职位信息的准确性和实时性、系统性能等。同时,测试文档应记录测试过程中的问题,便于后期修复和改进。 接下来,...
总的来说,基于SpringBoot的毕业就业信息管理系统是一个综合性的项目,涵盖了前端展示、后端服务、数据库设计和优化等多个方面。通过学习和实践,开发者不仅可以掌握Java Web开发的基本技能,还能提升项目管理、问题...
UI设计应该简洁易用,遵循Android Material Design规范以提供良好的用户体验。 2. 数据验证:在用户点击登录按钮后,系统需要验证输入的用户名和密码是否有效。这可能涉及到本地存储的用户数据(如SQLite数据库或...
接着,我们来谈谈Ajax在表单提交中的应用。当用户点击提交按钮时,我们可以捕获这个事件,然后使用Ajax发送表单数据到服务器。在JavaScript中,这通常通过jQuery的`$.ajax()`方法实现。例如: ```javascript $("#...
在Web应用程序的架构方面,这个项目可能采用了模块化开发,利用ES6的import/export语法或者CommonJS规范,使得代码更易读、可维护。另外,考虑到跨域请求问题,可能使用了JSONP或者CORS策略来实现前后端的数据通信。...
首先,我们来谈谈WPF(Windows Presentation Foundation)。WPF是.NET Framework的一部分,主要用于构建Windows桌面应用程序。它的核心特性包括丰富的图形渲染能力、数据绑定、UI布局和资源管理等。在这个咖啡系统中...