/*移动适配*/
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no,email=no,adress=no">/*对Vue的data原始数据初始化*/
Object.assign(this.$data, this.$options.data()) // 对data进行初始化/*垂直居中*/
.center {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);overflow: hidden;
}/* 渐变色 */
background-image: -webkit-linear-gradient(top, rgba(231, 66, 72, 0), rgba(231, 66, 72, 0.8));
background-image: linear-gradient( top, rgba(231, 66, 72, 0), rgba(231, 66, 72, 0.8));/*取消手机点击屏幕时,会出现的灰块*/
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/*隐藏文本框阴影*/
input, textarea{-webkit-appearance: @none;}/*div编辑*/
<div class="edit"><span ng-show="" class="placeholder">请描述一下什么故障</span><div ng-bind="" id="" contenteditable="true"></div>
</div>/*清除浮动*/
.clearfix:after {content: "0020";
display: block;
height: 0;
clear: both;
}
.clearfix {zoom: 1;
}/*字符串截取*/
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;/*两行截取*/
.mui-ellipsis-2 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}/*placeholder样式*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #CCCCCC;font-size: 1.4rem;
}input:-moz-placeholder,
textarea:-moz-placeholder {color: #CCCCCC;font-size: 1.4rem;
}input::-moz-placeholder,
textarea::-moz-placeholder {color: #CCCCCC;font-size: 1.4rem;
}input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #CCCCCC;font-size: 1.4rem;
}/*CSS3弹性盒子*/
display: -ms-flex;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-justify-content: space-around;
justify-content: space-around;/*兼容性*/
var ev = ev || window.event;
var target = ev.target || ev.srcElement;/*长的英文单词换行*/
word-break:break-all; /*支持IE,chrome,FF不支持*/
word-wrap:break-word;/*支持IE,chrome,FF*//*表单长度控制*/
.tabBaojia {table-layout: fixed;word-break: break-all;
}<colgroup><col width="60px"><col width="250px">
</colgroup>/*加横线*/
.navDiv {width: 100%;position: relative;
}.navDiv:after {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #CCCCCC;
}/*js模糊查询*/
$("#filterName").keyup(function() {$("table tbody tr").hide();$(".inv_neirong").filter(":contains('" + ($(this).val()) + "')").parent().show();
})/*视频插件*/
<object width='541' height='450'><param name='allowFullScreen' value='true'><param name='movie' value='http://img1.c0.letv.com/ptv/player/swfPlayer.swf?autoPlay=0&id=31121775'/><embed src='http://img1.c0.letv.com/ptv/player/swfPlayer.swf?autoPlay=0&id=31121775' width='541' height='450' allowFullScreen='true' type='application/x-shockwave-flash'/>
</object>//获取日期之间的日期数组Date.prototype.format = function() {var s = '';var mouth = (this.getMonth() + 1) >= 10 ? (this.getMonth() + 1) : ('0' + (this.getMonth() + 1));var day = this.getDate() >= 10 ? this.getDate() : ('0' + this.getDate());s += this.getFullYear() + '-'; // 获取年份。  s += mouth + "-"; // 获取月份。  s += day; // 获取日。  return(s); // 返回日期。
};function getAll(begin, end) {var dateArr=[];var ab = begin.split("-");var ae = end.split("-");var db = new Date();db.setUTCFullYear(ab[0], ab[1] - 1, ab[2]);var de = new Date();de.setUTCFullYear(ae[0], ae[1] - 1, ae[2]);var unixDb = db.getTime();var unixDe = de.getTime();for(var k = unixDb; k <= unixDe;) {dateArr.push((new Date(parseInt(k))).format());k = k + 24 * 60 * 60 * 1000;}console.log(dateArr);
}/*想将对象冻结,应该使用Object.freeze方法。
用法:Object.freeze( object )
阻止修改现有属性的特性和值,并阻止添加新属性。
参数:要被冻结的对象
返回:被冻结的对象
不创建一个被冻结的副本。*///例如:
const foo =Object.freeze({});
// 常规模式时,下面一行不起作用;
// 严格模式时,该行会报错
foo.prop =123;/*上面代码中,常量foo指向一个冻结的对象,所以添加新属性不起作用,严格模式时还会报错。
除了将对象本身冻结,对象的属性也应该冻结。下面是一个将对象彻底冻结的函数。*/
var constantize = (obj) => {Object.freeze(obj);Object.keys(obj).forEach( (key, value) =>{if(typeofobj[key] ==='object') {     constantize( obj[key] );    }  });
};//与程序无关,是禁止鼠标选中文字。点选的时候容易选中文字 太讨厌 。
document.onselectstart=function(event){event = window.event||event;event.returnValue = false;
}

