web开发

客户端完成加载页面时，将光标定位到表单的第一个表单域上能够提高用户输入数据的速度。许多搜索引擎通过JavaScript实现了这个功能，而现在，HTML提供了自动聚焦功能，并将其视为语言的一部分。 要使用HTML的自动聚焦功能，你只需在任意表单域中添加autofocus属性即可。 浏览器会把用户光标定位到最后一个设置了 autofocus 属性的表单域上。 回退 仅需少量 JavaScript 代码即可检测出是否存在 autofocus 属性，如果用户浏览器不支持 autofocus 属性，则可使用 jQuerv 完成元素聚焦。这也许是你能提供的最简单的替代方案。 在页面中植入上面这段 JavaScript 代码后，你就可以随时使用 autofocus 属性而不必担心浏 览器兼容性问题了。 页面加载完成时， autofocus 属性能够略微简化用户开始填写表单的过程。现在，你可能还想在表单域上提供一些与类型相关的信息，如希望用户输入什么类型的值。没问题，接下来的 placeholder 属性 正好可以解决这个问题。 本文由尚学堂在线学习平台 www.sxt.cn 提供，转载请注明出处。 来源： oschina 链接： https://my.oschina.net/u/2622491/blog/664302

丰富的数据结构使得redis的设计非常的有趣。不像关系型数据库那样，DEV和DBA需要深度沟通，review每行sql语句，也不像memcached那样，不需要DBA的参与。redis的DBA需要熟悉数据结构，并能了解使用场景。 下面举一些常见适合kv数据库的例子来谈谈键值的设计，并与关系型数据库做一个对比，发现关系型的不足之处。 用户登录系统 记录用户登录信息的一个系统， 我们简化业务后只留下一张表。 关系型数据库的设计 mysql> select * from login; +---------+----------------+-------------+---------------------+ | user_id | name | login_times | last_login_time | +---------+----------------+-------------+---------------------+ | 1 | ken thompson | 5 | 2011-01-01 00:00:00 | | 2 | dennis ritchie | 1 | 2011-02-01 00:00:00 | | 3 | Joe Armstrong | 2 | 2011-03-01 00:00:00 | +---------+----------------+-----

