自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 资源 (1)
  • 收藏
  • 关注

原创 基于vue封装axios请求

import axios from 'axios';import qs from "qs";const url = "https://www.baidu.com"; //访问地址域名axios.interceptors.request.use( config => { //如需添加token if (localStorage.getItem('token')) { config.headers["token"] = local.

2020-10-31 14:00:07 12

原创 ES6特性一览

class类constructor():构造函数,new命令生成实例时自动调用extends:继承父类super:新建父类的thisstatic:定义静态属性方法get:取值函数,拦截属性的取值行为set:存值函数,拦截属性的存值行为

2020-05-25 18:12:07 97

原创 使用npm下载依赖报错

错误如下:“Unexpected end of JSON input while parsing near···”解决方法:1.清理缓存:npm cache clean --force2.执行命令:npm install --registry=https://registry.npm.taobao.org --loglevel=silly

2020-05-25 15:56:21 247

原创 VUE使用总结

一.生命周期二.组件通讯三.数据刷新四.VUEX状态管理五.Watch监听六.自定义指令七.插槽八.Keep-alive

2020-05-15 16:43:33 77

原创 VUE CLI4新特性以及项目搭建

默认进行懒观察(lazy observation)。在 2.x 版本里,不管数据多大,都会在一开始就为其创建观察者。当数据很大时,这可能会在页面载入时造成明显的性能压力。3.x 版本,只会对「被用于渲染初始可见部分的数据」创建观察者,而且 3.x 的观察者更高效。 更精准的变更通知。2.x 版本中,使用 Vue.set 来给对象新增一个属性时,这个对象的所有 watcher 都会重新运行;3.x...

2020-04-28 15:22:05 1149

原创 前端JS数据类型

JS 5大原始类型:Undefined、Null、Boolean、Number 和 String。原始数据值是一种没有额外属性和方法的单一简单数据值。typeof 运算符可返回以下原始类型之一:stringnumberbooleanundefined

2020-04-28 10:55:17 76

原创 Promise和setTimeout执行顺序

then和settimeout执行顺序,即setTimeout(fn, 0)在下一轮“事件循环”开始时执行,Promise.then()在本轮“事件循环”结束时执行。因此then 函数先输出,settimeout后输出

2020-04-27 12:07:51 104

转载 js常见的数据加密与解密的方法

常见的加密方式常见的加密算法基本分为这几类,线性散列算法(签名算法)MD5 SHA1 对称性加密算法 AES DES 非对称性加密算法 RSAMd5加密 MD5是一种被广泛使用的线性散列算法,可以产生出一个128位(16字节)的散列值(hash value),用于确保信息传输完整一致。 MD5加密之后产生的是一个固定长度(32位或16位)的数据 MD5是可以...

2020-04-27 10:03:08 244

原创 前端TypeScript初解

安装TypeScript有两种主要的方式来获取TypeScript工具:通过npm(Node.js包管理器) 安装Visual Studio的TypeScript插件Visual Studio 2017和Visual Studio 2015 Update 3默认包含了TypeScript。 如果你的Visual Studio还没有安装TypeScript,你可以下载它。针对使用np...

2020-04-24 20:34:07 83

原创 CSS粘性布局 position:sticky