jsp中 input placeholder_前端工作中的方法总结相关推荐

  1. 整理前端工作中的可复用代码(二):拓展spark-md5,支持计算网络文件md5

    这里是<整理前端开发中的可复用代码>中的第二篇,最初此系列文章的标题不是这个,但觉得标题要准确.明白一些,便做了修改.这里的经验都来自作者的工作实践,入了前端坑的摸爬滚打. 背景 在工作中 ...

  2. 工作中:如何在实际工作中处理 NULL,并给出一些指南

    如何在实际工作中处理 NULL,并给出一些指南 2.9 消灭 NULL 委员会 本节将从 NULL 的问题讲起,主要介绍一些避免问题的具体方法.不 过这些方法执行起来非常简单,只需在设计的时候稍微注意 ...

  3. python中input是什么_Python中input函数的用法是什么?_后端开发

    "input()"函数是输入函数,用于吸收一个规范输入数据,且返回string范例.在Python3中,去除了"raw_input()"函数,仅保留了" ...

  4. python中input的意思_python中input指的是什么意思

    python中input指的是什么意思 发布时间:2020-11-20 14:05:44 来源:亿速云 阅读:85 作者:小新 这篇文章主要介绍python中input指的是什么意思,文中介绍的非常详 ...

  5. web前端——工作中遇到的问题总结

    1.鼠标移动到input标签上面,提示:请输入有效值,两个最接近的有效值分别为x和x. 原因:当input的type属性为number时,输入框中的值为小数,就会出现该问题. 解决办法:<inp ...

  6. sql优化中in关键字_工作中遇到的一个SQL优化问题与解决方案

    我们公司是做汽车服务行业SCRM门店管理系统的,其中一个功能是查出该门店的所有会员与之对应的车辆.有三张表,核心字段如下: 需求:查出某个门店下的所有会员与车辆列表(会员姓名,车辆品牌,车牌号,车标l ...

  7. html一键清空数组中的内容,前端页面中JS和Jquery框架对数组遍历,添加,删除,清空的一些使用...

    遍历 //res为数组 for (var i = 0; i < res.length; i++) { res[i] } var arr = new Array(); $(另一个数组在这).eac ...

  8. panda提取时间戳中的日期_工作中常用的十个日期时间计算公式,你一定要收藏...

    1.计算本月天数 在单元格输入公式:=DAY(EOMONTH(TODAY(),0)) 后将格式改为常规. 2,计算年龄 在C4单元格输入公式:=DATEDIF(B4,TODAY(),"y&q ...

  9. html5 文本框限制,html中input禁止输入(禁止获得焦点)多种方法及input限制数字和长度...

    input禁止输入(禁止获得焦点) 1: readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本. 2:disabled   被 ...

最新文章

  1. 面向JavaScript开发人员的Adobe AIR与Dreamweaver
  2. Python使用numpy函数hsplit水平(按列)拆分numpy数组(返回拆分后的numpy数组列表)实战:水平(按列)拆分二维numpy数组、split函数水平(按列)拆分二维numpy数组
  3. mysql 排序 简介
  4. scikit-learn 入门
  5. python 类的功能,字符串字节,嵌套等相关学习总结
  6. 软件工程 质量问题_软件质量| 软件工程
  7. Python爬取网页源码,图片和文字到本地
  8. Python入门-Python中的包,impot,from,import
  9. 移远ec20 openLinux交叉编译python
  10. 关于vs2008改变工程路径
  11. 智力题解题报告 No.4 9个点10个线
  12. 凯利公式和复利公式,与概率和时间为友
  13. Android学习笔记之——Android Studio的安装(3.6版本)、Java的基本语法及Android的概述
  14. 戏如人生,人生如戏!
  15. python练手项目
  16. 转:以独立之心,做合群之事
  17. 地质体剖面从构建到Web三维展示
  18. 金仓数据库KingbaseES初始化失败如何分析
  19. iview使用render函数渲染嵌套表格
  20. Audio Delay

热门文章

  1. 如何ping别人的计算机名来获取IP?
  2. 【LeetCode】13. Roman to Integer
  3. Learning OpenCV Lecture 4 (Transforming Images with Morphological Operations)
  4. jQuery validate 表单验证,涵盖各种类型数据
  5. 学C/C++的同学们,有福了!
  6. 调用方法[manageapp]时发生异常_探讨通过Feign配合Hystrix进行调用时异常的处理
  7. scala typetag java,scala – 从类型中获取TypeTag?
  8. jzoj zsy家今天的饭_有它拌饭,碗我都能舔干净!老干妈竟然被轻松超越了?
  9. python开发环境spyder_spyder python 2.7-spyder(Python开发环境)下载 v2.1.10官方版--pc6下载站...
  10. 测试用例设计怎么做?怎么设计一个好的测试用例?