夫安尔-CSDN博客

原创 $.ajax()方法详解

jquery中的ajax方法参数总是记不住，这里记录一下。1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，

2016-05-30 11:41:48 324

原创 angularjs 中 filter 过滤 orderBy排序手机端自适应js

案列输入框：div class="searchBox_input"> input type="text" ng-model="searchKey_input" placeholder="请输入搜索关键字..."/>div>filter过滤：ul class="goods_inner clearfix"> li class="goods_

2016-04-05 17:59:37 3969

原创 replace限制文本框只能输入数字，数字和字母等的正则表达式

1.文本框只能输入数字代码(小数点也不能输入) onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. onkeyup="if(isNaN(value))execCommand('undo')" on

2016-04-05 16:54:57 9539 2

原创 CSS 文本内容溢出解决方法

1：文本溢出强制换行 display: -webkit-box;-webkit-line-clamp: 2; //2行.title{ width:150px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-bo

2016-03-31 17:59:01 889

原创 js 操作数组

unshift：将参数添加到原数组开头，并返回数组的长度 pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined push：将参数添加到原数组末尾，并返回数组的长度 concat：返回一个新数组，是将参数添加到原数组中构成的 splice(start,deleteCount,val1,val2,...)：从start位置开始删除deleteCount项

2015-12-18 13:24:07 204

原创 css display属性

2015-12-17 17:45:08 344

原创解决IE9支持CSS中文字体经验篇

如何让CSS中使用中文字体后仍然在IE9浏览器显示兼容。一、CSS中文字体IE9兼容出现问题CSS中使用中文字体后Line-height样式在IE9浏览器垂直上下居中样式失效。二、解决IE9兼容中文字体将CSS中使用中文字体的中文字转化为Unicode编码然后替代。最终设置字体效果将不受转换编码而影响同时也兼容了Line-height垂直居中样式，同时IE9即可兼容CSS中

2015-12-17 17:07:57 1006

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器

2015-12-17 16:44:36 322

原创伪静态是什么？伪静态与普通html静态网页区别?

什么是伪静态,伪静态作用伪静态即是网站本身是动态网页如.php、.asp、.aspx等格式动态网页有时这类动态网页还跟“?”加参数来读取数据库内不同资料。很典型的案例即是discuz论坛系统，后台就有一个设置伪静态功能，开启伪静态后，动态网页即被转换重写成静态网页类型页面，通过浏览器访问地址和真的静态页面没区别。前提服务器支持伪静态重写URL Rewrite功能。需要伪静态功能地方

2015-12-17 16:36:17 511

原创 div id class使用与区别

DIV+CSS布局中在HTML代码中我们常常看到div标签、span标签等html标签频繁使用，而div id和div class最常见的单词。如：div id="header">div> div class="abc">div> 类似这样的在div标签中使用id和class调用对应CSS样式。DIV的ID属性和CLASS属性有什么区别呢?1、语法区别i

2015-12-17 16:27:39 553

原创 html乱码原因与网页乱码解决方法

造成html网页乱码原因主要是html源代码内中文字内容与html编码不同造成。但无论是哪种情况造成乱码在网页开始时候都需要设置网页编码。charset编码设置html网页乱码效果截图一、乱码造成原因 - TOP1、比如网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是g

2015-12-17 16:24:32 3488

原创 html使用include出现乱码乱字符号解决方法

html文件或程序文件中使用包含include后出现原文件或被包含的文件代码出现乱码或显示中文内容、字符乱码问题分析与解决方法。使用include出现乱码乱字符号解决方法,为什么有时include一个HTML有中文字显示乱码？造成乱码原因是母HTML和被include引入的HTML文件的编码不统一造成。以下是解决include引入后乱码方法。一、指定编码 - TOP

2015-12-17 16:15:35 3970

原创常用HTML颜色表 - HTML颜色代码色彩表

#000000 #2F0000 #600030 #460046 #28004D #272727 #4D0000 #820041 #5E005E #3A006F #3C3C3C #600000

2015-12-17 16:14:48 713

原创如何选择使用的HTML标签

1、框架布局（使用DIV标签）在网页中框架布局一般使用DIV布局，无论大小DIV盒子一般均使用DIV标签（）布局。2、列表型布局（使用ul li标签）遇到图片列表、文章标题列表，通常使用ul li列表标签进行布局。当然使用这些标签时要进行设置需要CSS样式达到布局效果。这样程序调用数据时候更容易做循环内容。3、标题型布局（使用h1、h2、h3、h4标签）遇到独立的栏目