web打印的几种实现方法（转载） web打印，web打印控件的三种实现方法 做管理系统的时候，打印一直是个棘手的问题，做B/S的系统这个问题就更加突出了！下面举出三种常用的web打印处理方式 1、利用word或者excel来实现web打印（如果不修改ie设置，可以在web服务器端生成xls文件，然后通过 xlBook = xls.Workbooks.Open(remotePath) 获取对象打印 ） 实现过程：先将需要打印的数据导入到word或者excel中，再利用word或者excel的打印功能来实现web打印。 下面以excel为例实现如何打印的过程 将网页中数据导入excel中的方法有很多，这里先介绍一种，利用ActiveX控件的方式，即 Excel.Application, 这个控件是MS为excel提供的编程接口，在很多种编程语言种都可以通过该接口来操纵excel表格。 下面用javascript脚本来实现一个简单的例子。 < script language="javascript"> function ExcelPrint(){ var excelApp;//存放Excel对象 var excelBook;//存放Excel工件簿文件 var excelSheet;//存放Excel活动工作表 try{ excelApp = new ActiveXObject(

< Kendo UI Professional试用版下载 > Kendo UI Professional 提供开源和商业两个版本。开源版 Kendo UI Core ，有40+个框架和组件；商业版整合了之前的 Kendo UI Web 、 Kendo UI Mobile 和 Kendo UI DataViz ，一共有70+个框架和组件。作为Kendo UI的升级版，Kendo UI Professional既可以开发网页版应用程序，也可以开发移动版应用程序，并且在性能上也有显著的优化和提升。 Kendo UI Web在线演示一：网格(Grid)控件 这个在线示例展示了Kendo UI Web网格组件的列表数据和丰富的数据交互，包括分页、排序、分组和选择等。 Kendo UI Web在线演示二：日程(Scheduler)控件 本示例展示Kendo UI Web日程管理组件创建管理单个或多个循环任务，可以日、周、月或自定义的形式进行展示，支持触摸、鼠标和键盘操作。 Kendo UI Web在线演示三：编辑器(Editor) 在线体验Kendo UI Web强大的富文本编辑器，它拥有所见即所得的界面，生成的组件值由XHTML标记组成。 Kendo UI Web在线演示四：自动完成(AutoComplete) 在线体验Kendo UI Web输入的自动完成功能

WEB性能测试工具主要分为三种，一种是测试页面资源加载速度的，一种是测试页面加载完毕后页面呈现、JS操作速度的，还有一种是总体上对页面进行评价分析，下面分别对这些工具进行介绍，如果谁有更好的工具也请一起分享下。 Firebug : Firebug 是firefox中最为经典的开发工具，可以监控请求头，响应头，显示资源加载瀑布图： HttpWatch : httpwatch 功能类似firebug，可以监控请求头，响应头，显示资源加载瀑布图。但是httpwatch还能显示GZIP压缩信息，DNS查询，TCP链接信息，个人在监控http请求比较喜欢使用httpwatch， httpwatch包含IE和firefox插件。不过httpwatch专业版本是收费的，免费版本有些功能限制。 DynaTrace's Ajax Edition ： dynaTrace 是本人常使用的1个免费工具，该工具不但可以检测资源加载瀑布图，而且还能监控页面呈现时间，CPU花销，JS分析和执行时间，CSS解析时间的等。 Speed Tracer : speed trace 是google chrome的1个插件，speed trace的优势点是用于监控JS的解析执行时间，还可以监控页面的重绘、回流，这个还是很强的(dynaTrace也能有这个功能)。 注：安装这个插件，需要安装 Google Chrome

ASP.NET MVC 框架具有以下优点: 它很容易通过将应用程序划分为模型、 视图和控制器管理的复杂性。 它不使用视图状态或基于服务器的窗体。 这使得 MVC 框架特别适合开发人员想要完全控制应用程序的行为。 它使用处理 Web 应用程序请求通过单一控制器前端控制器模式。 这使您能够设计支持丰富的路由基础结构的应用程序。 更多的信息，请参阅 MSDN 网站上的 前端控制器 。 它为测试驱动开发 (TDD) 提供了更好的支持。 它非常适合 Web 应用程序支持的大型团队的开发人员和 Web 设计人员需要高度的控制应用程序的行为。 Web 窗体基于 Web 应用程序的优点 基于 Web 窗体框架具有以下优点: 它支持通过 HTTP，有利于业务线 Web 应用程序开发保留状态的事件模型。 基于 Web 窗体的应用程序提供了许多支持数百个服务器控件的事件。 它使用一种页面控制器模式，将功能添加到单个页面。 更多的信息，请参阅 MSDN 网站上的 页面控制器 。 它使用视图状态或基于服务器的窗体，可以使管理状态信息更容易。 它非常适合小团队的 Web 开发人员和设计师们想要利用大量的可用快速开发应用程序的组件。 一般情况下，它是应用程序开发的复杂程度较低，因为组件 ( Page 类、 控件和等等) 紧密集成，并且通常需要更少的代码比 MVC 模型。 ASP.NET MVC 框架的功能

12种开源Web安全扫描程序 转自：https://blog.csdn.net/wh211212/article/details/78620963 赛门铁克 的一个有趣的报告显示，76％的被扫描网站有恶意软件 如果您使用的是WordPress，那么SUCURI的另一份报告显示，超过70％的被扫描网站被感染了一个或多个漏洞。 作为网络应用程序所有者，您如何确保您的网站免受在线威胁的侵害？不泄露敏感信息？ 如果您正在使用基于云的安全解决方案，则最有可能定期进行漏洞扫描是该计划的一部分。但是，如果没有，那么你必须执行例行扫描，并采取必要的行动来降低风险。 有两种类型的扫描软件 商业(收费) - 给你一个选项来自动扫描持续的安全，报告，警报，详细的缓解说明等，行业中的一些已知的厂商是： Acunetix Detectify Qualys 开源/免费 - 您可以下载并按需执行安全扫描。但不能够覆盖所有漏洞，如商业漏洞。 看看下面的开源Web漏洞扫描器 1. Arachni Arachni 是一款基于Ruby框架构建的高性能安全扫描程序，适用于现代Web应用程序。它可用于Mac，Windows和Linux的便携式二进制文件 Arachnin能适用于下面的平台和语言 Windows, Solaris, Linux, BSD, Unix Nginx, Apache, Tomcat, IIS,

为新项目写的一份规范文档, 分享给大家. 我想前端开发过程中, 无论是团队开发, 还是单兵做站, 有一份开发文档做规范, 对开发工作都是很有益的. 本文档由本人编写, 部分意见来源于网络, 以此感谢, 片面及有误的地方, 希望大家指正. 另, 本文档部分规范是为我所在项目组所写, 使用时请根据实际项目需求修改. 以下为[WEB前端开发规范文档]正文 点此查看WEB版本 规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1. html, css, js, images文件均归档至<系统开发规范>约定的目录中; 2. html文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中, 若界面稿命名为中文, 请重命名与html文件同名, 以方便后端添加功能时查找对应页面; 3. css文件命名: 英文命名, 后缀.css. 共用base.css, 首页index.css, 其他页面依实际模块需求命名.; 4

web相关概念回顾 软件架构 常见的软件结构有下面2种 Client/Server 客户端/服务器端 简称C/S 特点： 在用户本地有一个客户端程序，在远程有一个服务器端程序 如：QQ，迅雷...等等 优点： 用户体验好 缺点： 开发、安装，部署，维护 麻烦 Browser/Server 浏览器/服务器端 简称B/S 特点： 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序 优点： 开发、安装，部署，维护 简单 缺点： 如果应用过大，用户的体验可能会受到影响 对硬件要求过高 BS架构详解 客户端访问服务端，访问的是服务端的网络资源。网络资源有分为静态资源和动态资源。 静态资源 概念： 使用静态网页开发技术发布的资源。 特点： 所有用户访问，得到的结果是一样的。如：文本，图片，音频、视频, HTML,CSS,JavaScript等等， 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源 动态资源 概念： 使用动态网页及时发布的资源。 特点： 所有用户访问，得到的结果可能不一样。如：jsp/servlet,php,asp...等等 如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器 结论： 如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源

在本节中，您将开始修改为电影控制器所新加的操作方法和视图。然后，您将添加一个自定义的搜索页。 在浏览器地址栏里追加/Movies， 浏览到Movies页面。并进入编辑(Edit)页面。 Edit （编辑） 链接是由 Views\Movies\Index.cshtml 视图中的 Html.ActionLink 方法所生成的： @Html.ActionLink("Edit", "Edit", new { id=item.ID }) Html 对象是一个Helper, 以属性的形式, 在 System.Web.Mvc.WebViewPage 基类上公开。 ActionLink 是一个帮助方法，便于动态生成指向Controller中操作方法的HTML 超链接链接。 ActionLink 方法的第一个参数是想要呈现的链接文本 （例如， <a>Edit Me )。第二个参数是要调用的操作方法的名称。最后一个参数是一个 匿名对象 ，用来生成路由数据 （在本例中，ID 为 4 的）。 在上图中所生成的链接是 http://localhost:xxxxx/Movies/Edit/4 默认的路由 （在 App_Start\RouteConfig.cs 中设定） 使用的 URL 匹配模式为: {controller}/{action}/{id} 。因此，ASP.NET 将 http:/