
前端
tianming-tom
424710668
展开
-
html 下拉列表的点击事件
select 事件是注册在自己标签上的,不是onclick,而是onchang view copselect onchange="func() id="page"> option value="0" >选项一option> option value="1" >选项二option> select> 接收参数原创 2017-09-13 09:02:38 · 24414 阅读 · 0 评论 -
bootstrap表格样式
1、table-striped:斑马线表格2、table-bordered:带边框的表格3、table-hover:鼠标悬停高亮的表格4、table-condensed:紧凑型表格(单元格的内距由8px调至5px。)5、table-responsive:响应式表格(当你的浏览器可视区域小于768px时,表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时,原创 2017-08-29 09:01:21 · 498 阅读 · 0 评论 -
js 局部变量和全局变量
javascript有两种变量:局部变量和全局变量。当然,我们这篇文章是帮助大家真正的区别这两种变量。首先,局部变量是指只能在本变量声明的函数内部调用。全局变量时整个代码中都可以调用的变量。当然,单单从字面上理解肯定是不清楚的,下面我详细的介绍下:大家都知道,变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量,就是不用声明,直接使用。而且,千万注意,ja转载 2017-09-01 13:11:17 · 247 阅读 · 0 评论 -
table表格中文本溢出部分用省略号表示
1、一般文本超出宽度可进行如下设置:width:300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;注意:需要设置文本溢出的容器必须设置宽度。其中:text-overflow取值为clip 修剪文本。 ellipsis 显示省略符号来代表被修剪的文本。s原创 2017-09-15 08:05:44 · 4057 阅读 · 0 评论 -
两个div并列
div是块级元素,是独占一行的,一般情况下,两个相邻的div是不会处于一行的。(1)使用float div { float : left; }(2)使用inline-block div { display:inline-block ; }注意: 为什么原创 2017-09-21 11:03:30 · 405 阅读 · 0 评论 -
HTPPS和HTTP的概念和区别
HTPPS和HTTP的概念HTTPS(全称:Hypertext Transfer Protocol over Secure Socket Layer),是以安全为目标的HTTP通道,简单讲是HTTP的安全版。即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。 它是一个URI scheme(抽象标识符体系),句法类同http:体系。用于安全的HTTP数据转载 2017-09-25 12:53:44 · 3889 阅读 · 0 评论 -
jquery聚焦自动轮播图片
主页核心代码(Default.aspx): [html] view plain copy> html> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> title>jQuery实现图片切换t转载 2017-09-26 16:16:35 · 687 阅读 · 0 评论 -
textarea字数限制
function collect_submit() {var len = $(".describe").val().length;var num = 500 - len;if (len > 501) {$(this).val($(this).val().substring(0, 500));}if (len alert("最少5个字");}}on原创 2017-09-27 17:04:48 · 501 阅读 · 0 评论 -
防止表单的多次提交情况处理
在说明处理方案前,我们先来列举一下有哪些情况会出现表单重复提交的情况,接着我们从客户端到服务端的顺序逐一说明处理方案。多次点击提交按钮提交表单后,点击浏览器的后退按钮使用浏览器的历史记录重复提交表单点击浏览器的刷新按钮若有读者发现仍有其它重复提交表单的情况,欢迎留言提出,谢谢。客户端角度在提交表单后,使用JS将提交按钮disable。这种方法可以防止用户多次点击提交转载 2017-09-27 17:18:01 · 1436 阅读 · 0 评论 -
在jsp页面内使用Date类型的数据
推荐使用jstl标签。@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%> "${time}" pattern="yyyy-MM-dd HH:mm:ss"/> 注意这里的yyyy-MM-dd HH:mm:ss大小写是影响结果的。具体参考如下:原创 2017-09-28 08:53:43 · 8057 阅读 · 0 评论 -
layer.close()
error : function(info) {layer.open({type : 1,closeBtn : false,shift : 6,content : "出错了:系统繁忙,请稍后重试!"+ "",title : "需求/意见反馈",})}function layoutClose() {layer.close(layer.index);原创 2017-09-28 11:09:07 · 1053 阅读 · 0 评论 -
z-index属性
浏览器支持所有主流浏览器都支持 z-index 属性。注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。定义和用法z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释:元素可拥有负的 z-index 属性值。注释:Z-index 仅能在原创 2017-10-13 09:56:54 · 256 阅读 · 0 评论 -
弹出层随屏滚动
一、层跟随屏幕滚动 层1 层2 .div1{ background-color:#FF0000; width:2000px; height:2000px; } .div2{ background-co转载 2017-10-13 10:09:01 · 1932 阅读 · 0 评论 -
JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式;?123vara={"name转载 2017-10-27 08:55:47 · 1412 阅读 · 0 评论 -
纯css绘制三角形
在当前流行的的网站上,我们经常会看到一些小三角形的下拉提示(微博顶部的下拉菜单),简单的方式可以使用一张图片代替,但是随着前端技术的发展,以及开发者对于前端性能的“吹毛求疵”,越来越多的前端开发者开始“返璞归真”,在能不使用图片的场景中减少图片使用,css图标相对于图片还有个优势是我们可以方便的定制图标的大小以及颜色。css实现三角形图标已不是什么新鲜技术,之前也有很多相关的技术文章,这篇原创 2017-11-14 16:20:07 · 245 阅读 · 0 评论 -
vue 问题总结
问题汇总Q:安装超时(install timeout)方案有这么些:cnpm : 国内对npm的镜像版本/*cnpm website: https://npm.taobao.org/*/npm install -g cnpm --registry=https://registry.npm.taobao.org// cnpm 的大多命令跟 npm 的是一转载 2018-01-10 10:20:31 · 4554 阅读 · 0 评论 -
前后端分离简单实现
前端vue,在git bash窗口,# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖$ cd my-project$ npm install$ npm run dev未完待续!!!原创 2018-01-24 17:17:20 · 1363 阅读 · 0 评论 -
调式vue项目vue-devtools以及使用
首先用git从https://github.com/vuejs/vue-devtools,将项目克隆到本地;git clone https://github.com/vuejs/vue-devtools.git 然后切换到 vue-devtools目录下cd vue-devtools 安装命令为:npm install 安装完模块后npm r原创 2018-01-25 14:31:34 · 1042 阅读 · 0 评论 -
cookie和session以及localstorage的区别
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在浏览器端,session保存在服务器端2、使用方式:(1)cookie机制:如果不在浏览器中设置过期时间,cookie被保原创 2018-01-17 14:45:53 · 1377 阅读 · 0 评论 -
笔记 js进制转换
js中的进制转换,主要运用两个函数:toString(2)//十进制转换为二进制;parseInt(1010, 2)//二进制转换为十进制 toString 方法返回对象的字符串表示。objectname.toString([radix]);objectname参数,必选项;要得到字符串表示的对象。radix参数,可选项;指定将数字值转换为字符串时的进制。对象 操作Arra原创 2018-01-08 16:36:06 · 230 阅读 · 0 评论 -
vue.js更改默认端口号
vue.js如何更改默认端口号8080为指定端口执行npm run dev实际是在调用根目录下的package.json打开package.json后可发现有这样一段代码[html] view plain copy"scripts": { "dev": "node build/dev-server.js", "build": "node build/bu原创 2018-01-24 15:14:12 · 1861 阅读 · 0 评论 -
笔记 纯css绘制三角形原理动态演示链接地址
纯css绘制三角形原理动态演示链接地址原创 2017-11-14 16:47:19 · 301 阅读 · 0 评论 -
防止JavaScript注入攻击
这篇文章主要介绍在ASP.NET MVC应用程序中如何防止JavaScript注入攻击。这篇文章讨论了两种防止JavaScript攻击的方法:在显示数据的时候,通过使用Encoding来防止攻击在接收到数据的时候,通过使用Encoding防止攻击一、什么是JavaScript注入攻击(原创:灰灰虫的在我们接收用户输入或在页面显示用户输入的数据时,我们的网站默认是向JavaScr转载 2017-11-23 10:19:32 · 1809 阅读 · 0 评论 -
node.js&package.json
如何开始学习node首先介绍几个我入门的教程:七天学会nodejs:https://nqdeng.github.io/7-days-nodejs/菜鸟教程-nodejs教程:http://www.runoob.com/nodejs/nodejs-tutorial.html这两个教程相对比较简单,所以看完这两个教程后,对nodejs就会也只会有一个大致的了解然转载 2018-01-12 11:18:26 · 285 阅读 · 0 评论 -
Handlebars.js使用介绍
原文:Learn Handlebars in 10 Minutes or Less翻译:前端开发whqet, 意译为主,不当之处敬请指正。作者简介:Danny Markov ,Tutorialzine的bootstrap和html5方面的专家,业余时间喜欢骑自行车或在公园的某个角度码码。译者的话:据说handlebars是一个流行的模板引擎,可以把html从javasc转载 2018-01-12 10:40:08 · 10907 阅读 · 1 评论 -
settings.xml配置详解
settings.xml有什么用?如果在Eclipse中使用过Maven插件,想必会有这个经验:配置settings.xml文件的路径。settings.xml文件是干什么的,为什么要配置它呢?从settings.xml的文件名就可以看出,它是用来设置maven参数的配置文件。并且,settings.xml是maven的全局配置文件。而pom.xml文件是所在项目的局部配置。转载 2018-01-11 15:34:25 · 13364 阅读 · 0 评论 -
点击显示再次点击隐藏
$(function(){ $('#a').click(function(){//点击a标签 if($('#b').is(':hidden')){//如果当前隐藏 $('#b').show();//那么就显示div }else{//否则 $('#b').hide();//就隐藏div原创 2017-10-17 09:58:14 · 898 阅读 · 0 评论 -
动态改变div位置
var item_id =$(this).attr("data-id"); var num = item_id-1; var px="px" var temp = 130+num*55+px; $('#over').css({'top':temp});原创 2017-10-18 09:40:12 · 2278 阅读 · 0 评论 -
ajax例子
1、Ajax应用场景:Asynchronous JavaScript and XML(异步的 javascript 和 XML)(1)搜索框(2)用户注册时校验用户名是否被注册(3)分页 2、Ajax优缺点:(1)优点:①异步交互,增强用户体验②服务器部分响应,减轻服务器压力,提高性能(2)缺点:① 不能应用在全部场景②增多了对服务器的访问次数,转载 2017-08-14 09:06:07 · 1972 阅读 · 0 评论 -
jQuery Ajax方法
Ajax(1)使用load()方法异步请求数据使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为:load(url,[data],[callback])参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。 $("#btnSh原创 2017-08-14 14:11:13 · 224 阅读 · 0 评论 -
Jquery+AJAX的结合使用
1 调用方式 $.ajax( { type: "POST", url: "serverlet", //data:"username="+username, data: {" uid": str}, // uid为参数的名称,str为值;多个参数写法:"{'参数1':'值1','参数2':'值2转载 2017-08-14 14:37:30 · 3474 阅读 · 1 评论 -
在a标签中调用js函数的点击事件总结
我们常用的在a标签中有点击事件:1. a href="javascript:js_method();"这 是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行 javasc原创 2017-08-15 10:27:08 · 12133 阅读 · 0 评论 -
MVC+jQuery.Ajax异步实现增删改查和分页的实例
本文实例为大家分享了MVC+jQuery.Ajax异步实现增删改查和分页的具体代码,供大家参考,具体内容如下1、Model层代码using System;using System.Data;using System.Configuration;using System.Linq;using System.Web;using System.Web.Security;using转载 2017-08-15 10:41:15 · 4127 阅读 · 2 评论 -
js弹窗
1、最基本的弹出窗口代码 [javascript]view plain copy "javascript"> window.open ('page.html') --> 因为这是一段javascripts代码,所以它们应该放在标签和</script>之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代转载 2017-08-16 10:11:34 · 221 阅读 · 0 评论 -
layer弹窗内添加文本框
layer是非常好用的弹窗插件,具体参见官方文档 官方有很多示例,使用方法也非常简单,引入官方下载的css和js就可以了。但是有时候,弹窗提醒并不能满足我们的所有要求。例如,在奖品界面,希望点击“编辑奖品”的时候,能弹出对话框让我们来填写信息,如下图所示:如何用简洁美观的 layer 实现这一功能呢?官方并没有给我们提供示例,那就自己动手写吧。下面把代码贴出来。给“添加转载 2017-08-17 14:21:16 · 13429 阅读 · 0 评论 -
javascript调用java方法
本文中所有的代码使用 JavaScript 编写,但你也可以用其他兼容 JSR 223 的脚本语言。这些例子可作为脚本文件也可以在交互式 Shell 中一次运行一个语句的方式来运行。在 JavaScript 中访问对象的属性和方法的语法与 Java 语言相同。本文包含如下几部分:1、访问 Java 类为了在 JavaScript 中访问原生类型或者引用 Java 类型,可以转载 2017-08-17 16:30:27 · 24194 阅读 · 1 评论 -
onclick和click的区别及示例
1.$("").click与onclick的区别示例介绍onclick是绑定事件,click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,下面有个示例,大家可以看看Html代码 $(function(){ $("#btn4").click(function(){ $("#btn3").click(); }); }); funct原创 2017-08-31 11:13:34 · 20194 阅读 · 0 评论 -
jsp取得绝对路径
采用绝对路径,但为了解决不同部署方式的差别,在所有非struts标签的路径前加${pageContext.request.contextPath},如原路径为: ”/images/sun.gif”,改为 “${pageContext.request.contextPath}/images/sun.gif”。 代码” ${pageContext.request.contextPath}”原创 2017-09-06 08:29:38 · 389 阅读 · 0 评论 -
清除浮动
.clear{clear:both;height:0;overflow:hidden;}上诉办法是在需要清除浮动的地方加个div.clear或者br.clear,我们知道这样能解决基本清浮动问题。但是这种方法的最大缺陷就是改变了html结构,虽然只是加个div。 最优浮动闭合方案(这是我们推荐的):.clearfix:after{content:”.”;display:转载 2017-09-06 09:20:31 · 153 阅读 · 0 评论 -
jQuery中val()方法用法
此方法设置或获取匹配元素的value属性值。只有具有value属性的元素才能够使用此方法。比如input元素可以使用此方法,而div元素就不可以。使用方式:用法一:此方法不带参数的时候是返回第一个匹配元素的value属性值。例如:$("input").val()以上代码是获取第一个input元素的value属性值。用法二:原创 2017-09-06 09:38:42 · 5544 阅读 · 0 评论