wh_xmy的博客

移动端开发要考虑最多的就是兼容性的问题，android和ios的兼容，css3新增属性的兼容以及h5新增标签等使用问题。下面是一些小问题以及解决方案，仅供参考。 【1】.关于样式的总结 1.移动端开发页面会左右晃动，这时候我们需要给外层容器加上overflow-x：hidden。 2.遮罩层下面的内容依然会滑动，这时候我们可以把所有相关事件都...

背景：无论是前端还是后端对http都是比较熟悉的，今天来简单整理一下关于前端缓存的http缓存部分，详细介绍如下：前端缓存：前端缓存可分为两大类：http缓存和浏览器缓存。我们今天重点讲的是http缓存，所以关于浏览器缓存大家自行去查阅。下面这张图是前端缓存的一个大致知识点：HTTP缓存一.什么是http缓存http缓存指的是: 当客户端向服务器请求资源时，会先抵达浏览器缓存，如果浏览器有“要请求资源”的副本，就可以直接从浏览器缓存中提取而不是从原始服务器中提取这个资源。常见的h

背景：H5移动端开发，尤其是基于微信的公号开发，往往伴随着很严重的缓存问题，影响测试和开发人员的感情，为了解决这个问题，找到以下清除缓存的方式，希望对增进开发和测试人员的感情有所作用。方案：安卓端清除缓存的方法如下：http://debugx5.qq.com IOS清除缓存方法如下：1.打开微信，找到“我-设置-通用-存储空间-清理微信缓存” ...

背景：移动端开发又弹出框时，下面页面还是可以滚动，本身也不是问题，但是有时候需要弹框出现，底部禁止滚动，如果需要，以下代码可以帮你实现效果：// 在需要弹窗的代码里 调用stopBodyScroll ("true");// 在关闭弹窗代码里 调用stopBodyScroll (); var bodyEl = document.body; var scrollTop = ...

问题描述：一个简单的带有背景图片的登录页面，结果调起软键盘之后在安卓手机上出现了背景图片无法充满整个页面的问题，即使容器高度设置100%也不好使，后来只能使用监测window的size变化，从而重新给背景图容器赋值的方法，代码如下：//安卓弹出框图片压缩解决方案 var clientHeight = $(document.body).height(); $(window).resiz...

问题描述：input输入在iOS的微信中调起软键盘之后，输入完成收起软键盘的时候页面下方（原来软键盘的位置）有空白，这将导致下方fixed定位按钮失效等问题，解决方案：通过给input添加失去焦点事件，触发该事件的时候使页面自动滑动到顶部，亲测有效，代码如下：$("input").blur(function(){ setTimeout(function() {       ...

简单记录如下，不同手机按照宽度不同计算不同的html的font-size，即可实现，代码如下，直接放入即可。 var fun = function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ?...

弹出框和模态框的简介和使用方法如下：<view class="container" class="zn-uploadimg"> <button type="primary"bindtap="showok">消息提示框</button> <button type="primary"bindtap=&

1. Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现...

虽然在实际的项目中使用多种ajax请求，但就其工作原理，优缺点尚未深入总结，参考：http://www.cnblogs.com/SanMaoSpace/archive/2013/06/15/3137180.html现就此做下以下简要笔记：Ajax工作原理：相当于在客户端与服务端之间加了一个抽象层(Ajax引擎)，使用户请求和服务器响应异步化，并不是所有的请求都提交给服务器，像一些数据...

如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举个浅拷贝例子：let a=[0,1,2,3,4], b=a;console.log(a===b);...

有时候我们需要把html或者某些html元素转换为图片，并且支持下载，下面是学习之后的总结，希望能给大家带来帮助。所需插件库：html2canvas.js、canvas2image.js、base64.js 资源地址：链接: https://pan.baidu.com/s/12hpynzrXtgBZXvYkMqpoFg 密码: bvvu思路如下：html2image思路   需要获取的...

随机取数下面给出从一个数组随机取出若干数字组成新书组和从一个数组随机取出一个数字的方法，代码如下：/*** 从一个数组中随机取出若干个元素组成数组* @param {Array} arr 原数组* @param {Number} count 需要随机取得个数**/const getRandomArray = (arr, count) => { var shuffled...

时间格式化有时候我们会用到时间的展示，时间的展示种类也是各种各样，对于不用的产品需要不同的样式，这时候就需要我们做一下时间的格式化处理，下面是一种常见的日期显示方式，代码如下：/*** 格式化时间 * @param {String} date 原始时间格式* 格式后的时间：yyyy/mm/dd hh:mm:ss**/const formatTime = (date) =>...

一、canvas简介​ <canvas> 是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。​ 它最初由苹果内部使用自己MacOS X WebKit推出，供应用程序使用像仪表盘的构件和 Safari 浏览器使用。 后来，有人通过Geck...