殇蓝-CSDN博客

原创关于android嵌套h5不能加载，白屏问题

android设置了webview的基本权限WebSettings settings = mWebView.getSettings(); //设置了这个属性后我们才能在 WebView 里与我们的 Js 代码进行交互 settings.setJavaScriptEnabled(true); //WebView 是否支持多窗口，如果设置为 true，需要重写 //WebChromeClient#onCreateWindow(WebVi.

2021-07-23 18:38:53 1765 1

原创 iOS拍照修正方向-exif-js库应用存在的问题

exif-js上传存在的问题正常情况下的图片上传file对象解决方法：默认手动创建对象4.原因分析：有些图片的信息丢失，EXIF.getData获取的时候没有进行兼容处理

2021-09-28 18:05:27 340

原创 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 2884

转载 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 813

原创 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 1072 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 2823 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 342

原创 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 4106

原创 iOS拍照显示不正确的问题

只需记住:1.iOS拍照默认的照片方向并不是竖着拿手机时的情况，而是横向，即Home键在右侧；2.android拍照默认的照片方向并不是竖着拿手机的；3.主要是获取图片的EXIF头部信息，其中有一个叫做Orientation (rotation)的标签，用于记录图像的方向，这便是相机写入方向信息的最终位置。它总共定义了八个值：4.对应的修改可以iOS处理也可以前端处理，推荐源头iOS进行...

2019-07-18 19:17:19 260

原创如何处理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 12493

原创关于请求状态400的问题

**400 一眼看去的确是前端提交的JSON数据格式存在问题（80%左右的概率都是前端），但是有种是后端的（不管是Java,还是Node，如果没有按照他们的要求传递JSON格式（你不知道的格式情况下20%的概率都是后端的），也会报错），就如下面subs数是base是图片信息的数组，我没上传图片的时候默人的是空，会传递"submitInfomations":{"subs":{}},但我没有按照下面这...

2019-03-27 10:17:56 5790

原创 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 3388

转载 Git Permission Denied

前几天把自己的Ubuntu系统升级了一下，结果Git连不上GitHub了，其中各种心酸啊，主要是误信了官方文档关于测试SSH连接成功那部分的提示，不多说直接上干货1、本地配置Git用户名和邮箱名$ git config --global user.email "[email protected]"$ git config --global user.name “xxx”2、生成SSH RSA key$...

2019-03-12 10:27:49 1859

原创 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 12670

原创 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 4098 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 4750 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 4757

转载 HTML5 图片本地压缩上传插件「localResizeIMG」

移动应用中用户往往需要上传照片，但是用户上传的照片尺寸通常很大，而手机的流量却很有限，所以在上传前对图像进行压缩是很有必要的。原生应用可以直接对文件进行处理，网页应用就没有这个优势了。不过 canvas 的出现给出一条新的思路，将图像按照比例绘制到画布上，最后将绘制完成的画布以 base64 编码方式发送到服务端，再由服务端进行解析还原成图片。由于进行处理...

2018-09-14 11:34:14 1603

原创 node log4js 配置

1.新建log4js.jsconst log4js = require('log4js');log4js.configure({ "replaceConsole": true, "appenders": { "stdout": {//控制台输出 "type": "console" }, "req": { "type

2018-08-07 13:43:53 823

原创 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 1344 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 5937 11

原创 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 1527

转载 css3 transition

本篇介绍另一个人气动画属性transition。transition从效果上看是一种平滑过渡的动画，本质上是在线性时间内将属性从开始值过渡到结束值。例如获得焦点，点击鼠标等动作导致CSS属性值的变化是瞬间完成的，感觉有点生硬。用transition可以指定在某时间段内将属性值平滑过渡，增强用户体验。 4个子属性 transition-property trans

2017-08-24 14:38:39 1049

原创 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 1825

原创 centos+apache+mysql+php安装配置方法及php项目部署

最近公司要在阿里云上部署一个thinkphp的项目，对于我这个前端的开发者来说，简直就是痛苦，对于php项目搭建毫无头绪，只能硬着头皮做起来，网上搜索的搭建流程不是这点就是那点的，转载，copy的，让我实在无语，既然搭建好，就把过程写下来，供大家参考（主要是lamp：centos+apache+mysql+php安装配置方法，对于的nginx大家可以自己尝试一下）。1.安装apache1.安装ap

2017-03-27 10:06:37 7172

殇蓝的博客