随笔分类 - Html
Html=>Head=>meta
摘要：如今智能机遍布大街小巷，所以，如今的前端攻城师们要大 跨步的迈向移动互联网了，更何况Web App也应用广泛，可能原理还一样，但是一定会有新的东西出现，那就从“头”开始，看看头部那些Meta的新玩意。1、这是一个移动端最常用的meta，定义页面的缩放，如上代表宽度以终端宽度为准，并且不允许用户缩放，更多属性如下：width -- 宽度（范围从200到10,000，默认为980像素/device-width缩放至终端宽度）height -- 高度（范围从223到10,000）initial-scale -- 初始的缩放比例 （范围从 > 0 到 10）minimum-scale -- 允许
阅读全文
防止用户按浏览器后退按钮回到登陆页面
摘要：这个在注册或者登陆的时候是一个普遍的问题，登陆之后，跳转到另外一个页面，如果这时候用户不小心点了后退按钮如果处理不当的话就会重新回到登陆页面，但事实是用户已经登录了，所有页面的状态都应该是已登录的，不管什么情况下都不应该让用户在看到这个页面。用户的点击操作会引发上面的问题，而程序 history.go(-1) & history.back() 也会有一样的bug。这样的问题处理方案比较简单，ajax 拿到 success 的状态码时立刻做跳转，但是这里不能用 window.location.href，这样浏览器还是会记录这个登录历史，应该使用 window.location.repla
阅读全文
Https 协议
摘要：前言HTTPS（全称：Hypertext Transfer Protocol over Secure Socket Layer），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。 它是一个URI scheme（抽象标识符体系），句法类同http:体系。用于安全的HTTP数据传输。https:URL表明它使用了HTTP，但HTTPS存在不同于HTTP的默认端口及一个加密/身份验证层（在HTTP与TCP之间）。这个系统的最初研发由网景公司进行，提供了身份验证与加密通讯方法，现在它被广泛用于万维网上安全敏
阅读全文
HTML 中 META的作用
摘要：说明：meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：name 属性1、用以说明生成工具（如Microsoft FrontPage 4.0）等；2、向搜索引
阅读全文
Cookie详解
摘要：背景在HTTP协议的定义中，采用了一种机制来记录客户端和服务器端交互的信息，这种机制被称为cookie，cookie规范定义了服务器和客户端交互信息的格式、生存期、使用范围、安全性。Cookie格式 Cookie中保存的信息都是文本信息，在客户端和服务器端交互过程中，cookie信息被附加在HTTP消息头中传递，cookie的信息由键/值对组成。下面是一个HTTP头中cookie的例子： Set-Cookie: key = value; Path=/ Cookie中存放的信息包含cookie本身属性和用户自定义属性，一个cookie只能包含一个自定义键/值对。Cookie本身属性有 "
阅读全文
Htmlhelper—CheckBox自动生成两个input
摘要：前言在之前的一篇文章中小猪分享了Htmlhelper的用法。其中有意思的一个就是Checkbox，有必要单独拿出来讲一讲。Htmlhelper—CheckBox细心的读者一定发现了当使用类似语法 @Html.CheckBox("recommend")生成的html中除了一个type="checkbox"的表单元素之外另外还生成了一个type="hidden"的隐藏元素这两个表单元素都有一个name为"recommend"的属性。type为checkbox的表单元素value为true，type为hidden的表单元
阅读全文
设置ASP.NET MVC站点默认页为html页
摘要：问题由来部署了一个Asp.Net MVC的站点,其功能只是作为移动端的服务器，服务器空间里面除了CMS以外就没有其他的页面了。这对于我们来说确实是有点浪费了。可以放点静态的啥小东西放在上面玩一玩。所以就出现了标题中出现的问题。解决方案：方法1：在Global.asax文件中增加 protected void Application_BeginRequest(object sender, EventArgs e) { if (Context.Request.FilePath == "/") Context.RewritePath("index.html")
阅读全文
event.srcElement在火狐(FireFox)下的兼容问题。搜索框获得焦点时默认文字变化
摘要：前言：项目中用到了一个功能，搜索框里有默认的文字，当搜索框获得焦点时里面的默认文字消失，如果失去焦点时搜索框内容为空则让里面的内容回复默认!,.实现：很轻松的在网上找到了类似代码 $("#search_text").focus(function (event) { with (event.srcElement) //如果当前值为默认值，则清空 if (value == defaultValue) value = ""; }); $("#search_text").blur(function res(event) { ...
阅读全文
使用Zen coding高效编写html代码
摘要：zen-Coding是一款快速编写HTML,CSS（或其他格式化语言）代码的编辑器插件，这个插件可以用缩写方式完成大量重复的编码工作，是web前端从业者的利器。 zen-Coding插件支持多种编辑器，在editplus中是默认自带了这个插件，另外其他如UltraEdit，Notepad++等可以自行安装。zen-Conding下载地址：http://code.google.com/p/zen-coding/downloads/list(进入下载页，选择相应的编辑器插件下载)一、Notepad++安装zen-Coding 1.下载zen-Coding的Notepad++插件;(zen-Codi
阅读全文
在Html中使用JavaScript的几点小结
摘要：前言越发的意识到JS这门作为前端语言的重要性。所以下定决心这段时间在项目允许的情况下花大量时间在学习JS上。争取让自己的前端功底深厚一点。小结在包含外部js文件时，必须将src属性设置为指向相应文件的URL。而这个文件既可以是包含它的页面位于同一个服务器上的文件，也可以是其他任何域中的文件。所有元素都会按照他们在页面中出现的先后顺序依次呗解析。在不适用defer和async属性的情况下，只有解析完前面元素中的代码之后，才会开始解析后面的元素中的代码。由于浏览器会先解析完不适用defer属性的元素中的代码，然后再解析后面的内容，所以一般把元素放在页面最后，即主要内容后面，标签前面。适用defer
阅读全文
jQuery实现图片延迟加载
摘要：html：js:$("img").lazyload();注意：1.需要juqery.lozyload.min.js(下载路径：下载链接)2.juqery.lozyload.min.js依赖于jquery。
阅读全文
HTML5 Server-sent Events ASP.NET向Web客户端推送信息
摘要：前言在 Web 应用中，浏览器和服务器之间使用的是请求 / 响应的交互模式。浏览器发出请求，服务器根据收到的请求来生成相应的响应。浏览器再对收到的响应进行处理，展现给用户。响应的格式可能是 HTML、XML 或 JSON 等。随着 REST 架构风格和 AJAX 的流行，服务器更多地使用 JSON 作为响应的数据格式。Web 应用使用 XMLHttpRequest 对象来发送请求，并根据服务器端返回的数据，对页面的内容进行动态更新。通常来说，用户在页面上的操作，比如点击或移动鼠标，会触发相应的事件。由 XMLHttpRequest 对象来发出请求，得到服务器响应之后进行页面的局部更新。这种方式
阅读全文
C#操作JSON字符串
摘要：在前面的文章中，小猪分享过如何将json字符串转换成js对象，具体请看传送门。那如果是前台通过js等其他东东发送过来的json字符串我们要如何将其转换成C#对象呢？如果是post过来的json数组的话我们可以直接使用Request.Form[""]的方式获取值。今天小猪分享的是如何将json数组转换成C#对象。首先引用，using System.Web.Script.Serialization;第二部：定义实体类class Entity{ public int status { get; set; }}第三部：定义泛型转换public static T JSONToObje
阅读全文
HTML之表单验证——续
摘要：验证的js代码/// (function ($) { var FormValidator = function () { this.regexEnum = { idCard: /^[1-9]([0-9]{14}|[0-9]{16})([0-9]|X)$/, num: /^\-?([1-9]\d*)$/, //数字 email: /^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/, phone: /^1[...
阅读全文
HTML之表单验证
摘要：最近准备把公司开发的CMS的表单添加中增加客户端的表单验证，之前一直是使用的ASP.NET自带的服务器验证控件，其用起来固然方便，但却无形中也给服务器带来了压力。(function ($) { var FormValidator = function () { this.regexEnum = { idCard: /^[1-9]([0-9]{14}|[0-9]{16})([0-9]|X)$/, num: /^\-?([1-9]\d*)$/, //数字 email: /^([0-9A-...
阅读全文
浙公网安备 33010602011771号