web前端
弘毅致远
目前从事微软平台.net开发。
展开
-
一段纯脚本的modal,没用框架
×分享到微信朋友圈打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。 如何使用?原创 2013-10-28 14:52:36 · 741 阅读 · 0 评论 -
viewport详细讲解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个a转载 2018-01-04 11:37:08 · 670 阅读 · 0 评论 -
js替换html代码标签
//体会html标签function escapeHTML(a) { return a.replace(//g, ">").replace(/&/g, "&").replace(/ /g, " ").replace(/"/g, """).replace(/'/g, "'")}原创 2015-03-18 17:15:25 · 7632 阅读 · 0 评论 -
js向url中添加参数
function addUrlPara(name, value) { var currentUrl = window.location.href.split('#')[0]; if (/\?/g.test(currentUrl)) { if (/name=[-\w]{4,25}/g.test(currentUrl)) { currentUrl = currentUrl.replace原创 2015-03-17 18:09:58 · 32539 阅读 · 2 评论 -
javascirpt 取url参数
//取url 参数function getUrlParam(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数if (r!=null) retur转载 2014-05-14 15:43:23 · 722 阅读 · 0 评论 -
滚动图片
滚动图片body,div{border:0;margin:0;padding:0;}#demo li,dl {list-style:none;}#demo {width:1000px;margin: 10px auto;}IMG { BORDER: #ccc 1px solid; PADDING: 1px; WIDTH: 78px; HEIGHT: 78px; }TD DL DT {M原创 2013-08-15 18:36:45 · 787 阅读 · 0 评论 -
圆形图片CSS
border-radius: 50%;border: solid 5px #f4f4f4;-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);box-shadow: 0 0 8px rgba(0,0,0,0.2);原创 2013-12-19 16:24:01 · 1772 阅读 · 0 评论 -
JS控制图片显示的大小(图片等比例缩放)
最新javascript自动按比例显示图片,按比例压缩图片显示cript">function AutoResizeImage(maxWidth,maxHeight,objImg){var img = new Image();img.src = objImg.src;var hRatio;var wRatio;var Ratio = 1;var w = img.wid转载 2012-11-06 10:22:49 · 799 阅读 · 0 评论 -
圆角DIV CSS
div.post-body blockquote{background-color:#e0dfcc;padding:2em;margin:2em2em 2em2em;-moz-border-radius: 20px;-webkit-border-radius:20px;border-radius: 20px;}原创 2012-12-11 10:15:17 · 630 阅读 · 0 评论 -
几个html常用取尺寸属性
scrollLeft:对象左边界与对象当前可视左边界之间距离scrollWidth:对象可滚动宽度scrollTop:对象上边界与对象当前可视上边界距离scrollHeight:对象可滚动高度offsetTop:对象距上边界距离offsetLeft:对象距左边界距离offsetHeight:相对父容器高度offsetWidth:相对父容器宽度clie原创 2013-08-15 18:10:32 · 1218 阅读 · 0 评论 -
关于几个常见的css字体设定问题
font:12px/1.5 arial,\5b8b\4f53,sans-serif 什么意思 字体:字体大小/字体行高 字体格式在CSS中使用中文字体通常直接设置字体名称,比如设置字体为宋体:font-family:’宋体’。但因此产生的一个问题是,如果CSS编码有误,会导致页面加载后CSS中的中文字体乱码直接使用中文字体,有时候在ie6下会出现样式丢失问题。而使用英文代替中文如:转载 2013-10-15 10:57:10 · 3735 阅读 · 0 评论 -
javascript去掉前后空格
function WebForm_TrimString(value) { return value.replace(/^\s+|\s+$/g, '')}\s: space, 空格+: 一个或多个^: 开始,^\s,以空格开始$: 结束,\s$,以空格结束|:或者/g:global, 全局replace() 替换原创 2013-12-12 10:52:30 · 1334 阅读 · 0 评论 -
常用正则表达式收集
^((http|https)://)?(www.)?[^\.]+(\.(com|net|cn|com\.cn|com\.net|net\.cn))(/[^\s\n]*)?$原创 2014-07-17 14:59:14 · 651 阅读 · 0 评论 -
javascript正则表达式中/g /i /m的用法,以及实例
正则的思想都是一样的,但是具体的写法会有所不同,在这里提到的/g,/i,/m在其他的地方也许就不能用了。一,js正则标志/g,/i,/m说明1,/g 表示该表达式将用来在输入字符串中查找所有可能的匹配,返回的结果可以是多个。如果不加/g最多只会匹配一个2,/i 表示匹配的时候不区分大小写3,/m 表示多行匹配,什么是多行匹配呢?就是匹配换行符两端的潜在匹配。影响正转载 2014-07-17 16:14:20 · 1754 阅读 · 0 评论 -
jQuery-对Select的操作集合
jQuery获取Select选择的Text和Value: 请选择 C# Javascript jQuery C++ Java VB 选择一项试试看语法解释:1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_i转载 2012-09-26 16:50:28 · 484 阅读 · 0 评论 -
给HTML初学者的三十条最佳实践
有些通用原则是永远值得参考的,已经做了数年跟web相关的工作,总觉得的在处理html,css上力不从心。本文内容值得备注,以备参考。原文见:给HTML初学者的三十条最佳实践1.保持标签闭合以前,经常见到类似下面的代码(译注:这是多久以前啊……):li>Some text here. li>Some new text here. li>You ge转载 2013-12-30 14:41:17 · 1036 阅读 · 2 评论 -
文件下载之断点续传(客户端与服务端的实现)
文件下载之断点续传(客户端与服务端的实现)阅读目录文件下载-服务端使用a标签提供文件下载使用Response.TransmitFile提供文件下载其他方式文件下载文件下载-客户端直接下载异步下载断点续传断点续传(服务端的支持)多线程同时下载(分片下载)前面讲了文件的上传,转载 2018-01-04 14:14:12 · 748 阅读 · 1 评论