自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(459)
  • 资源 (1)
  • 论坛 (1)

转载 ios中safari浏览器100vh带有滚动条?

问题场景在移动端safari或者chrome浏览器中,使用100vh,会出现滚动条。根本原因在safari和chrome浏览器中,100vh是指去掉地址栏的高度,所以会出现滚动条。解决方案移动端一般不考虑chrome浏览器,用户基数小,如果只考虑微信公众号开发也不用考虑这个问题。如果需要考虑safari浏览器的用户体验,建议使用100%替代100vh,或者使用js,而不是100vh...

2020-10-27 15:31:09 7

原创 mac 给 iPhone 充电一直闪跳

mac 给 iPhone 充电一直闪跳解决iPhone连上MAC之后会不断地断开又连上,断开又连上问题。 sudo killall -STOP -c usbd不会对mac 产生其他影响!再次声明,不要随便将我文章拉入,什么专题之类的!详细步骤:使用: control + 空格 同时按下; 2.在步骤一后,会出现一个搜索框,输入terminal(终端)直接回车键; 3.步骤2后,进入终端,将 sudo killall -STOP -c usbd 复制进去,回车-》输入密码-》回车-》就ok

2020-10-20 10:47:58 13

转载 JS 时间转化为几分钟前 几小时前 几天前

背景:最近公司要做动态列表,类似于微信朋友圈。动态创建时间就需要显示为 刚刚、几分钟前、几小时前、几天前、2018-05-15,这样的形式。var minute = 1000 * 60; var hour = minute * 60; var day = hour * 24; // 计算时间差 handleDate(minute, hour, day,dateTimeStamp) { var result = ''; var now = new

2020-10-19 15:44:58 12

原创 获取视频第一帧作为封面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.n.

2020-09-24 10:12:28 133

原创 vue-cli使用vscode编辑器如何自动eslint检测

1:忽略不检测文件解决方法:在压缩代码前后加上/* eslint-disable */,生效

2020-09-18 15:40:29 124

原创 支付中loading动效

