移动端布局有很多种,这里我们最常使用到rem+百分比的布局方式(高度/字体设置rem单位,宽度设置百分比)来处理屏幕兼容,这种方法在兼容上是比较不错的,可以使得字体以及整体适应各种大小的屏幕,可以解决ipad等比较大屏幕的适应兼容.然而发现一些问题.页面在加载未完成前会出现瞬间错乱的现象,虽然时间不算长,但是肉眼可见,必须解决(此处以750像素的设计图为例)——加载前后页面如下图所示: 可以清楚的看到,加载未完成前的一小会儿,页面会出现一瞬间的崩塌现象.一开始没怎么在意这个问题,后来发现这样的页

看这个,比较全的 https://github.com/mhbseal/html5ImgCompress ,几乎所有痛点都解决了! PC上传图片 基本结构 form[enctype="multipart/form-data"] input[type="file"] 上传完毕后,获取图片url,显示到页面上 问题 图片要上传完毕后,才能显示 压缩上传 H5 如何解决 FileReader canvas FileReader FileReader可以将File对象转化成

手头上的这个项目主要是在微信内运行的一个网站,需要用户上传手机内的照片,而现在手机照片尺寸越来越大,直接上传的话的确上传进度慢影响用户体验而且也会给服务器增加压力,所以利用H5的新特性压缩后上传不失为一良策. 最后选用的是localResizeImg进行压缩上传,简单易上手,核心代码部分如下. 前台部分 <input id="upload" type="file" name="upload" multiple accept="im

