自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 时间

getTime() {setTimeout(() => {this.getTime()}, 1000);let myDate = new Date();this.time = myDate.toLocaleTimeString('chinese', { hour12: false });}...

2019-11-22 09:15:16 181

原创 一个 Vue 指令实现拖拽功能

https://juejin.im/post/5d91972df265da5bb55830fb

2019-10-14 14:01:44 264

原创 弹性布局 英文不还换行

overflow: hidden;white-space: normal;word-wrap: break-word;word-break: break-all;text-overflow: ellipsis;

2019-09-25 14:50:16 352

原创 vue-amap 天气

1. main.jsimport VueAMap from 'vue-amap'Vue.use(VueAMap)VueAMap.initAMapApiLoader({key: 'key值',plugin: ['AMap.Autocomplete','AMap.PlaceSearch','AMap.Scale','AMap.OverView','AMap.T...

2019-09-11 10:39:43 941

原创 pc 端 类似穿透

.pe-none{pointer-events: none;}.pe-all{pointer-events: all;}

2019-08-29 11:04:38 126

原创 H5页面 添加 header 返回status 为 0

后端配置response 里面 "Access-Control-Allow-Headers" 不能设为 *应该设置为httpServletResponse.setHeader("Access-Control-Allow-Headers", "X-Access-Token, X-Secret-Key");

2019-08-13 14:49:30 1231

原创 不需要滚动条 滚动

#divContainer { overflow: auto; height: 160px; width: 260px; background-color:red;}#divContainer::-webkit-scrollbar { width:0px; height:20px;}

2019-07-29 09:50:12 504

原创 h5关闭软件盘

document.activeElement.blur() //关闭键盘

2019-06-28 10:24:24 290

原创 p标签省略号

单行{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}多行{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}...

2019-06-27 17:23:55 1955

原创 检测手机ios or 安卓

mobilePhoneType() { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Ma...

2019-06-13 14:28:04 110

原创 H5 vue 真机调试(vconsole)

1. npm install vconsole2.main.js 引入import Vconsole from 'vconsole'let vConsole = new Vconsoleexport default vConsole3. npm run dev 运行右下方有个(vconsole)按钮

2019-06-13 14:04:18 1811

原创 vue在ie中 运行包后无法运行 请求 报错误 ReferenceError: “Promise”未定义

1,:安装最新的web-pack-server 命令行:npm install --save-dev webpack-server2,:安装Babel Polyfill 命令行:(1)npm install --save babel-polyfill (2)在webpack.base.conf.js这个文件加入代码 re...

2019-05-29 14:04:18 486

原创 vue less全局引用样式

1.安装;npm install sass-resources-loader--save-dev2. 在文件中创建一个 .less 的文件3. 在build文件夹中的utils.js文件中代码片段 return { css: generateLoaders(), postcss: generateLoaders(), less: gene...

2019-05-24 13:26:45 1618

原创 js原生操作Dom树上节点

 DOM (Document Object Model): 用来表示文档中对象的标准模型就称为DOM节点: 页面中的所有内容都是节点节点类型: 元素节点 Node.ELEMENT_NODE(1)​ 属性节点 Node.ATTRIBUTE_NODE(2)​ 文本节点 Node.TEXT_NODE(3)​​ 注释节点 Node.COMMENT_NODE(8)节点类型的属性:...

2018-08-01 14:07:53 1751

原创 常用的js中Array和String内置方法

Array对象中常用方法: Concat():表示把几个数组合并成一个数组。 Join():返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来。 Pop():移除数组最后一个元素。 Shift():移除数组中第一个元素。 Slice(start,end):返回数组中的一段。 Push():往数组中新添加一个元素,返回最新长度。 Sort():对数组进行排序...

2018-07-26 08:56:45 1118

原创 JQuery中注册事件的方法和移除事件的方法

  简单事件绑定: click() 点击事件: mouseenter(handler) 鼠标进入事件 mouseleave(handler) 鼠标离开事件 scroll(handler) 滚动事件 缺点:一次只能绑定一个事件 ​ on()方法 语法:$('已经存在的父盒子').on('事件类型',...

2018-07-23 09:50:05 1083

原创 使用JQuery操作元素属性及自定义属性

使用JQuery操作元素属性:attr():方法可以操作标准属性,也可以操作自定义属性 只写属性名的属性,返回的不是true/false 单个属性:jQuery对象.attr('属性名','属性值') 多个属性:jQuery对象.attr({属性名:属性值})   注意 参数是对象 获取属性:jQuery对象.attr('属性名'),没有返回undefined ...

2018-07-23 09:38:03 3417

原创 jQuery获取元素和创建元素

.使用jquery获取元素 通过jquery选择器获取页面元素: 基本选择器:ID , 类 , 标签 ,并集(使用逗号隔开) ,交集(没有空格,两个都满足) 层级选择器 :子代(使用 > 号) , 后代(使用空格) 筛选选择器(是方法): children() =>找到直接子元素 find() =&gt...

2018-07-17 08:58:46 805

原创 页面之间利用URL地址传输数据 获取数据方法

页面之间传送一些不重要且不超过4kb的数据时可以利用URL传送数据但是数据是以JONS格式传输的并且数据是经过转码的,所以我们想要获取数据需要封装一个函数下面是我自己封装的一个函数,希望对你有用://要求:可以获取到地址栏的参数,并且封装成一个函数function getSearch() {var obj = {};//1. 获取到地址栏中的参数部分var searc...

2018-07-17 08:52:22 2589

原创 js 原生上下文调用函数的三个方法

 call()方法作用: 调用该函数,并修改函数中this的指向语法: 函数名. call(元素,[实参]);第一个参数: 要让函数中this指向谁,就写谁后面的参数: 被调用函数要传入的实参,以逗号分隔 apply()方法作用: 调用该函数,并修改函数中this的指向语法: 函数名. apply(元素, 实参);第一个参数: 要让函数中this指向谁,就写...

2018-07-10 19:20:02 854

原创 jQuery 操作元素的常用方法

操作元素样式:<1>.设置单个样式jQuery对象.css("属性","属性值")<2>.设置多个样式(以对象的方式传入参数)jQuery对象.css( {"属性","属性值"....} )<3>.获取行内样式jQuery对象.css("属性名")操作class样式的方式:<1> 添加样式:jQ

2018-07-10 18:53:45 1797

原创 原生封装的 tap 和 swipe 事件

function itcast(dom) { var obj = { tap: function (callback) { // 按下的时间 var startTime; // 开始的坐标 var startX, startY; // touchstart事件 dom.addEventListener("tou...

2018-07-06 11:23:31 565

原创 百分比布局中 浮动的小bug

完成下面的布局:思路 代码是这样的:html: <!-- 特色超市 --> <div class="feature"> <div class="ft_title good_title">特色超市</div> <div class="ft_content">

2018-07-04 22:59:52 483

原创 浮动现象 及清除 浮动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &

2018-07-01 23:02:44 131

原创 js 原生封装的简单动画

/** * Created by luodianlei on 2018/5/12. *///要封装一个函数.这个函数,既可以从左到右,也可以从右到左// 第一个参数: 要操作的元素// 第二个参数: 目标位置// 第三个参数: 步数// 第四个参数: 到达目标之后调用的函数function animate(ele, target, step, time, fn){ //防止注册多个定时器 ...

2018-06-30 23:04:45 296

原创 本地图片阅览

本地图片预览 方法 一: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&amp

2018-06-30 12:05:32 214

空空如也

空空如也

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

TA关注的人

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