支付中动效1:loading图标制作 2:支付中 '...' 动态显示=> loading图标.rotateBox{ height: 60px; width: 60px; background: #000; border-radius: 50%; position: relative; margin:0 auto; } .hourBor{ height: 48px; width: 3px; border-radius: 2..

2020-09-11 10:00:22 35

原创 git拉取远程分支到本地

查看远程分支:git branch -a查看本地分支:git branch场景:假如现在远程分支有一个:demo我们本地没有;··1.查看远程分支有哪些:git branch -a2.然后切换到这个分支:git checkout remotes/origin/demo出来了这么一段话:$ git checkout remotes/origin/demoNote: checking out 'remotes/origin/demo'.You are in 'detac

2020-09-09 09:19:12 45

原创 vue2 是怎么实现响应式的

今天看了一下vue到底是怎么实现响应式的,发现特别简单, 就是使用了 Object.defineProperty 这个函数来进行监听,var vm = {}; var data = { name: 'zhangsan', age: 18 } var key , value; for ( key in data) { .

2020-08-18 17:08:05 39

原创 解决 IE 不支持 getElementsByClassName() 的方法

//create method getElementsByClassName for document if(!document.getElementsByClassName){ document.getElementsByClassName = function(className, element){ var children = (element || document).getElementsByTagName('*'); v.

2020-08-17 17:06:46 30

原创 微信小程序用canvas画图并分享

<canvas style='width:{{canvasWidth}}px;height:{{canvasHeight}}px' canvas-id='myCanvas'></canvas><button open-type='share'>分享</button>【js部分】 var ctx = "" // 用于获取canvas var leftMargin = "" //文字距离左边边距 var topMargin = "" .

2020-08-14 15:16:59 86

原创 vue-解决弹出蒙层滑动穿透问题(IOS穿透)

【实现思路】  1. vue提供的@touchmove.prevent可以用来阻止滑动,但是这个方法会对其内的子div的滑动事件也禁止掉了,这样会导致中间文字无法滑动。如果没有中间滑动需求,用@touchmove.prevent实现是一个很好的方法。  2. 蒙层设为fixed悬浮在最上,底部列表设置overflow-y: hidden;这样可以列表内容就不可以滑了,但实际过程中没有效果,于是想到继续往列表父div向上追溯,对body和html标签设置相关样式,这样就控制住了底部列表滑动问题...

2020-08-07 23:37:10 125

原创 完美解决vue项目中弹出框滑动时,内部页面也跟着滑动问题

在main.js中设置全局函数://弹出框禁止滑动Vue.prototype.noScroll = function () { var mo = function (e) { e.preventDefault() } document.body.style.overflow = 'hidden' document.addEventListener('touchmove', mo, false)// 禁止页面滑动} //弹出框可以滑动Vue.prototype.canScroll

2020-08-07 15:50:25 134

原创 jQuery原理简析

网上很多jQuery的分析文章,虽然很详细,但是对我这种小白,只想了解一下大概原理,而不想花太多时间研究细节,于是我就抽出jQuery绑定元素及方法的核心思想,没有图,但是相信你一定能看懂。 function $(selector,context){ return new Jquery(selector,context); }; function Jquery(selector,context){ this.element = [];//用来保存传进来的参数 if(typeof s.

2020-07-28 10:26:14 45

原创 微信浏览器缓存怎么清理?

微信浏览器缓存怎么清理?用微信内置浏览器打开这个网页debugx5.qq.com 或http://debugtbs.qq.com/来自网络:大家知道,做微信公众号和调试手机页面的时候,避免不了页面要跳转到微信浏览器打开,调试阶段,android版微信浏览器一直都默认缓存html静态资源,每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新,很多时候要清理微信缓存才能看到效果,很是烦人。部分客户装了QQ浏览器,微信实际调用的是QQ浏览器,有时候甚至光清理微信缓存都无效,QQ浏览器.

2020-07-22 14:56:02 204

原创 git 拉取远程分支到本地

步骤:1、新建一个空文件,文件名为hhhh2、初始化git init3、自己要与origin master建立连接(下划线为远程仓库链接)git remote add origin git@github.com:XXXX/nothing2.git远程仓库链接在github这里,如下图红色框内所示的链接:输入命令:4、把远程分支拉到本地git fetch origin dev(dev为远程仓库的分支名)下图红色勾选的为可使用的分支名下面拉取远程的develo...

2020-07-02 11:39:14 94

原创 微信小程序通过经纬度获取详细地址

微信小程序正常通过getLocation只能获取到当前用户的经纬度信息,想要获取详细信息需要通过微信小程序JavaScript SDK反编译获取详细地址准备条件:1配置腾讯地图秘钥,并且开启webserviceAPI服务,不要往白名单里添加东西2小程序引入微信小程序JavaScriptSDK3小程序合法域名添加https://apis.map.qq.com,否则真机无法显示腾讯地图服务网址http://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsS

2020-06-10 12:09:30 443

原创 小程序catchtouchmove事件

wxml:<view class="moveWrap"> <view class="move" style="height:{{rH}}rpx;width:{{rW}}rpx;left:{{x}}px;top:{{y}}px;" catchtouchmove="_minMove"></view></view>wcss:/* pages/move/move.wxss */.moveWrap { height: 100vh; widt

2020-06-03 16:17:55 914

转载 webpack 构建多页面应用——初探

如何使用webpack构建多页面应用,这是一个我一直在想和解决的问题。网上也给出了很多的例子,很多想法。猛一看,觉得有那么点儿意思,但仔细看也就那样。使用webpack这个构建工具,可以使我们少考虑很多的问题。我们常见的单页面应用只有一个页面,它考虑问题,解决问题围绕着中心化去解决,因此很多麻烦都迎刃而解。如果你使用过vue.js,那么想必你一定用过vue-router,vuex,它们就是典型的中心化管理模式,当然还有很多,这里不一一列举了。而多页面应用,我们不能再按照中心化模式的路走了,因为行

2020-06-01 15:07:07 132

原创 webpack配置postcss-loader无效

webpack配置postcss-loader无效文档配置如下:postcss.config.jsmodule.exports = { plugins: [ require('autoprefixer') ]}webpack.config.jsconst path = require('path');const webpack = require('webpack');const { CleanWebpackPlugin } = require(

2020-05-31 23:20:12 681 1

原创 MySQL5.7卸载不干净,残留文件MySQL connector net 8.0.12

一、在控制面板程序中卸载mysql软件二、卸载过后删除C:\Program Files (x86)\MySQL该目录下剩余了所有文件,把mysql文件夹也删了三、windows+R运行“regedit”文件,打开注册表四、删除注册表:HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Services\Eventlog\Application\MySQL文件夹五、删除HKEY_LOCAL_MACHINE\SYSTEM\ControlSet002\Services\E.

2020-05-27 14:36:57 245

转载 一招教你解决react-native模块版本与自身不同的问题

由于作者的问题或者 版本本身问题 有些模块 build.gradle 里的compileSdkVersion属性会和根目录下的build.gradle里配置的不同导致打包失败简单解决办法就是 直接修改对应包里的配置 但是这种办法 对于重新npm i 之后需要重新修改 比较麻烦可以使用如下办法修改 android/app/build.gradle 文件增加如下代码subprojects { afterEvaluate {project -> if (proje..

2020-05-27 11:58:18 258

原创 Host is not allowed to connect to this MySQL server解决方法

在装有MySQL的机器上登录MySQL mysql -u root -p密码 执行use mysql; 执行update user set host = '%' where user = 'root';这一句执行完可能会报错,不用管它。 执行FLUSH PRIVILEGES;经过上面4步,就可以解决这个问题了。注: 第四步骤很重要...

2020-05-26 23:22:23 68

原创 Node版本升级和降级

再特殊的场景下,我们前端同学需要对Node的版本进行升级和降级,比如: 服务器和本地配置不一致 Node新功能尝鲜 NPM插件的兼容问题 一、安装NPM插件 n ,通过n模块来管理Node的版本; 通过npm/cnpm install n -g 全局安装n模块 n stable 或者 sudo n stable 安装当前稳定的版本; n latest 或者 sudo n la...

2020-05-21 14:13:58 236

转载 JS性能优化 之 FOR循环

FOR 循环我们用的真的是太多了,但你是否关注过它的优化写法呢?记录下:1. 最最常规写法,没有任何不妥for (var i = 0; i < 10; i++) { // do something...}2. 循环的次数为变量的情况for (var i = 0; i < arr.length; i++) { // do something...}其实大多数人都是这种写法,这种写法的缺点在于,每次循环都要去读取一次数组的长度,不划算...

2020-05-19 15:26:33 174

转载 JS几种生成唯一id的方法

在开发中偶尔会遇到需要生成唯一id的时候,比如对数组的任意一项进行多次增删改,这时就需要给每一项添加唯一标识符来加以区分。以下便是从网络中搜集而来的各种生成唯一标识的方法,在此总结以供以后查阅。方法1function uuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.

2020-05-16 15:23:35 387

原创 解决 Electron 包下载太慢问题

项目下新建 .npmrc 文件,加入如下配置:electron_mirror=https://npm.taobao.org/mirrors/electron/即使用淘宝的源,重新 npm installnpm install --save-dev electron如果速度还是很慢就把 package-lock.json 和 node-modules 删掉,重新 install安装好后运行npm start...

2020-05-11 22:13:52 1604 1

原创 creat-react-app安装node-sass常出错

安装 node-sass 的正确姿势安装node-sass的时候总是会各种不成功,今天我琢磨了一会儿总算知道要怎么解决了。首先要知道的是,安装node-sass时在node scripts/install阶段会从 github.com 上下载一个 .node 文件,大部分安装不成功的原因都源自这里,因为 GitHub Releases 里的文件都托管在 s3.amazonaws...

2020-04-24 10:48:53 143

转载 AndroidStudio Gradle下载速度慢解决方法

1 找到工程项目的build.gradle 2 注释掉 jcenter() ,改用国内阿里云的maven库地址 这里注意,只需要分别修改 buildscript 和 allprojects 的 repositories 即可// Top-level build file where you can add configuration options common to all sub-pr...

2020-04-19 16:20:24 353

原创 [React Native] gradle配置--离线下载

遇到问题在开发RN项目中运行Android项目过程中出现这个问题前期准备了好多工作,到这一步卡死了!! 解决方案:科学上网到这里大家都估计是网络问题,有些时候游戏资源我们下载起来很费劲。 尝试科学上网,重新下载,发现并没有什么效果。离线安装离线安装在Android环境的时候ADT SDK这些都尝试过离线安装的方式的方式。 复制控制台地址到单独下载未果,是啊! 如果这个地址可以...

2020-04-14 16:40:54 168

转载 微信小程序canvas生成图片为空白问题

项目中用canvas生成图片时都为空白,原因为 wx.canvasToTempFilePath必须写在wx.draw()的回调中才能实现。createImg ( imgPath) {//生成图片 const ctx = wx.createCanvasContext('canvasId') ctx.drawImage(imgPath, 0, 0, w, 280) ctx.draw(...

2020-04-13 23:22:37 889

原创 react-native-update:compileReleaseNdk.NDK not configured

错误信息* What went wrong:Execution failed for task ':react-native-update:compileReleaseNdk'.> NDK not configured. Download the NDK from http://developer.android.com/tools/sdk/ndk/.Then add ndk....

2020-04-09 01:17:05 109

原创 一行指令,获取APK签名摘要,versioncode等信息

在jdk/bin目录先打开cmd,执行如下命令:keytool -printcert -jarfile xxx.apk# 最后是你APK的位置,好像zip压缩也可以xxx.apk是apk的全路径

2020-04-05 11:12:05 66

转载 React-Native App启动页制作(安卓端)

这篇文章是根据开源项目react-native-splash-screen来写的。在使用react-native-link命令安装该包后不知是何原因导致app无法运行了。issue也有很多用户说安装该包后项目出错。其实制作app启动页很简单,大可不必引用该包。下面开始正文。app启动页第一是为了宣传,第二是为了防止在app初始化期间屏幕白屏。所以app启动页不能干扰mainActivity的...

2020-04-03 16:38:18 92

原创 react-native 在Android 9.0 上请求fetch http失败

android 9.0 默认禁止访问不安全的请求,比如http,采坑……解决方法:+方法一: 使用认证过的https(我用的阿里云免费证书,如果使用https还得配置,所以用了http)+方法二(两步):第一步: 在 res 下新增一个 xml 目录,然后创建一个名为:network_security_config.xml 文件如下图:image.png内容...

2020-03-31 00:39:11 185

原创 js-依次循环异步请求(普通/ES6)

要求:请求5次ajax,将结果依次显示在页面老办法:用数组+定时器代替for循环//递归 -------有顺序 function getTime(j, length) { $start = new Date().getTime(); Time(j, length); } function T...

2020-03-28 17:32:09 287

转载 ajax携带cookie的两种方式

1. Ajax携带cookie的两种方式  场景:  后台需要前端的ajax请求携带上cookie值,因为cookie上面有用户的userId的加密信息或者是token。    解决步骤:  1、服务器方面,添加@CrossOrigin注解到controller层上。-----》解决服务端允许前端跨域问题。  2、前端方面:必须要注意的点是:浏览器的同源策略问题--...

2020-03-28 14:14:45 277

原创 React 中 setState的对象、数组的操作时是不能用类似array.push()等方法

运用在React 中setState的对象、数组的操作时是不能用类似array.push()等方法,因为push没有返回值,setState后会出现state变成Number,为了方便他人和自己查看,因此写个数组和对象的操作方法小笔记。  // 1、修改object中某项this.setState({ object: {...object, key: value}});  //...

2020-03-17 15:16:36 1290

转载 fetch各种报跨域错误,数据无法获取的解决方案

1、介绍 fetch 提供了一个获取资源的接口 (包括跨域)。 fetch 的核心主要包括:Request , Response , Header , Body 利用了请求的异步特性 --- 它是基于 promise 的2、用法 1 2 3 4 5 6 7 8 varr...

2020-03-15 22:32:47 71

原创 react-native(Android)开发 Error:The number of method references in a .dex file cannot exceed 64K.

Android开发 Error:The number of method references in a .dex file cannot exceed 64K.在Android系统中,一个App的所有代码都在一个Dex文件里面。Dex是一个类似Jar的存储了多有Java编译字节码的归档文件。因为Android系统使用Dalvik虚拟机,所以需要把使用Java Compiler编译之后的cla...

2020-03-14 17:34:53 381

原创 React-Navigation(二),goBack的使用(两级)

假设假设有三个页面A、B、C,栈中是A->B->C,即A页面跳转至B页面,B页面跳转至C页面;(现实场景中的例子A:普通页面,B:登录页面,C:注册页面)在pop的过程中,C pop-> B , B pop-> A都很轻松,在使用了 React-Navigation后,在相应的screen页面拿到navigation,调用其goBack方法就能实现页面回退:...

2020-03-13 11:14:16 219

vue+elementUI+wepack

基于vue-cli+elementUI+webpack开发的后台管理模板(simple)

2018-05-05

I-T枭的留言板

发表于 2020-01-02 最后回复 2020-05-10

空空如也
提示
确定要删除当前文章?
取消 删除