一.需求的场景: 在我们的需求中需要有一个在手机浏览器端,用户实现上传证件照片的功能,我们第一版上了一个最简版,直接让用户在本地选择图片,然后上传到公司公共的服务器上. 功能实现后我们发现一个问题,公司公共的服务器有2M图片的限制,而用户手机目前绝大多数都支持高清拍照,尺寸普遍在3000+ x 2000+的大小: 所以我们采用了在浏览器端通过HTML5的fileReader接口来处理上传文件的大小,将重新处理压缩后的文件在传给后端,这样在保证了图片基本质量(由于证件图片,我们只关心证件号码是否清

单文件压缩上传 <input type="file" id="file"> 构造函数 function UpFileImg(options){ var options = options || { el:'', compressSize:640, datatype:'base64', success:function(val){} }; var that = this; // 读取文件 this.setFilesReader = function(fil

组件示例图 组件代码 upload_img.vue <div id="uploadImg"> <div class="upload_image_box" v-show="show1"> <div class="upload_image"> <div class="photo_box" @click="actionSheet()"> <

设置html默认font-size: 100px,此时默认的页面的width是750px,然后根据手机大小改变html节点的font-size,从而改变rem的大小,代码如下: <script> var size = 50; var w = window.screen.width; var fontSize = (w/375)*size; document.getElementsByTagName('html')[0].style.fontSize=fontSize+'px';</scr

如果不引入插件的话:ui稿的px转化成rem需自己计算 根据设计稿我们需要自己计算元素的rem(假如我们将html根元素font-size设置为41.4px): 那么1rem=41.4px; ui稿上的375px = 375/41.4rem=9rem; 这样每个元素进行计算是不是得疯,vant组件中推荐的适配方法: postcss-pxtorem 安装yarn add postcss-pxtorem@5.1.1 -D postcss.config.js中配置 module.exports = {

(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return;   docEl.style.fontSize = clientW

<script> (function(){ setRem(); window.addEventListener('orientation' in window?"deviceorientation":"resize",setRem); function setRem(){ ]; var pageWidth = html.getBoundingClientRect().width; html.style.fontSize = pageWidth /+ 'p

把下面脚本添加到服务器计划任务中去,设置为每天执行即可,文件备份路径即为脚本所在路径,必须安装压缩文件 @echo offrem 计算指定天数之前的日期,用于后面删除指定天数的数据set DaysAgo=7set/a year=1 rem 假设系统日期的格式为yyyy-mm-ddcall :DateToDays %date:~0,4% %date:~5,2% %date:~8,2% PassDaysset /a PassDays-=%DaysAgo%call :DaysToDate %PassD

1.创建一个database_Backup.bat文件,用记事本打开 内容参考如下:(楼主这里自动备份了四个数据库) set "now=%date:~0,4%%date:~5,2%%date:~8,2% rem 开始备份 expdp BCDB0425/BCDB0425@127.0.0.1/orcl directory=path_BCDB0425 dumpfile=BCDB0425%now%.dat logfile=BCDB0425%now%.log schemas=BCDB0425 expdp

因工作中要对数据打包,顺便研究了下WinRAR的命令行模式,自己写了些例子,基本用法如下: 测试压缩文件准备:文件夹test_data,内部包含子文件夹,分别存放了一些*.log和*.txt文件. 测试代码如下: rem 压缩全部文件,按类型压缩,zip打包 WinRAR.exe a num_all.zip .\test_data\ WinRAR.exe a num_txt.zip .\test_data\num*.txt WinRAR.exe a num_log.zip .\test_data

Android反编译(三) 之重签名 [目录] 1.原理 2.工具与准备工作 3.操作步骤 4.装X技巧 5.问题 1.原理 1).APK签名的要点 a.所有的应用程序都必须有数字证书 ,Android系统不会安装一个没有数字证书的应用程序: b.Android程序包使用的数字证书可以是自签名的,不需要一个权威的数字证书机构签名认证: c.数字证书都是存在有效期的,Android只是在应用程序安装的时候才会检查证书的有效期.如果程序已经安装在系统中,即使证书过期也不会影响程序的正常功能. d.A

客户需要对网站进行定期备份,并保留最近30天的文件,编写后以下脚本,通过Windows的任务计划进行调度 对比手工和任务计划调度运行情况来看,手工运行中可直接调用RAR.exe和网络进行传输,但是任务计划调度则需要调用安装RAR的程序并且无法进行网络进行传输 :: 用于备份网站文件 rem ***********************需要配置*********************************** rem 设置需要备份目录 set sourcePath=D:\esa_app\ek

原文:用批处理文件自动备份文件及文件夹,并自动删除n天前的文件 ---恢复内容开始--- 下是备份的批处理,添加到"计划任务"中,设定时间自动运行 复制代码 代码如下:@echo off rem 格式化日期 rem date出来的日期是"2006-02-22 星期三",不能直接拿来使用,所以应该先格式化一下 rem 变成我们想要的.date:~0,4的意思是从0开始截取4个字符 set d=%date:~0,4%%date:~5,2%%date:~8,2% rem

压缩zip的命令有的系统没有的自己去下载一个,否则关闭压缩zip的命令. 有需要的自行更改,这是满足我需求的. 执行 publish.bat 即可,当然需要将文件清单写好放在 resources.txt中. @REM author:莫大人 date:20160118 @echo off ECHO =================增量打包工具================= ECHO 作者:莫大人 20160118 setlocal enabledelayedexpansion @REM 工程

mysql  备份与恢复 为什么要备份: 由于系统使用到了MySQL 数 据库,所以每天的工作,就设计到了MySQL数据库的备份问题．但如果每天手工来做MySQL数据库的定时备份,工作量不说,时间还不准确,有时候还会忘 记做备份,哪一天忙起来忘记了,数据库出了问题,就不好搞了．所以,将MySQL数据库的备份,做成系统定时执行的,就很有必要． 一般情况下,我们手工备份MySQL数据库. 一.备份: 1.脚本命令备份: (1).简单备份:(使用mysqldump备份) @echo set date1

这是一款针对webpack的像素转vw单位的loader插件. 笔者公司中,h5 rem的开发方案目前已经渐渐开始转向vw方案,因此本工具应运而生. 目前所制作的h5,大部分设计稿分辨率都是750的宽度,所以设定的基础分辨率是750,如果遇到特殊情况,只需要简单修改一下配置即可. 安装: npm i px2vw-view-loader 配置:按以下loader格式,添加进入webpack配置文件,实现从px转换成vw,适用于移动端项目 module: { rules: [{ test: /\.c

一.简介 HDF5(Hierarchical Data Formal)是用于存储大规模数值数据的较为理想的存储格式,文件后缀名为h5,存储读取速度非常快,且可在文件内部按照明确的层次存储数据,同一个HDF5可以看做一个高度整合的文件夹,其内部可存放不同类型的数据.在Python中操纵HDF5文件的方式主要有两种,一是利用pandas中内建的一系列HDF5文件操作相关的方法来将pandas中的数据结构保存在HDF5文件中,二是利用h5py模块来完成从Python原生数据结构向HDF5格式的保存,本

最近在做一个H5上传图片并压缩的项目,其过程主要是先将图片上传通过readAsDataURL获取上传图片base64编码,然后根据高宽比将图片画到canvas上实现压缩,在通过toDataURL获取压缩后的图片.点击可查看demo在该过程中用到base64编码,于是就想弄清楚base64编码原理,才有了这篇博客. Base64编码的来历 为什么会有Base64编码呢?因为有些网络传送渠道并不支持所有的字节,例如传统的邮件只支持可见字符的传送,像ASCII码的控制字符就不能通过邮件传送.这样用途就