CSS 3的属性粘性定位position:sticky,它是相对定位(position:relative)和固定定位(position:fixed)的混合。使用它,我们不再用监听scroll事件,即可实现导航栏滚动绝对定位的效果。基本用法: .box{width:100%;height:100%} .sticky{position...

2020-04-24 12:09:58 175

转载 微信小程序:防止多次点击跳转(函数节流)

场景在使用小程序的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况,就像下图(快速点击了两次):解决办法然后从轻松理解JS函数节流和函数防抖中找到了解决办法,就是函数节流(throttle):函数在一段时间内多次触发只会执行第一次,在这段时间结束前,不管触发多少次也不会执行函数。/utils/util....

2020-04-12 12:04:08 86

原创 JavaScript base64

Base64编码可用于在HTTP环境下传递较长的标识信息。例如,在Java Persistence系统Hibernate中,就采用了Base64来将一个较长的一个标识符(一般为128-bit的UUID)编码为一个字符串,用作HTTP表单和HTTP GET URL中的参数。在其他应用程序中,也常常需要把二进制数据编码为适合放在URL(包括隐藏表单域)中的形式。此时,采用Base64编码不仅比较简短,同时也具有不可读性,即所编码的数据不会被人用肉眼所直接看到。

2019-03-15 13:51:07 1865

原创 ionic cordova-plugin-themeablebrowser插件使用方法

1.插件图片需要手动移动位置才能显示android:插件src/android/res/drawable-xhdpi目录下将图片复制到platforms/android/res/drawable-xhdpi目录下即可ios:插件src/ios/res/Resources图片复制到xcode/项目目录/Resources目录下后续有时间再添加...

2018-12-09 17:13:14 858

原创 http POST请求键值对参数以及json参数

发送键值对参数:对body里参数进行处理,使其变为键值对形式,下面为angular示例代码method: RequestMethod.Post,body: HttpService.buildURLSearchParams(paramMap),headers: new Headers({ 'Content-Type': 'application/x-www-form-urlen...

2018-12-06 17:28:56 5311

原创 cordova适配android虚拟按键

项目运行在android手机中会出现某些自带虚拟按键的机型,比如华为,vivo等其中一些机型,如果不进行处理适配的话会导致虚拟按键覆盖app底部tab栏,影响视觉效果以及某些操作,用户体验极差。解决方法:在项目路径->platforms->android->src->org->apache->cordova->statusbar中找到StatusB...

2018-11-29 19:42:03 1073 1

原创 Android Studio模拟器报错INSTALL_FAILED_NO_MATCHING_ABIS

使用Android Studio将apk安装到模拟器上是报错:INSTALL_FAILED_NO_MATCHING_ABIS详细信息如下:Installation failed with message INSTALL_FAILED_NO_MATCHING_ABIS: Failed to extract native libraries, res=-113. It is possible ...

2018-11-28 17:32:52 559

原创 dyld: Library not loaded: @rpath/libswiftAVFoundation.dylib

在使用xcode直接运行程序是报如下错误:解决办法:在xcode上:command + shift + k

2018-11-23 11:28:15 698

原创 js判断移动端手指的上滑,下滑,左滑,右滑,事件监听

原理:1:当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和startY;   2:当触发touchmove事件的时候,再获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后,通过两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。代码:  document.getElementById("id").addEventListener("touch...

2018-09-12 16:37:35 5531

原创 vue中使用less

第一步:安装less依赖npm install less less-loader --save第二步:修改build/webpack.base.conf.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",},...

2018-08-01 14:51:36 418

原创 ionic3 图片选取imagepicker以及camera汉化

android:    camera在android下不需要汉化,直接用就行    imagepicker:          在platforms/android/res下创建文件夹values-zh,其下创建文件multiimagechooser_strings_zh.xml          文件内容:<?xml version="1.0" encoding="ut...

2018-07-23 15:54:26 2063

原创 js实现复制内容到剪切板

经测试,android和ios都可以兼容,代码如下:function copy(str){ var save = function (e){ e.clipboardData.setData('text/plain',str);//clipboardData对象 e.preventDefault();//阻止默认行为 }; document.addEventList...

2018-07-18 11:14:36 562

原创 移动端页面自适应布局

添加下列js代码,如果页面的宽度超过了640px,那么页面中html的font-size恒为100px,否则,页面中html的font-size的大小为: 100 * (当前页面宽度 / 640) <script> (function (doc, win) { var docEl = doc.documentElement, res...

2018-07-17 16:16:54 316

原创 master合并分支时提示“Already up-to-date”

在使用Git把当前分支合并到master提示“Already up-to-date”,但当前分支和 master 分支代码不同步。假设当前分支是:dev,主分支是:master。解决方法:git checkout master;git reset --hard dev;git push --force origin master...

2018-07-03 14:08:21 19476

原创 js日期格式与时间戳相互转换

1.将日期格式转化为时间戳: vardate =newDate('2018-06-08 18:00:00');// 有三种方式获取vartime1 = date.getTime();vartime2 = date.valueOf();vartime3 = Date.parse(date);console.log...

2018-06-08 18:37:35 16632 1

原创 js实现地址转化经纬度以及经纬度转化地址

这是介绍的是高德地图api实现地址转化经纬度以及经纬度转化地址:1. 首先,注册开发者账号,成为高德开放平台开发者2. 登陆之后,在进入「应用管理」 页面「创建新应用」3. 为应用添加 Key,「服务平台」一项请选择「 Web 端 ( JSAPI )」 然后在html页面引入js:<script type="text/javascript" src="h...

2018-06-07 16:14:28 6395

原创 ionic 修改Android系统字体大小影响app内布局

    在项目中发现了一个问题,就是有些人喜欢将手机的系统字体设置为大号或以上,而一般系统默认都是标准字体大小,而经过测试发现将字体设置为大号以上,app内布局会放大,从而导致某些布局混乱,看起来很不美观,苹果手机并不会收到影响,但是android手机会有这种情况    解决方法如下:添加ionic官方插件ionic cordova plugin add phonegap-plugin-mobil...

2018-05-21 14:52:39 1704

原创 打开Android Studio报错"required plugin “Android Support” is disabled"

打开Android Studio报错如下:Problems found loading plugins:Plugin "Google Analytics Uploader" was not loaded: required plugin "Android Support" is disabled.Plugin "SDK Updater" was not loaded: required plugi...

2018-05-21 14:37:10 336

原创 the connection to the server was unsuccessful(file ///android_asset/www/index.html)

问题描述:使用ionic serve在浏览器上运行app没有问题,但是android真机运行报错the connection to the server was unsuccessful(file ///android_asset/www/index.html)解决方法:在config.xml添加<preference name="loadUrlTimeoutValue" value="70...

2018-05-17 14:31:14 4438

原创 error: resource android:attr/fontVariationSettings not found.

cordova build android时报错:error: resource android:attr/fontVariationSettings resource android:attr/ttcIndex not found.解决方法:在platforms/android/build.gradle文件里添加configurations.all {resolutionStrategy {...

2018-05-15 15:07:08 7726

原创 Angular 6 新特性

Angular 6 已经正式发布了!这个主要版本并不关注于底层的框架,更多地关注于工具链,以及使 Angular 在未来更容易快速推进。作为发布的一部分,我们同步了主要的框架包  (@angular/core, @angular/common, @angular/compiler, etc),  Angular CLI, 以及 Angular Material + CDK。现在全部都是作为 6.0...

2018-05-12 17:10:58 3342 3

原创 cordova android编译时报错 Error: spawn EACCES

cordova android编译时报一下错误:Error: spawn EACCES一般是gradle权限问题,命令行输入:chmod 777 "/Applications/Android Studio.app/Contents/gradle/gradle-4.4/bin/gradle"注:命令行中gradle-4.4是你当前gradle版本...

2018-05-11 15:26:21 632

原创 实现input移动端自动获取焦点以及数字键盘搜索功能

最近项目中需要做一个搜索功能,其中就有自动获取焦点以及数字键盘快捷搜索,下面就跟大家分享一下我的实现方法:首先跳转到搜索页面input自动获取焦点,按常规写法就是加个autofocus或者页面加载完成后立即给input加个focus()方法,但是这样进入页面的时候焦点会自动消失,这就需要加个定时器让他延迟一点获取焦点就OK了,代码如下:html页面:<input #searchbar typ...

2018-03-21 11:01:34 3233

原创 Ionic3 iOS真机及模拟器运行http请求失败

这几天在做ionic3项目,发现运行ios时http请求失败(我用的是angular的http,而不是文档的http插件),而android版就没有问题,能正常请求数据,然后将错误打印出来,发现返回 responsewithstatus:0forurl:null 开始试了几种方法都还是这个错误,后来在官方文档中找到了解决方法,有兴趣的可以看看这个链接https://ionicf

2017-12-12 23:36:48 5468 1

转载 cordova启动页面和图标的设置

config.xml配置在cordova5.0版本以后,需要安装cordova-plugin-splashscreen插件以后才能修改和设置App的启动页面。安装splashscreen插件:cordova plugin add cordova-plugin-splashscreen或cordova plugin add https://github.com/apache/cordova

2017-10-31 11:02:18 2711

原创 新版Iconfont-阿里巴巴矢量图标库支持三种引用方式

1.unicode引用unicode是字体在网页端最原始的应用方式,特点是:兼容性最好,支持ie6+,及所有现代浏览器。支持按字体的方式去动态调整图标大小,颜色等等。但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使

2017-10-31 10:55:13 13135 1

转载 了解真实的『REM』手机屏幕适配

rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果。rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素,所以采用的方式也是通过设置 ht

2017-10-31 10:40:44 205

前端MD5加密 js代码文件|md5_.js

/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002. * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet * Distributed under the BSD License * 避免请求时密码等明文显示在请求中

2020-10-31

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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