页面布局--三栏布局,高度已知,两边宽度固定,中间自适应实现方式

题目:假设高度已知,三栏布局,其中左栏和右栏宽度为200px,中间自适应 全局样式 html *{ padding: 0; margin: 0; } .layout{ margin-top: 20px; } .layou...

2018-08-03 15:22:55

阅读数 226

评论数 0

Promise和ajax配合使用

1、声明Promise对象的方式。创建Promise对象,根据业务需求判断执行成功或者失败,成功调用resolve(),失败调用reject() // 方法1 let promise = new Promise ( (resolve, reject) => { i...

2018-08-03 14:16:45

阅读数 510

评论数 0

微信浏览器中清楚缓存

1、最近在开发微信公众号中,写好的H5页面在微信中遇到了缓存,给开发和测试造成了不少麻烦。分别总结了ios和Android清除缓存的方法。 2、Android中 在微信任意窗口中国打开http://debugx5.qq.com ,在弹出的页面中选择,cookie、文件缓存、广告过滤缓存、DNS...

2018-07-26 14:09:05

阅读数 3903

评论数 1

安装vue-cli 4058错误解决办法

一、在使用vue脚手架的时候执行命令npm i -g vue-cli出现如下报错 npm WARN checkPermissions Missing write access to C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\...

2018-07-17 19:16:09

阅读数 1532

评论数 0

JS数组的深拷贝和浅拷贝

一、浅拷贝在js中操作数组过程中,会需要把数组进行备份,直接赋值如下://浅拷贝 直接赋值吧 var arr1 = ["前端","安卓","苹果"]; var arr2 = arr1; a...

2018-07-10 19:21:24

阅读数 412

评论数 0

Js中对象的深拷贝和浅拷贝

浅拷贝:只拷贝对象的基础属性值,对属性值为对象或数组的属性则拷贝指针。 深拷贝:拷贝对象的所有属性作为一个全新的对象。拷贝前后的对象互不影响。浅拷贝仅仅是指向被复制的内存地址,如果原地址中对象被改变了,那么深拷贝出来的对象也会相应改变。一、对象引用对象引用容易理解,直接赋值,修改复制后的数组,原对...

2018-07-10 18:19:44

阅读数 882

评论数 0

JavaScript函数参数中值传递和引用传递

先看一段代码//引用传递 以数组为例 var arr = [1,5,3,6,46,12]; var str = arrFun1(arr); console.log('str==' + str);//原数组*2 console.log('arr==' + arr);//arrFun1方法中使用arg...

2018-06-06 11:14:07

阅读数 186

评论数 0

移动端300ms延迟的由来及解决方案

一、移动端300ms点击延迟的前因后果一般情况下,如果没有经过特殊处理,移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟。也就是说,当我们点击页面的时候移动端浏览器并不是立即作出反应,而是会等上300ms才会出现点击的效果。在移动WEB兴起的初期,用户对300ms的延迟感觉不明显。...

2018-06-04 17:29:21

阅读数 135

评论数 0

移动端1px像素问题及解决办法

        在移动端web开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在某些机型上,1px会比较粗,即是较经典的移动端1px像素问题。首选先看一下,pc时代和移动端时代对1px的对比。一、像素的理解        像素是网页布局的基础。一个像素...

2018-06-04 14:31:35

阅读数 6955

评论数 0

跨域问题及jsonp解决方案

1、前后端未分离:    前端代码及请求数据接口都在同一个服务器上,前端代码测试依赖服务器2、前后端分离:    静态服务器:运行前端代码    后台服务器:运行数据接口服务器3、同源策略    同源策略是浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方资源。所以a.c...

2018-06-02 17:53:04

阅读数 1393

评论数 0

取消长按移动端Web页面,出现弹框

禁用图片弹框,给img标签加上 img{ pointer-events: none; //元素永远不会成为鼠标事件的target -webkit-user-select: none; -moz-user-select: none; -webkit-user-sele...

2018-05-29 13:44:51

阅读数 802

评论数 0

ES6中Promise浏览器兼容问题解决办法

1、在项目中使用到了ES6的Promise对象,代码在谷歌浏览器中正常运行,而在360浏览器下的兼容模式下,IE内核是不支持Promise的。2、通过can i use网站https://caniuse.com/)查到的ES6 promise的支持情况3、要是在项目中使用Promsie对象,解决方...

2018-05-17 16:58:04

阅读数 9159

评论数 1

echarts中toolbox增加自定义图标和事件

1、echarts提供了丰富的图标,如提供了 saveAsImage保存图片  restore 配置项还原 dataView数据视图工具  dataZoom 数据区域缩放 magicType 动态类型切换 brush 选择组件的控制按钮等。2、在实际开发过程中,根据需求需要自定义图标及功能3、实现...

2018-05-15 10:21:34

阅读数 6063

评论数 0

js获取iframe和父级之间元素,方法、属,获取iframe的高度自适应iframe高度

1、在父页面 获取iframe子页面的元素 (在同域的情况下 且在http://下测试,且最好在iframe onload加载完毕后 dosomething...) js写法 a、同过contentWindow获取 也有用contentDocument 获取的 但是cont...

2018-05-09 14:07:46

阅读数 976

评论数 0

ES6中箭头函数与普通函数this的区别

普通函数中的this: 1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj 2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window 3.在严格模式下,没有直接调用者的函数中的this是 u...

2018-04-02 16:27:50

阅读数 139

评论数 0

ios input输入框type=search,软键盘搜索按钮

在ios中input输入内容后搜索,html提供type=search的模式,但是软键盘弹起后,键盘上没有“搜索”,必须在input外层加上form,必须有action<form action="">&...

2018-03-29 16:02:52

阅读数 4541

评论数 0

html在移动端IOS点击闪屏问题

1、在实际的html移动端开发时,在移动端IOS,点击屏幕会出现闪屏的效果,如何去除闪屏,可以在html或者body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

2018-03-29 15:37:01

阅读数 2570

评论数 0

ios手机设置input为readonly后,解决仍会获得焦点弹起软键盘

可以在input中添加unselectable="on" onfocus="this.blur()"最终为<input type="text"  readonly=&a...

2018-03-12 16:55:23

阅读数 3722

评论数 0

placeholder兼容性问题

1、输入框提示信息在placeholder为普遍应用之前,普遍采用使用JavaScript来实现输入框提示。HTML5提供了placeholder来帮助实现提示,不需要任何的JavaScript。只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性,然后在属性值...

2018-02-07 12:00:15

阅读数 135

评论数 0

使用宏批量修改word中图片大小

word中使用宏修改图片大小,图片大小相同 1、打开word中视图选项卡,选择“宏”->“输入宏名”->“创建” 2、编辑宏 输入下面代码 Sub FormatPics()  Dim iSha As InlineShape  For Each iSha In Act...

2018-02-07 11:49:09

阅读数 5407

评论数 0

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