2015-12-17 16:13:20 347

原创 js函数Math random()、ceil()、floor()、round() 比较

1、Math.random()：返回 0 ~ 1 之间的随机数。 2、Math.round()：四舍五入取整。3、Math.ceil()：返回值：返回大于或等于x，并且与之最接近的整数。注：如果x是正数，则把小数“入”；如果x是负数，则把小数“舍”。4、Math.floor()：返回值：返回小于或等于x，并且与之最接近的整数。注：如果x是正数，则把小数“舍”；如果x

2015-12-16 13:22:02 253

原创 smarty中section的使用

在smarty的使用过程中，有很多时候需要将一个数组输出到模板中来处理，以下将演示如何将一个索引（index）数组和关联（assocaite）数组在页面中展现出来。本文中假设有如下一个索引数组1、索引数组1 $people = array('tony','sweety','abc','four');2 $smarty->assign('people',$peop

2015-12-16 11:25:25 246

转载 JQuery筛选器全系列介绍

1.选择对象1).基本·#id 根据给定的ID匹配一个元素。例如：$("#id")·element 根据给定的元素名匹配所有元素。例如：$("div")·.class 根据给定的类匹配元素。例如：$(".style1");·* 匹配所有元素。例如：$("*")·selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。例如

2015-12-16 09:55:33 375

转载视差滚动原理及实现

作为一种优雅酷炫的页面展示的方式，视差滚动（Parallax Scrolling）正受到越来越多前端设计师的宠爱，优设的2014年网页设计趋势中依然能够看到它的影子，所以我们不得不来好好研究下视差滚动的原理和实现方式。1.视差滚动视差滚动（Parallax Scrolling）指网页滚动过程中，多层次的元素进行不同程度的移动，视觉上形成立体运动效果的网页展示技术。国内外的设计师们实现了

2015-12-15 11:08:37 511

原创 html img加载失败，怎样替换为默认图片

img元素加载图片失败，则变成一个小图标，让页面变得难看。此时如何替换为默认图片？onerror属性img元素自带onerror属性，加载失败时，触发error事件 src="http://yongqing.is-programmer.com/posts/image.gif" onerror='this.src="http://yongqing.is-programmer.com/po

2015-12-14 14:59:12 23218 1

原创 smarty foreach函数

{foreachelse}用于像访问序数数组一样访问关联数组{foreach},{foreachelse}Attribute Name属性名称Type类型Required必要Default默认值Description描述fromarray数组Yes必要n/aThe array y

2015-12-14 13:49:08 285

原创 Smarty assign用法

assignAttribute NameTypeRequiredDefault描述varstringYesn/aThe name of the variable being assignedvaluestringYesn/aThe valu

2015-12-14 13:46:18 1380

原创 Smarty include

includeAttribute NameTypeRequiredDefault描述filestringYesn/aThe name of the template file to includeassignstringNon/aThe n

2015-12-14 13:45:17 622

原创 Bootstrap 进度条

如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性，Opera 12 不支持动画。默认的进度条创建一个基本的进度条的步骤如下：添加一个带有 class .progress 的。接着，

2015-12-14 13:42:29 312

原创 AngularJS Bootstrap

AngularJS 的首选样式表是 Twitter Bootstrap， Twitter Bootstrap 是目前最受欢迎的前端框架。查看 Bootstrap教程。Bootstrap你可以在你的 AngularJS 应用中加入 Twitter Bootstrap，你可以在你的元素中添加如下代码:如果站点在国内，建议使用百度静态资源库的Boot

2015-12-14 13:41:06 383

原创 AngularJS 表单

AngularJS 表单是输入控件的集合。HTML 控件以下 HTML input 元素被称为 HTML 控件:input 元素select 元素button 元素textarea 元素HTML 表单HTML 表单通常与 HTML 控件同时存在。AngularJS 表单实例First Name:Last Nam

2015-12-14 13:39:49 375

原创 Javascript中Event属性大全

属性12altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,screenY, shiftKey, srcEl

2015-12-14 13:31:18 259

原创 css transition动画效果案例

html块：css动画demo1.上标sup 与下标subsub：A11 A12 ...A1nsup：a2 + b2 = c22.1 transition过度transition过度，请将鼠标放上去2.2：选择效果trantransition过度trantransition过度trantransition过度

2015-12-01 14:07:05 3295

原创 jQuery ajax - post() 方法

