自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 CSS实现单行、多行文本溢出显示省略号

单行:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;多行: display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

2020-04-07 18:21:56 129

原创 弹性布局居中后,最后一排从左到右排列

.box:after { content: ""; flex: auto; }

2020-04-04 10:01:12 1271

原创 Eclipse设置Tab键缩进4个空格

1.点击 window->preference-,选择 General->Editors->Text Editors,勾选右侧的“insert space for tabs”,保存;2.点击 window->preference-,选择 java->code style ->formatter;点击new profile新建样式,在profile name处...

2020-02-24 17:01:00 1428

原创 移动端判断iPhone的手机型号

//之前是通过屏幕的尺寸来判断,后来发现不是很严谨,后来发现可以调用APICloud对象通过设备型号,也就是手机识别码来判断最准确。apiready = function () { //apiready 事件表示api对象准备完成可以调用了 var deviceModel = api.deviceModel; // 比如iPhone X的型号: iPhone10,3 ...

2019-12-16 09:59:20 678

原创 将数字转换成数组

function digitize(n) { //接受一个number类参数,拆分成一个数组并返回 var str = n + ""; //加上空字符中,把接收的参数转换为字符串 var arr = []; //声明结果空数组,稍后返回 str.split("").forEach(function (item) { ...

2019-05-28 16:51:33 16317

原创 获取浏览器和屏幕各种高度宽度

原生JSdocument.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body),包括border、margin等document.body.offsetHeig...

2019-03-04 10:04:10 399

原创 Chrome浏览器下input输入框背景被黄色覆盖

Webkit内核的浏览器有一个-webkit-autofill私有属性,通过审查元素可以看到这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式:input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { back...

2019-02-28 18:10:21 855

原创 cookie操作

// 获取cookiefunction getCookie (name) {   var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)")   if (arr = document.cookie.match(reg)) {        return unescape(arr[2])   } else {        r...

2019-02-26 14:15:42 75

原创 jQuery对checkbox的各种操作

 //获取所有的checkbox$("input[type='checkbox']");$("input[name='cb']");//获取所有选中的checkbox$('input:checkbox:checked');$('input:[type='checkbox']:checked');$('input[type='checkbox']:checked');$('...

2019-01-21 12:04:40 114

原创 父div中生成多个子div并排并填充满父容器

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style>

2018-12-14 15:10:36 2406 1

原创 Heatmap.js热力图

官网:HTTP://www.patrick-wied.at/static/heatmapjs/API:HTTP://www.patrick-wied.at/static/heatmapjs/docs.html官网例子:HTTP://www.patrick-wied.at/static/heatmapjs/examples.html<!DOCTYPE html> <...

2018-12-14 14:30:23 2110

原创 微信小程序获取input输入框的值

wxml部分: <input class='inputone' name="username" placeholder="输入数字" bindinput ="userNameInput"></input><button bindtap='add'>获取</button>js部分:page({ data:{

2018-11-27 15:32:05 1544

原创 input输入密码时隐藏和显示的切换

自己琢磨的一点思路 很简单常见的需求,先看效果:眼睛是两张图片可以直接切下来使用;先看html代码:<input type="password" class="secret"><span class="eyes"> <img class="secreteyes" src="/static/images/eyes.png&q

2018-11-21 16:07:19 3883

原创 chart.js图表,饼状图,柱状图,折线图

最近项目中有用到大量的图表,所以自学下chart.js,在这里做个记录以免时间长了容易忘记。cdn地址可以直接使用: https://cdn.bootcss.com/Chart.js/2.7.3/Chart.js   chart.js源码:https://github.com/nnnick/Chart.jschart.js 英文文档:http://www.chartjs.org/doc...

2018-11-21 15:20:39 7267

原创 随机数排序

function getRandom(a,b){            var c = b-a+1;            return Math.floor(Math.random()*c+a);        }        var d = [];        for(var i = 0; i<10; i++){            d.push(getRa...

2018-09-19 22:32:17 252

原创 转换一般时间的方法

function changeSecondTime(maxtime) {        var days1 = Math.floor(maxtime/86400);        var hours1 = Math.floor((maxtime%86400)/3600);        var minutes1 = Math.floor(((maxtime%86400)%3600)/60);...

2018-09-13 22:16:30 235

原创 时间戳转换的方法

 function timestampToTime(timestamp) {        var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000        var Y = date.getFullYear() + '-';        var M = (date.getMonth()+1 < ...

2018-09-13 22:15:05 217

原创 修改input表单中placeholder字体的颜色

//chrome谷歌浏览器,Safari苹果浏览器input[name="color"]::-webkit-input-placeholder { /* WebKit browsers */ color: red;font-size:15px;}//firefox火狐浏览器input[name="color"]:-moz-placeholder { /* Mozilla Firefox 4 to ...

2018-05-20 19:52:34 1359

原创 如何编写高性能的JavaScript?

遵循严格模式:”use strict”;将js脚本放在页面底部,加快渲染页面;将js脚本成组打包,减少请求;使用非阻塞方式下载js脚本;尽量使用局部变量来保存全局变量;尽量减少使用闭包;使用window对象属性方法时省略window;尽量减少对象成员嵌套;缓存DOM节点的访问;通过避免使用eval和function()构造器;给setTimeout()和setInterval()传递函数而不是字符...

2018-05-07 23:36:14 1294

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除