
移动前端
文章平均质量分 80
v折耳
你无所事事的今天,是昨天逝去的人所期待的明天。
展开
-
WORD文档转换成HTML
背景最近接到一个需求,将word文档,转换成网页中能直接使用的帮助文档。网上有很多的工具可以将WORD(.docx)文档转成HTML文件,最简单的方式就是文件另存为 .html 的文件。直接另存为存在以下缺陷:冗余信息过多,部分需要手动处理;不能进修拓展操作(例如:重新配置样式主题;不能进行导航配置);图片资源文件的额外处理解决思路有很多开源的工具可以处理word文档,支持各种语言,本文使用 Node.js(身为前端当然的啦)来解决。为了增加前端展示时的灵活性,基本思路就是:.docx原创 2021-04-22 17:52:04 · 2838 阅读 · 0 评论 -
web换肤功能多主题/配色样式决方案
前言:web主题切换算是一个常规需求,我趁这公司有该需求的情况下,做一个整理,后续会给出各种具体实现方案/方式解决方案(一)服务端渲染时加载不同的资源;(二)客户端动态加载不同的css资源;(三)客户端样式 根节点dom, class 名,动态切换;(四)客户端js 处理css 样式进行 style 重写;(五) css variable(一)服务端渲染编译多套css 主题,通过cookie 等的方式在服务端动态加载主题 css优点:相较于客户端动态切换,重新加载的方式,不.原创 2020-11-08 21:23:16 · 837 阅读 · 1 评论 -
小米手机浏览器的input、textarea底被遮挡
问题描述在部分小米的手机浏览器中,input/textarea 聚焦后,弹出输入键盘,会遮挡页面底部input元素显示;一般来说,最简单的处理方案在最外层加一个margin-bottom,就不会音响正常使用,但因项目需要一屏幕展示 或者底部刚好有重要元素fixed, 就会音响正常使用.最近刚好遇到,因为项目需要类聊天会话页面,采用flex布局;input正好在底部.问题分析因为各家厂商浏...原创 2019-10-12 18:09:21 · 2241 阅读 · 6 评论 -
vue h5分享"微信节日头像合成”
9月24日,微信头像合成爆红,公司为了趁热点,也要做一个类似的功能,于是利用canvas也做了一个 ,其实很简单直接上代码原创 2019-10-15 13:27:01 · 795 阅读 · 0 评论 -
安卓模拟器 Genymotion 使用过程中遇到的一些问题
ARM 无法安装添加 ARM 架构,Genymotion 默认采用 X86 架构的 CPU,并且不能修改。这样的话,我们无法安装一些含有支持 ARM CPU 第三方库的应用,Genymotion 会弹出错误提示:解决办法如下:ARM_Translation_Marshmallow => Android 6.0的模拟器 ARM_Translation_Lollipop =>...原创 2018-08-28 14:44:25 · 992 阅读 · 0 评论 -
React Native 开发调试问题
问题描述 react-native run-android ,模拟器正常运行 真机华为,出现异常com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallExceptionFAILURE: Build failed with an exception.* What went wrong:Tas原创 2018-01-05 16:39:30 · 902 阅读 · 0 评论 -
react-native 屏幕尺寸和文字大小适配
转载存档现在的手机品牌和型号越来越多,导致我们平时写布局的时候会在个不同的移动设备上显示的效果不同,比如我们的设计稿一个View的大小是300px,如果直接写300px,可能在当前设备显示正常,但到了其他设备可能就会偏小或者偏大,这就需要我们对屏幕进行适配。安卓原生的话有自己的适配规则,可以根据不同的尺寸建立不同的文件夹,系统会根据当前的设备尺寸取对应的大小的布局。而RN本转载 2017-10-30 15:01:30 · 2248 阅读 · 0 评论 -
APK签名之keytool生成keystore和jarsigner签名apk
http://www.tttabc.com/android/keytool-keystore-jarsigner-apk.htmAPK签名之keytool生成keystore和jarsigner签名apkandroid程序的签名和Symbian类似都可以自签名(Self-signed),但是在android平台中证书初期还显得形同虚设,平时开发时通过ADB接口上转载 2017-10-10 11:38:12 · 1557 阅读 · 0 评论 -
微信长按识别二维码
1.引入JS库 script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8">script> script src="jquery.qrcode.min.js" type="text/javascript" charset="utf-8">script>2.在页面创建一个空的div; div转载 2017-03-14 17:37:02 · 4466 阅读 · 1 评论 -
HTML5 + JS 调取摄像头拍照下载
video id="video" width="640" height="480" autoplay>video>br>button id="snap">Snap Photobutton>button onclick="sendUrl()">提交下载button>canvas id="canvas" width="640" height="480">canvas>img src=""转载 2017-03-14 11:07:39 · 2457 阅读 · 0 评论 -
移动前端手机输入法自带emoji表情字符处理
今天,测试给我提了一个BUG,说移动端输入emoji表情无法提交。很早以前就有思考过,手机输入法里自带的emoji表情,应该是某些特殊字符。既然是字符,那应该都能提交才对,可是为啥会被卡住呢?搜了一下,才发现,原来emoji用到的字符是4字节的utf-16(utf-16有2字节和4字节两种编码),而我们的数据库是采用的utf-8,并且最大只允许3字节的字符。这样冲突就产生了,表单因为这些emoji转载 2016-12-30 18:46:20 · 2671 阅读 · 1 评论