jQuery Ajax 参考手册实例请求 test.php 网页，忽略返回值：$.post("test.php");TIY 实例通过 AJAX POST 请求改变 div 元素的文本：$("input").keyup(function(){ txt=$("input").val(); $.post("demo_ajax_gethint.asp",{sug

2015-11-30 16:31:38 260

原创 HTML5 Canvas(画布)图像处理

Canvas标记很多年前就被当作一个新的HTML标记成员加入到了HTML5标准中。在此之前，人们要想实现动态的网页应用，只能借助于第三方的插件，比如Flash或Java，而引入了Canvas标记后，人们直接打通了通往神奇的动态应用网页的大门。本教程内容只覆盖了一小部分、但却是非常重要的canvas标记的应用功能——图像显示和处理。图像来源最常见的在canvas上画图的方法是使用Java

2015-11-30 16:24:09 427

原创 HTML5的优势

说到HTML5一般都会提到它新增了一些新的标签，这些标签能够减少文档的大小，也可以节省一些CSS定义，但是这个好处不足以说明HTML5在技术变革上带来的影响，我们还是先要明白HTML5的原理到底是怎样的，它带来的变革为什么会这么大？常见的原理HTML5的产生以及它的设计完全是遵循了一些常见的原理，这些原理在李松峰老师的博客上有详细地阐述。首先第一条原理是：发送时保守

2015-11-30 16:20:58 459 1

原创什么是DOM

文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。脚本开发人员可以通过文档对象的属性、方法和事件来掌控、操纵和创建动态的网页元素。每一个网页元素（一个HTML标签）都对应着一个对象（object，所谓“

2015-11-30 16:07:48 276

原创 Asp清除html中style,javascript,css代码

Asp清除html中style,javascript,css代码Function RemoveHTML(str)Dim objRegExp, Match,strHTMLif isnull(str) thenstr=""end ifstrHTML=strstrHTML=replace(replace(replace(strHTML,vblf,""),vbcr,""),vbcrlf,"")

2015-11-30 16:02:11 719

原创 HTML5简的常用元素与属性（二）: html5新增的通用属性

1.contentEditable属性 true时可直接编辑html元素里面的内容，且具有“可继承”的特点。编辑后不要刷新页面，否则编辑的内容会丢失，可以通过该元素的innerHtml属性来获取编辑后的内容。2.designMode属性此属性相当于一个全局的contentEditable属性3.hidden属性可以替代c

2015-11-30 15:59:24 326

原创 HTML5简的常用元素与属性（一）

html5删除了少量的元素与属性：主要删除了文档样式相关的各种元素与属性，比如、width等，html5规范推荐使用css样式单来控制html文档样式。 1.基本元素、、、、、到、、、（定义水平线）、、~~~ 、与都可以容纳文本和其他内容，不会导致换行，会导致换行，会产生一个段落，所以段落与段落之间默认有更大

2015-11-30 15:56:16 441

原创 html div展开收缩 js 代码

div展开收缩代码-www.zuidaima.com-最代码* { margin:0; padding:0;}body { text-align:center; font:75% Verdana, Arial, Helvetica, sans-serif;}h1 { font:125% Arial, Helvetica, sans-serif; text-align:left; f

2015-11-30 15:53:21 2930

原创 html上标与下标应用

web A11A12...A1n a2+b2=c2 Bab Cab Cb1 SO4-2 2HCO3- + Ca2+ + 2OH- ＝ CaCO3↓ + H2O + CO32- 效果：

2015-11-30 15:29:49 420

原创 jquery 滚动条事件

$("#title").hidden();$("#title")首先为隐藏状态；$(function(){$(window).scroll(function(){if($(window).scrollTop() > 350 && $("#title").is(":hidden")){$("#title").slideDown(300)

2015-11-27 17:43:03 420

原创 html required属性

required 属性规定必需在提交之前填写输入字段。如果使用该属性，则字段是必填（或必选）的。注释：required 属性适用于以下类型：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

2015-11-24 17:58:06 2161

原创 FlexSlider插件的详细设置参数

$(window).load(function() {$('.flexslider').flexslider({namespace: 'flex-', //控件的命名空间，会影响样式前缀animation: "slide", //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动slide

2015-11-09 12:35:31 1016

原创 javaScript正则表达式1

一、什么是正则表达式？1、正则表达式可以:• 测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证• 替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字• 根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字

2015-10-30 17:51:36 231

空空如也

空空如也