【jquery】基于 jquery 实现 ie 浏览器兼容 placeholder 效果

原文链接：http://www.cnblogs.com/yjzhu/p/4398835.html

placeholder 是 html5 新增加的属性，主要提供一种提示（hint），用于描述输入域所期待的值。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。placeholder 属性适用于以下类型的 input 标签：text, search, url, telephone, email 以及 password。

我们先看下在谷歌浏览器中的效果，如图所示：

获得焦点时：

输入字段：

因为是 html5 属性，自然低版本的浏览器比如 ie6-8 不兼容。下面就介绍下如何在低版本浏览器中显示以上效果，话不多说直接上代码。

html：

复制代码 
<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8"/>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

    <meta name="renderer" content="webkit"/>

    <meta name="keywords" content=""/>

    <meta name="description" content=""/>

    <title>基于 jquery 实现 ie 浏览器兼容 placeholder 效果</title>

    <style>

    *{margin:0;padding:0;}

    .txt{position:relative;font-size:12px;margin:10px;}

    .txt input{border:1px solid #ccc;height:30px;line-height:30px;padding:0 10px;width:200px;}

    .txt .txt-tip{color:#999;position:absolute;left:10px;top:0;height:32px;line-height:34px;}

    </style>

</head>

<body>

    <div class="txt">

        <input type="text" value=""/>

    </div>

</body>

</html>

<script src="js/jquery.min.js"></script>

<script src="js/placeholder.js"></script>

<script>

$(function(){

    var $input = $('.txt input');

    initPlaceholder($input, '请输入内容', 'txt-tip');

});

</script>
复制代码

placeholder.js：

复制代码 
function initPlaceholder($input, msg, classname){

    var isIE = !!window.ActiveXObject || 'ActiveXObject' in window;

    var isPlaceholder = 'placeholder' in document.createElement('input');

    if(isPlaceholder && !isIE){

        $input.attr('placeholder', msg);

    }else{

        var $tip = $('<span></span>');

        $input.removeAttr('placeholder');

        if($input.is(':hidden')){

            $tip.hide();

        }

        $tip.addClass(classname).text(msg);

        $input.after($tip);

        $.data($input[0], 'tip', $tip);

        if($input.val() != ''){

            hidePHTip($input);

        }

        dealPHTip($input, $tip);

    }

}

function hidePHTip($input){

    var $tip = $.data($input[0], 'tip');

    if($tip){

        $tip.hide();

    }

}

function dealPHTip($input, $tip){

    var _deal = function(){

        var val = $input.val();

        if(val == ''){

            $tip.show();

        }else{

            $tip.hide();

        }

    };

    $tip.click(function(){

        $input.focus();

    });

    $input.on('input propertychange', function(){

        clearTimeout(timeout);

        var timeout = setTimeout(_deal, 0);

    });

}
复制代码

实现原理：首先过滤下浏览器，非 ie 浏览器并且支持 placeholder 属性就用 placeholder，ie 浏览器则用 span 代替 placeholder 文本内容，通过样式定位在 input 上方，同时监听 input 输入框值的变化来判断显示或隐藏 span。

我们来看下 ie6 浏览器中的效果：

获得焦点时：

输入字段：

可以看到和谷歌浏览器的效果是一致的，唯一不足的就是文字没有居中，可以通过 css 进行修改。

你可能感兴趣的:(placeholder)

  • nacos管理springboot配置时，发生的Could not resolve placeholder两种原因 生产队队长 SpringAllspringboot
    IllegalArgumentException:Couldnotresolveplaceholder'xxx.xxx.xxx'invalue"${xxx.xxx.xxx}"第一种：确实缺少配置，加上对应的配置即可。第二种：这个情况，可能会迷惑很多人报错某个配置无法引用，但是，检查配置时，确实存在，已经配置好了。而且，整个yml文件也没有语法格式错误。原因：我们在解决第一个问题的时候，可能导致这个
  • flutter 一键打出不同包名、应用名、版本名、签名、应用图标、版本号的安装包 Sindyue flutter
    1.build.gradle文件中配置不同的应用信息flavorDimensions"app"productFlavors{app1{//配置包名manifestPlaceholders=[str:"releaseStr",package_name:"com.example.demo1"]applicationId"com.example.demo1"versionCode1versionName
  • 使用vue3+ts封装一个自动补全输入框Autocomplete组件 温暖前端 javascript前端vue.js
    创建一个名为Autocomplete.vue的文件，在这个组件中，使用了Vue3的CompositionAPI，包括ref、watch、onMounted等。组件接收placeholder、debounce和clearable作为props，并根据这些props来渲染输入框和下拉菜单{{item}}import{defineComponent,ref,watch,onMounted}from'vu
  • python--pyQt5中QLineEdit -- (单行文本框) 文本行编辑 星寂樱易李 pyside6pythonqt开发语言
    一、获取、提示、设置文本displayText获取除NoEcho以外的文本text获取所有文本，包括NoEchosetPlaceholderText设置占位文本，无法被text或者displayText获取setText设置文本#-*-coding:utf-8-*-fromPySide6.QtWidgetsimportQApplication,QWidget,QLineEdit,QPushButt
  • vue表格刷新数据_vue+element-ui实现表格某个数据弹窗添加数据，保存后数据更新，再次打开弹窗，数据回显... weixin_39538693 vue表格刷新数据
    实现功能：1、生成数据插入table2、修改table的某个数据，保存后该数据进行更新3、点击table的btn，选择的数据仍是选中状态，数据回显示例-1-选择地址插入表格示例-2-选择指定岗位示例-3-选择岗位出现table里示例-4-打开弹窗之前选择的岗位仍是选中一、页面布局Cascader级联选择器选择地址插入table，插入的数据可删除，可添加岗位页面布局代码：placeholder="请
  • Ant 前端框架 atennis003 Ant框架前端框架前端
    Ant学习官网https://antdv.com/docs/vue/introduce-cn/1.面包屑--面包屑--面包屑第一级--左边添加图标首页--面包屑第二级--左边添加图标系统设置--面包屑2.多选--多选框定义多选标题--多选框名称--默认不可选的多选框3.单选单选单选框--默认选择为“a”，选择形式为实色填底，输入框大小为大--单选框默认无法选择4.输入框1.placeholder输
  • JS操作dom修改Element中DatePicker的数据 冰眸js javascript前端html
    letstart=document.querySelector('input[placeholder="请选择开始日期"]');start.value='2024-04-25'start.dispatchEvent(newEvent('input'))varenterKeyEvent=newKeyboardEvent('keydown',{key:'Enter',code:'Enter',keyC
  • el-from表单实现lable字体大小改变 乐容 vue.jsjavascript前端
    //给当前页面所以的lable都字体发生改变/deep/.el-form-item__label{font-size:40px;}//如何想给某个lable字体修改.my-form/deep.el-form-item__label{font-size:20px;}设置表单宽度大小直接在组件上写宽度即可设置输入框中提示语的字体大小/deep/.el-input__inner::placeholder
  • 这次暴跌仅排比特币历史第五，市场可能会在2019年上半年复苏 色韵神调
    在过去的七天里，加密货币市场已经失去了650多亿美元市值，因为包括比特币(BTC)、以太坊(ETH)、瑞波币(XRP)、比特币现金(BCH)和其他数字资产在内的所有主要加密货币都遭受了10%至50%的大幅度暴跌。然而，这种跌幅在加密货币历史上只能排在第五位。CCEX永续合约交易平台Placeholder资产管理公司合伙人ChrisBurniske表示，美国股市回调、以太坊抛售、以及比特币现金硬分叉
  • uniapp 下拉菜单地区和筛选（使用直接改源代码适配） 鹤鸣的日常 uni-app前端java
    地区筛选{{item.name}}0">{{item.name}}0">{{item.name}}重置查看品种{{item.name}}价格区间（元）handleChangePriceMin(e)":value="paramsData.priceMin"class="fillIn-input"placeholder="最低价"/>一handleChangePriceMax(e)":value="p
  • HTML5中新增的验证属性 萌萌哒的鸡蛋
    1.提示，输入域为空时显示，获得焦点输入内容后消失（标签属性，直接写在标签属性中）placeholder2.输入域不能为空required3.规定验证输入域的模式（正则表达式，有双引号，表达式没有开始和结束）pattern4.核心属性validitysetCustomValidity()方法自定义错误提示信息，不能和alert()方法一起使用，会被覆盖5.环境变量JAVA_HOME导入到安装目录，
  • 用生成器函数生成表单各字段 cdcdhj javascript学习日记javascript前端
    生成器函数生成表单字段是非常合适的用法,避免你要用纯javascript做后台时频繁的制作表单，而不能重复利用//这里是javascript部分，formfiled.js//生成器函数对字段的处理，让各字段name\className\label\value\placeholder赋值到input的属性上function*formFieldGenerator(fields){for(constfi
  • 鸿蒙-聚焦 小蘑菇2018 鸿蒙harmonyos
    Search({value:$$this.searchValue,placeholder:$r('app.string.maillist_search_tip')}).defaultFocus(true).id('blurId')Button('点我搜索框聚焦').onClick(()=>{        focusControl.requestFocus('blurId');})
  • CSS的:placeholder-shown伪类：精确控制输入框占位符样式 2402_85758349 css前端
    CSS（层叠样式表）是控制网页元素样式的强大工具。随着Web开发技术的进步，CSS不断引入新的选择器和伪类，以增强开发者对页面元素的控制能力。:placeholder-shown伪类是CSS中一个相对较新的特性，它允许开发者针对输入字段中显示占位符文本的元素应用特定的样式。本文将深入探讨:placeholder-shown伪类的使用，以及如何通过它来提升表单输入框的用户体验。:placeholde
  • IOS 12 自定义用户协议对话框 sziitjin IOSios
    实现效果实现逻辑本文使用QMUI里面提供的控制器+自定义控件实现。添加依赖#腾讯开源的UI框架，提供了很多功能，例如：圆角按钮，空心按钮，TextView支持placeholder#https://github.com/QMUI/QMUIDemo_iOS#https://qmuiteam.com/ios/get-startedpod"QMUIKit"还不了解如何使用CocoaPods管理依赖的，建
  • 初识tensorflow程序设计模式 Phoenix Studio 深度学习tensorflow人工智能python
    文章目录建立'计算图'tensorflowplaceholdertensorflow数值运算常用的方法tensorboard启动tensorboard的方法建立一维与二维张量建立一维张量建立二维张量建立新的二维张量矩阵的基本运算矩阵的加法矩阵乘法与加法github地址https://github.com/fz861062923/TensorFlow建立’计算图’#建立‘计算图’importtens
  • TenorFlow多层感知机识别手写体 Phoenix Studio 深度学习opencv数据挖掘语音识别机器学习神经网络
    文章目录数据准备建立模型建立输入层x建立隐藏层h1建立隐藏层h2建立输出层定义训练方式建立训练数据label真实值placeholder定义lossfunction选择optimizer定义评估模型的准确率计算每一项数据是否正确预测将计算预测正确结果，加总平均开始训练画出误差执行结果画出准确率执行结果评估模型的准确率进行预测找出预测错误GITHUB地址https://github.com/fz86
  • 用tensorflow模仿BP神经网络执行过程 Phoenix Studio 深度学习tensorflow神经网络人工智能
    文章目录用矩阵运算仿真BP神经网络y=relu((X․W)+b)y=sigmoid((X․W)+b)以随机数产生Weight(W)与bais(b)placeholder建立layer函数改进layer函数，使其能返回w和bgithub地址https://github.com/fz861062923/TensorFlow用矩阵运算仿真BP神经网络importtensorflowastfimportn
  • 前端开发常用技巧（update...） 一只程序猿小白 EchartsJavaScriptcssjavascriptcsshtmlvue.js前端
    前端开发常用技巧JS1、JavaScript删除子节点的方法2、JS动态生成div并添加点击事件CSS1、文本溢出处理2、使用伪类添加下划线3、使用伪类添加下划线下划线居中4、输入框默认字体颜色5、CSS画梯形6、uni-app中textarea中的字数限制问题7、设置Input的placeholder的字体样式Echarts1、ECharts柱状图设置立体圆柱型2、ECharts柱状图柱体颜色渐
  • textfield 赤焰军少帅林殊
    import"ZYTextField.h"@implementationZYTextField(instancetype)initWithFrame:(CGRect)frame{self=[superinitWithFrame:frame];if(self){}returnself;}//控制placeHolder的位置-(CGRect)placeholderRectForBounds:(CGRe
  • uni-app使用uView打开弹出层后输入框聚焦时placeholder错位问题 PENG越 uni-app前端
    这里就不放效果了，大概意思就是在使用uView的popus时，在底部弹出后，如果弹窗中的输入框会造成一瞬间的placeholder文字错位，这个问题的主要是因为uView安全区适配导致uView相关文档https://www.uviewui.com/components/safeAreaInset.htmlpopus源码它会自动判断在并且在IPhoneX等机型的时候，给元素加上一个适当底部内边距，
  • HarmonyOS 二次封装一个输入框组件 实现禁用效果 瑞晟技术服务中心-耿瑞 harmonyos华为鸿蒙
    我们创建一个ets文件然后编写代码如下@ComponentexportstructInput{@Linkvalue:string;@Linkplaceholder:string;@Linkdisable:boolean;build(){Row(){TextInput({text:this.value,placeholder:this.placeholder?this.placeholder:""}
  • 【flutter-DIO-JSON】多层嵌套读取 鲁正杰 flutter开发语言
    当JSON返回结果是多层嵌套的时候，可以通过逐层解析来提取所需的数据。以下是一个简单的示范例子，展示了如何处理一个3层嵌套的JSON返回结果：import'package:dio/dio.dart';voidmain()async{Diodio=Dio();try{Responseresponse=awaitdio.get('https://jsonplaceholder.typicode.com
  • watch和watchEffect使用 helloroses javascript前端vue.js
    import{ref,watch}from'vue'consttodoId=ref(1)consttodoData=ref(null)asyncfunctionfetchData(){todoData.value=nullconstres=awaitfetch(`https://jsonplaceholder.typicode.com/todos/${todoId.value}`)todoData
  • Swift修改UITextfield的Placeholder字体大小和颜色 请叫我飞哥@ Swiftswift开发语言ios
    字体大小textField.attributedPlaceholder=NSAttributedString.init(string:"请输入您的密码",attributes:[NSAttributedString.Key.font:UIFont.systemFont(ofSize:15)])字体颜色textField.attributedPlaceholder=NSAttributedStrin
  • element Input 输入框回车事件 高坚果_
    v-model="obj.accountNum"@keyup.enter.native="getdata"style="width:260px"placeholder="请输入账号进行搜索关联">@keyup.enter.native="getdata"
  • 2024.02.08 云乐866 c语言
    #include"widget.h"#include"ui_widget.h"Widget::Widget(QWidget*parent):QWidget(parent),ui(newUi::Widget){ui->setupUi(this);this->setWindowIcon(QIcon(":/zh.png"));ui->lineEdit->setPlaceholderText("账号/手机
  • H5/CSS 笔试面试考题（31-40） 宇宙中的一颗星 h5/css笔试css面试前端
    简述CSS样式，边距：10px20px40px30px；哪一个是底边距()A：10pxB：20pxC：40pxD：30px面试通过率：45.0%推荐指数：★★★试题难度：初级试题类型：选择题答案：c简述在HTML5中，哪个属性用于规定输入字段是必填的()A：requiredB：formvalidateC：validateD：placeholder面试通过率：66.0%推荐指数：★★★试题难度：初级
  • SpringIOC之support模块PropertySourcesPlaceholderConfigurer 卡布奇诺-海晨 Spring家族及微服务系列springspringboot
    博主介绍：✌全网粉丝5W+，全栈开发工程师，从事多年软件开发，在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue等前后端分离项目，可以在左边的分类专栏找到更多项目。《Uniapp项目案例》有几个有un
  • odoo中的视图标签（自用） 程序猿-张益达 Pythonodoopython
    前端常用视图标签：学习了一段时间odoo，从中学习到了哪些标签是比较重要的，以及经常使用到的便签属性。field标签包括常用的属性有name、string、placeholder、widget、domain、attrs、options等1.name属性name属性值是model，关联的是模型名称，表示该视图关联的模型，对应到数据库就是数据库中的某张表，模型中放的字段就是对应到数据库表中的字段。na
  • 多线程编程之理财 周凡杨 java多线程生产者消费者理财
          现实生活中，我们一边工作，一边消费，正常情况下会把多余的钱存起来，比如存到余额宝，还可以多挣点钱，现在就有这个情况：我每月可以发工资20000万元 （暂定每月的1号），每月消费5000（租房+生活费）元（暂定每月的1号），其中租金是大头占90%，交房租的方式可以选择（一月一交，两月一交、三月一交），理财：1万元存余额宝一天可以赚1元钱，
  • [Zookeeper学习笔记之三]Zookeeper会话超时机制 bit1129 zookeeper
    首先，会话超时是由Zookeeper服务端通知客户端会话已经超时，客户端不能自行决定会话已经超时，不过客户端可以通过调用Zookeeper.close()主动的发起会话结束请求，如下的代码输出内容 Created /zoo-739160015 CONNECTEDCONNECTED .............CONNECTEDCONNECTED CONNECTEDCLOSEDCLOSED
  • SecureCRT快捷键 daizj secureCRT快捷键
    ctrl + a : 移动光标到行首ctrl + e ：移动光标到行尾crtl + b: 光标前移1个字符crtl + f: 光标后移1个字符crtl + h : 删除光标之前的一个字符ctrl + d ：删除光标之后的一个字符crtl + k ：删除光标到行尾所有字符crtl + u : 删除光标至行首所有字符crtl + w:  删除光标至行首
  • Java 子类与父类这间的转换 周凡杨 java 父类与子类的转换
        最近同事调的一个服务报错，查看后是日期之间转换出的问题。代码里是把 java.sql.Date 类型的对象 强制转换为 java.sql.Timestamp 类型的对象。报java.lang.ClassCastException。       代码：            
  • 可视化swing界面编辑 朱辉辉33 eclipseswing
          今天发现了一个WindowBuilder插件，功能好强大，啊哈哈，从此告别手动编辑swing界面代码，直接像VB那样编辑界面，代码会自动生成。       首先在Eclipse中点击help，选择Install New Software,然后在Work with中输入WindowBui
  • web报表工具FineReport常用函数的用法总结（文本函数） 老A不折腾 finereportweb报表工具报表软件java报表
    文本函数 CHAR CHAR(number):根据指定数字返回对应的字符。CHAR函数可将计算机其他类型的数字代码转换为字符。 Number:用于指定字符的数字，介于1Number:用于指定字符的数字，介于165535之间（包括1和65535）。 示例: CHAR(88)等于“X”。 CHAR(45)等于“-”。   CODE CODE(text):计算文本串中第一个字
  • mysql安装出错 林鹤霄 mysql安装
    [root@localhost ~]# rpm -ivh MySQL-server-5.5.24-1.linux2.6.x86_64.rpm Preparing...                #####################
  • linux下编译libuv aigo libuv
    下载最新版本的libuv源码，解压后执行： ./autogen.sh   这时会提醒找不到automake命令，通过一下命令执行安装（redhat系用yum，Debian系用apt-get）： # yum -y install automake # yum -y install libtool     如果提示错误：make: *** No targe
  • 中国行政区数据及三级联动菜单 alxw4616
    近期做项目需要三级联动菜单,上网查了半天竟然没有发现一个能直接用的! 呵呵,都要自己填数据....我了个去这东西麻烦就麻烦的数据上. 哎,自己没办法动手写吧. 现将这些数据共享出了,以方便大家.嗯,代码也可以直接使用   文件说明 lib\area.sql -- 县及县以上行政区划分代码（截止2013年8月31日)来源：国家统计局 发布时间：2014-01-17 15:0
  • 哈夫曼加密文件 百合不是茶 哈夫曼压缩哈夫曼加密二叉树
     在上一篇介绍过哈夫曼编码的基础知识,下面就直接介绍使用哈夫曼编码怎么来做文件加密或者压缩与解压的软件,对于新手来是有点难度的,主要还是要理清楚步骤;   加密步骤:  1,统计文件中字节出现的次数,作为权值   2,创建节点和哈夫曼树   3,得到每个子节点01串   4,使用哈夫曼编码表示每个字节  
  • JDK1.5 Cyclicbarrier实例 bijian1013 javathreadjava多线程Cyclicbarrier
    CyclicBarrier类 一个同步辅助类，它允许一组线程互相等待，直到到达某个公共屏障点 (common barrier point)。在涉及一组固定大小的线程的程序中，这些线程必须不时地互相等待，此时 CyclicBarrier 很有用。因为该 barrier 在释放等待线程后可以重用，所以称它为循环的 barrier。 CyclicBarrier支持一个可选的 Runnable 命令，
  • 九项重要的职业规划 bijian1013 工作学习
    一. 学习的步伐不停止        古人说，活到老，学到老。终身学习应该是您的座右铭。        世界在不断变化，每个人都在寻找各自的事业途径。        您只有保证了足够的技能储
  • 【Java范型四】范型方法 bit1129 java
    范型参数不仅仅可以用于类型的声明上，例如   package com.tom.lang.generics; import java.util.List; public class Generics<T> { private T value; public Generics(T value) { this.value =
  • 【Hadoop十三】HDFS Java API基本操作 bit1129 hadoop
      package com.examples.hadoop; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.fs.FSDataInputStream; import org.apache.hadoop.fs.FileStatus; import org.apache.hadoo
  • ua实现split字符串分隔 ronin47 lua split
    LUA并不象其它许多"大而全"的语言那样，包括很多功能，比如网络通讯、图形界面等。但是LUA可以很容易地被扩展：由宿主语言(通常是C或 C++)提供这些功能，LUA可以使用它们，就像是本来就内置的功能一样。LUA只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快，从 而适合嵌入在别的程序里。因此在lua中并没有其他语言那样多的系统函数。习惯了其他语言的字符串分割函
  • java-从先序遍历和中序遍历重建二叉树 bylijinnan java
    public class BuildTreePreOrderInOrder { /** * Build Binary Tree from PreOrder and InOrder * _______7______ / \ __10__ ___2 / \ / 4
  • openfire开发指南《连接和登陆》 开窍的石头 openfire开发指南smack
    第一步     官网下载smack.jar包     下载地址：http://www.igniterealtime.org/downloads/index.jsp#smack 第二步     把smack里边的jar导入你新建的java项目中 开始编写smack连接openfire代码 p
  • [移动通讯]手机后盖应该按需要能够随时开启 comsci 移动
        看到新的手机，很多由金属材质做的外壳，内存和闪存容量越来越大，CPU速度越来越快，对于这些改进，我们非常高兴，也非常欢迎      但是，对于手机的新设计，有几点我们也要注意      第一：手机的后盖应该能够被用户自行取下来，手机的电池的可更换性应该是必须保留的设计,
  • 20款国外知名的php开源cms系统 cuiyadll cms
    内容管理系统，简称CMS，是一种简易的发布和管理新闻的程序。用户可以在后端管理系统中发布，编辑和删除文章，即使您不需要懂得HTML和其他脚本语言，这就是CMS的优点。 在这里我决定介绍20款目前国外市面上最流行的开源的PHP内容管理系统，以便没有PHP知识的读者也可以通过国外内容管理系统建立自己的网站。 1. Wordpress WordPress的是一个功能强大且易于使用的内容管
  • Java生成全局唯一标识符 darrenzhu javauuiduniqueidentifierid
    How to generate a globally unique identifier in Java http://stackoverflow.com/questions/21536572/generate-unique-id-in-java-to-label-groups-of-related-entries-in-a-log http://stackoverflow
  • php安装模块检测是否已安装过, 使用的SQL语句 dcj3sjt126com sql
    SHOW [FULL] TABLES [FROM db_name] [LIKE 'pattern'] SHOW TABLES列举了给定数据库中的非TEMPORARY表。您也可以使用mysqlshow db_name命令得到此清单。 本命令也列举数据库中的其它视图。支持FULL修改符，这样SHOW FULL TABLES就可以显示第二个输出列。对于一个表，第二列的值为BASE T
  • 5天学会一种 web 开发框架 dcj3sjt126com Web框架framework
    web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架 各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路 建议把本文
  • Gson使用三(Map集合的处理,一对多处理) eksliang jsongsonGson mapGson 集合处理
    转载请出自出处：http://eksliang.iteye.com/blog/2175532 一、概述        Map保存的是键值对的形式，Json的格式也是键值对的，所以正常情况下，map跟json之间的转换应当是理所当然的事情。 二、Map参考实例 package com.ickes.json; import java.lang.refl
  • cordova实现“再点击一次退出”效果 gundumw100 android
    基本的写法如下： document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { //navigator.splashscreen.hide(); document.addEventListener("b
  • openldap configuration leaning note iwindyforest configuration
    hostname // to display the computer name hostname <changed name> // to change go to: /etc/sysconfig/network, add/modify HOSTNAME=NEWNAME to change permenately dont forget to change /etc/hosts
  • Nullability and Objective-C 啸笑天 Objective-C
    https://developer.apple.com/swift/blog/?id=25   http://www.cocoachina.com/ios/20150601/11989.html   http://blog.csdn.net/zhangao0086/article/details/44409913   http://blog.sunnyxx
  • jsp中实现参数隐藏的两种方法 macroli JavaScriptjsp
    在一个JSP页面有一个链接，//确定是一个链接?点击弹出一个页面，需要传给这个页面一些参数。//正常的方法是设置弹出页面的src="***.do?p1=aaa&p2=bbb&p3=ccc"//确定目标URL是Action来处理?但是这样会在页面上看到传过来的参数，可能会不安全。要求实现src="***.do"，参数通过其他方法传！//////
  • Bootstrap A标签关闭modal并打开新的链接解决方案 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt
  • 二维数组在Java和C中的区别 流淚的芥末 javac二维数组数组
    Java代码：   public class test03 { public static void main(String[] args) { int[][] a = {{1},{2,3},{4,5,6}}; System.out.println(a[0][1]); } }  运行结果： Exception in thread "mai
  • systemctl命令用法 wmlJava linuxsystemctl
    对比表，以 apache / httpd 为例 任务 旧指令 新指令 使某服务自动启动 chkconfig --level 3 httpd on systemctl enable httpd.service 使某服务不自动启动 chkconfig --level 3 httpd off systemctl disable httpd.service 检查服务状态 service h
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他