- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 关于android嵌套h5不能加载，白屏问题
android设置了webview的基本权限WebSettings settings = mWebView.getSettings(); //设置了这个属性后我们才能在 WebView 里与我们的 Js 代码进行交互 settings.setJavaScriptEnabled(true); //WebView 是否支持多窗口，如果设置为 true，需要重写 //WebChromeClient#onCreateWindow(WebVi.
2021-07-23 18:38:53
2130
1
原创 浏览器复制图片
浏览器的剪贴板API write 方法目前只支持 text/plain 和 text/html MIME 类型，浏览器支持PNG而不支持JPEG。
2024-10-18 18:30:54
131
原创 iOS拍照修正方向-exif-js库应用存在的问题
exif-js上传存在的问题正常情况下的图片上传file对象解决方法：默认手动创建对象4.原因分析：有些图片的信息丢失，EXIF.getData获取的时候没有进行兼容处理
2021-09-28 18:05:27
448
原创 DOM 对象列表-HTMLCollectionOf 不能进行数据的获取
拥有 length 属性且索引被当做字符串处理，同时不具备数组所具有的方法这里把这种对象称为伪数组-函数内部的 arguments、DOM 对象列表等伪数组具有length属性按索引方式存储数据不具有数组的push,pop等方法解决办法解决方法1. const arr = [].slice.call(htmlCollection);2. const arr = Array.from(htmlCollection);3. const arr = [...htmlCollectio.
2021-03-30 15:22:28
2977
转载 mac M1 nvm 安装问
新款的mac搭载了苹果自研的芯片，放弃了intel的x86芯片，那之前的软件难免会存在兼容性问题。 鄙人有幸踩了第一个坑。 在通过nvm 安装不同版本的node 时，出现了问题。 问题一：先说一下 nvm的安装问题，这个跟m1的兼容性无关。 参考大神文章（https://www.jianshu.com/p/622ad36ee020） 我在通过命令行安装nvm成功之后（curl -o- https://raw.githubusercontent.com/nv...
2021-03-23 10:00:35
873
原创 vue-lazyload和v-viewer冲突问题
测试环境和生产环境都无问题（都是build后的代码）vue-lazyload是vue的懒加载插件，v-viewer是个图片的预览插件，版本分别是1.3.1和1.4.2，存在一个问题就是懒加载插件正常执行，但是预览插件在初次加载后图片点击失效，只有页面强制重排后才会再次生效；目前根据源码定位后发现是懒加载插件v-lazy中的add,update中影响了预览插件中对于图片的默认初始，导致预览插件的点击预览失效；本地解决方式，因为v-lazy替代了之前的src属性，所以测试结果是两者兼具，可以保证懒加载和.
2020-08-11 17:51:58
1232
4
原创 H5调用手机的前后摄像头,canvas显示,自带截图，兼容ios和android
注意1.下面的HTML需要在HTTPS下访问方可正常工作，对应的localhost或者本地地址访问不能支持；2. facingMode: { exact: 'environment' } // -- 后置facingMode: 'user ' // -- 前置3. 如果你想在已经播放视频的情况下更换摄像机，你需要先停止当前的视频流，然后再将其替换成另一台摄像机的视频流。videoStream.getTracks().forEach((track) => { track.stop(); });
2020-06-29 10:52:42
3128
4
原创 常用正则统计
校验数字数字：^[0-9]*$ 、 /^[0-9.]{0,30}$/n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$两位小数：/(^[0-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/1开头手机号：/^1\d{10}$/大于0的数字,小数为两位：/(^[1-9](\d+)?(\.\d{1,2})?$)|(^...
2020-05-20 16:33:58
660
原创 vue2+webpack3+中引入ts-loader后编译性能大幅较低，TypeScript构建优化处理
如果你尝试过在引入ts-loader使用过DllReferencePlugin、awesome-typescript-loader、ParallelUglifyPlugin等优化插件无明显效果的时候你可以继续往下看如果你是webpack4+,那么你直接使用awesome-typescript-loader插件代替ts-loader就可以如果你是小于4的webpack那么我估计你的ts-loa...
2019-10-30 11:35:30
4295
原创 iOS拍照显示不正确的问题
只需记住:1.iOS拍照默认的照片方向并不是竖着拿手机时的情况，而是横向，即Home键在右侧；2.android拍照默认的照片方向并不是竖着拿手机的；3.主要是获取图片的EXIF头部信息，其中有一个叫做Orientation (rotation)的标签，用于记录图像的方向，这便是相机写入方向信息的最终位置。它总共定义了八个值：4.对应的修改可以iOS处理也可以前端处理，推荐源头iOS进行...
2019-07-18 19:17:19
316
原创 如何处理pc端的字体大小的适配问题（完美解决）
export const resetPc = () => { var wH = window.innerHeight; // 当前窗口的高度 var wW = window.innerWidth; // 当前窗口的宽度 var whdef = 100 / 1920; // 表示1920的设计图,使用100PX的默认值 if (wW > 1400) { ...
2019-04-11 18:13:25
13257
原创 关于请求状态400的问题
**400 一眼看去的确是前端提交的JSON数据格式存在问题（80%左右的概率都是前端），但是有种是后端的（不管是Java,还是Node，如果没有按照他们的要求传递JSON格式（你不知道的格式情况下20%的概率都是后端的），也会报错），就如下面subs数是base是图片信息的数组，我没上传图片的时候默人的是空，会传递"submitInfomations":{"subs":{}},但我没有按照下面这...
2019-03-27 10:17:56
6138
原创 node.js作为请求中转，解决前端页面——node.js服务——后台服务（Java、PHP）数据交互问题
重写对应的get、put、post、delete请求；var express = require('express');var publicMethod = express.Router();var http = require('http');var api = express.Router();var querystring = require('querystring');va...
2019-03-27 10:14:44
3462
转载 Git Permission Denied
前几天把自己的Ubuntu系统升级了一下，结果Git连不上GitHub了，其中各种心酸啊，主要是误信了官方文档关于测试SSH连接成功那部分的提示，不多说直接上干货1、本地配置Git用户名和邮箱名$ git config --global user.email "xxx@qq.com"$ git config --global user.name “xxx”2、生成SSH RSA key$...
2019-03-12 10:27:49
1924
原创 css animation实现图片切换效果
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0,
2019-01-15 16:07:23
13078
原创 pkg 项目打包成可执行文件
目录结构 index.js引入config.jsonconfig = JSON.parse(fs.readFileSync('./config/config.json'));visti_port = config.visti_port; //端口path = require('path')const log4js = require('./logs.js'...
2018-12-19 17:46:59
4164
1
原创 vue 项目node服务器部署流程
vue 项目npm run build 进行打包部署，在打包之前进行config下配置文件index.js的修改，将assetsPublicPath：'/' 修改成 assetsPublicPath: './',服务器上进行express项目搭建，添加和修改如下var engines = require('consolidate');app.engine('html', engines....
2018-12-07 11:22:12
4855
1
原创 mac中的brew安装失败
如果对应的Xcode安装后执行官网命令报错/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"安装后报上述错误主要是没有安装对应的 Command Line Tools需要到苹果的开发这官网上进行下载安装，我安装完Xcode后是有 Command ...
2018-11-29 17:57:01
4821
转载 HTML5 图片本地压缩上传插件「localResizeIMG」
移动应用中用户往往需要上传照片，但是用户上传的照片尺寸通常很大，而手机的流量却很有限，所以在上传前对图像进行压缩是很有必要的。 原生应用可以直接对文件进行处理，网页应用就没有这个优势了。不过 canvas 的出现给出一条新的思路，将图像按照比例绘制到画布上，最后将绘制完成的画布以 base64 编码方式发送到服务端，再由服务端进行解析还原成图片。 由于进行处理...
2018-09-14 11:34:14
1664
原创 node log4js 配置
1.新建log4js.jsconst log4js = require('log4js');log4js.configure({ "replaceConsole": true, "appenders": { "stdout": {//控制台输出 "type": "console" }, "req": { "type
2018-08-07 13:43:53
869
原创 angularjs省市区三级联动
&amp;lt;div class=&quot;am-u-sm-9 am-u-md-9 am-u-lg-9&quot;&amp;gt; &amp;lt;!-- &amp;lt;input type=&quot;text&quot; placeholder=&quot;迁移地址&quot; max
2018-07-09 18:43:20
1378
3
原创 js调用浏览器的打印功能（局部打印 不需要调用插件，快捷打印）
&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;meta http-equiv=&amp;amp;quot;Content-Type&a
2018-07-05 11:24:01
6056
8
原创 angular input file的ngchange方法不生效
1.第一种使用onchange来想办法覆盖原方法（推荐，适合页面上有多个地方上传图片，方法只用写一个） angular input file ngchange方法不生效,可以使用onchange来想办法覆盖原方法onchange=”angular.element(this).scope().uploadImage(this.files)” uploadImage是$scope定义的方法，t...
2018-06-25 10:03:18
1605
转载 css3 transition
本篇介绍另一个人气动画属性transition。transition从效果上看是一种平滑过渡的动画，本质上是在线性时间内将属性从开始值过渡到结束值。例如获得焦点，点击鼠标等动作导致CSS属性值的变化是瞬间完成的，感觉有点生硬。用transition可以指定在某时间段内将属性值平滑过渡，增强用户体验。 4个子属性 transition-property trans
2017-08-24 14:38:39
1079
原创 EINTEGRITY：npm 5.0完整性检查和modernizr.com依赖关系
EINTEGRITY：npm 5.0完整性检查和modernizr.com依赖关系安装软件包时遇到此错误：D:\flow_heart>npm installnpm ERR! code EINTEGRITYnpm ERR! sha1-79nEpuxT87BUEkKZFcPkgk5NJaQ= integrity checksum failed when usingsha1: wanted sha1
2017-08-18 17:57:05
1907
原创 centos+apache+mysql+php安装配置方法及php项目部署
最近公司要在阿里云上部署一个thinkphp的项目，对于我这个前端的开发者来说，简直就是痛苦，对于php项目搭建毫无头绪，只能硬着头皮做起来，网上搜索的搭建流程不是这点就是那点的，转载，copy的，让我实在无语，既然搭建好，就把过程写下来，供大家参考（主要是lamp：centos+apache+mysql+php安装配置方法，对于的nginx大家可以自己尝试一下）。1.安装apache1.安装ap
2017-03-27 10:06:37
7718
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人