自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 微信h5页面返回时ios不刷新页面解决方案

在做微信h5页面的时候,我们需要返回时刷新前一个页面的数据,比如在页面A点击支付按钮跳转到页面B,从页面B返回时要获取当前订单的支付状态防止重复支付。在安卓手机上不会有困扰,因为安卓手机在微信h5中返回都会刷新页面,而由于ios手机上的微信webView版本的问题,返回时会直接从缓存中拿而不会刷新页面。解决这一问题想到了vue-router,vue-router不就是有路由钩子吗?它主要用的h...

2020-01-10 10:45:36 828

原创 封装一个通用的小程序授权方法

在小程序的开发中,经常需要比如获取用户地理位置、保存图片到本地等操作,在进行这些操作前都需要先获取访问权限微信小程序在获取授权时不是直接调用获取API就行,而是有如下情况的判断第一次获取用户授权信息,直接调获取API,系统在页面中弹窗提示用户是否同意授权,用户同意,true;用户拒绝,执行拒绝,false若之前用户拒绝了授权,在本次获取时需要通过先打开设置页面的方法开启授权,然后再调用获取...

2019-07-19 15:46:37 993

原创 微信小程序开发踩坑合集

总结小程序开发中出现的bug及解决1. 在手机相册中选择完图片后直接跳转会出现闪回的现象(19.4.9)发现:在页面A打开系统相册选择图片后,在选择图片的成功回调中立即跳转到页面B进行图片裁剪的时候,会出现跳转到页面B后闪回到页面A的情况原因:在选择完图片后,会重新执行一遍page的onShow生命周期解决:在选择完图片后,做一个sleep延时1秒,再进行跳转2. 通过命令...

2019-07-19 15:16:46 246

原创 移动端h5页面拍照上传图片的时候图片旋转问题

0. 问题描述在项目中有个图片上传的组件(vue项目)<input ref="input" type="file" multiple="false" accept="image/*" @change="handleChange">在ios中点击的时候会有一个拍照的选项,但是!!!拍照的时候手机拿的方向不同,上传的图片会出现不同角度的旋转,具体现象如...

2019-07-01 18:11:04 6444 21

原创 JavaScript运行机制

本文是对JavaScript运行机制的一个总结性文章,不对一些设计目的做描述,如有不足,希望能够帮助指正一、JavaScript运行机制我们先来看一张图大致了解JavaScript的运行机制异步执行步骤如下:1.所有同步任务都在主线程中运行,异步任务会挂起,当异步任务有结果的时候就会在任务队列中放置一个事件(callback)2.当主线中的同步任务执行完了,会到任务队列中读取可以执...

2019-02-11 15:19:27 266

原创 IE8和IE9下 white-space无效

给文本设置超出省略号显示在IE8和IE9下无效解决方法,在元素上添加word-wrap: normal.text-ellipsis { .... word-wrap: normal; ....}

2018-09-29 16:20:22 1151

原创 IE9 css文件加载不全

通过IE的仿真调到IE9模式查看是没有问题的,但是在IE9浏览器中页面的样式显示错误通过IE9调试发现一个css文件只加载了一半,这个文件有700多k,最后将该文件拆分和压缩到200k左右解决了加载问题...

2018-09-29 13:33:18 1028

原创 【作用域】apply、call、bind的区别

一、apply、call、bind三者的区别方法:Function.prototype.apply(thisArg, argArray)Function.prototype.call(thisArg[, arg1[, arg2, …]])Function.prototype.bind(thisArg[, arg1[, arg2, …]])相同点:三个方法的作用都是改变函数内部th...

2018-09-25 16:12:59 99

原创 【作用域】变量提升

一、什么是变量提升先思考下面代码console.log(a);var a = 1;test();function test(){ console.log('test is running')}结果是console.log(a); // undefinedvar a = 1;test(); // test is runningfunction test(){ consol...

2018-09-25 14:56:51 461

原创 【正则】JavaScript正则表达式

元字符修饰符属性

2018-08-29 18:01:27 219

原创 video标签无法播放视频

现象:使用video播放视频,在ios上能播放,但是在浏览器和安卓上不能播放前置条件:1.network没有该视频的下载 2.通过在媒体元素中添加<source>元素而不是设置src属性,且source元素的src属性通过js赋值(最重要的原因)原因:通过<source>元素指定媒体源,媒体元素无法知道是否已经将一系列元素都添加完毕了,...

2018-07-03 08:42:07 9270 1

原创 【原型和原型链】什么是原型和原型链

一、原型 ①所有引用类型都有一个__proto__(隐式原型)属性,属性值是一个普通的对象 ②所有函数都有一个prototype(原型)属性,属性值是一个普通的对象 ③所有引用类型的__proto__属性指向它构造函数的prototypevar a = [1,2,3];a.__proto__ === Array.prototype; // true二、原型链 ...

2018-06-21 15:21:55 9815 1

原创 【原型和原型链】类和继承

一、定义“类” ——构造函数 我们知道,JavaScript中没有类的概念,我们只是通过函数来模仿类的行为,我们将它称之为构造函数 构造函数分两类,原生构造函数和自定义构造函数。原生构造函数像Array、Object,是执行环境自动提供的;自定义构造函数是我们自己来创建的 当你想用相同的属性和方法创建多个相似的对象时,构造函数是非常有用的。定义构造函数的方...

2018-06-21 15:21:34 172

原创 【数据类型】JavaScript数据类型&聊聊Object.prototype.toString

一、数据类型JavaScript定义了7种基本数据类型:(我这么记 SSNNBUO)Symbol (ES6)StringNumberNullBooleanUndefinedObjectJavaScript是一种弱类型脚本语言,即定义变量时不需要声明变量的类型,在程序运作过程中会自动判断变量的类型,定义变量的方法:varlet (ES6)const (ES6)...

2018-06-21 15:21:06 283

原创 input file上传按钮反应慢的解决方法

点击上传按钮后,选择文件弹窗要好几秒才能出现 原因一:文件后缀验证 解决方法:将可接受的值填写完整,这样就减少了使用通配符时的查找事件 原因二:在chrome浏览器下反应慢的原因是因为chrome浏览器为了保障用户的安全,会将用户选择的文件信息发送到google验证,所以只要在设置中关闭改验证就ok

2017-08-16 14:18:17 1815 2

原创 终于玩上了阿里云window下的node安装

一直想买个云服务器,但是对服务器的知识一窍不通,购买页面又有这么多的配置选项,所以总是默默关上页面,今天终于按耐不住随便买了一个玩一玩一、服务器购买1.随便选一个区域点击购物车按钮(这个选择离访问者所在地近一点的比较好)2.按照页面的要求选择服务器的配置,只是试探的玩玩,所以就买个最低配置就可以3.系统我选择了window 2012R2,因为其他的系统我根本不认识,反正就买一个月,就任性的买一个自己

2017-03-29 19:39:41 3734 8

原创 node如何接收ajax post方式传来的json类型数据

最近学了node,对于post请求的数据都是用body-parser中间件进行处理,但是今天用ajax传数据的时候发生了错误,错误如下: 传过来的值直接被解析成一个key,改了好久才解决,所以把这个问题记录一下1.form表单提交时初入门node的同学(比如我),刚开始知道body-parser的时候都只知道这样用 然后接受post请求的数据通过req.body 这样传过来的数据就会被解析成一

2017-03-29 17:24:17 13894 4

原创 webpack中如何使用iconfont字体图标

入坑webpack,开始加载一些图片、js文件什么的都没有报错,今天正好下了iconfont字体,就出现了错误,所以这里分享一下怎么在webpack中使用iconfont。1.修改css中字体文件路径我把css和字体文件放在同级目录下打开iconfont.css文件,原本的字体文件引用路径是用的css的方式,即下面图片中所示的同级目录:直接用文件名上一级目录:../ 但是,我们是在webpac

2016-12-09 18:39:08 23370 2

原创 @media 响应式布局

简述现在都要求“一站通用”,即一个网站能在各种设备上正常显示,css 3就有这么一个方法让我们实现响应式布局——@media。下面说一种materialize.css框架响应式布局的分发,和一些注意事项。划分设备materialize.css将设备分为三类:手机、平板、电脑,通过两个值600px、992px作为分界线。 设置时就可以通过下面代码@media only screen and (max

2016-12-07 16:57:45 828

原创 了解一下border-radius的实现原理

一、简述我们都知道css 3有一个属性border-radius可以给盒子设置圆角,我当初也只是知道有这个属性,并且知道一些用法,从来没有深入了解过它的作用原理。我们知道将border-radius设置正方形边长的一半或者50%或者100%就可以实现一个原型,但你知道为什么吗?下面我们就一起来探讨一下。二、常用场景我一般将border-radius用于以下两种情况:1.设置圆角让按钮/图片柔和一点

2016-12-07 02:06:40 6837 3

原创 查看npm全局-g安装过哪些包

$ npm list -g --depth 0

2016-11-30 17:10:00 10772

原创 前端人员从photoshop中获取css代码的方法

很多时候拿到设计图的时候,如果UI没有给配色、字体大小什么的说明文件,这时就需要我们自己去取,传统的方法是在photoshop中取色、量取像素大小之类的,在photoshop cc 中为我们提供了自动提取css的方法,下面就为大家介绍这种方法。psd练习文件 http://pan.baidu.com/s/1pL2dwL1工具:我这里用的是photoshop cc 2015没有photoshop的

2016-11-20 20:15:24 4685

原创 前端开发人员也要会的切图技巧(三)

这节分享一个photoshop cc 开始有的自动生成图标的方法,真的超级好用,不看会后悔~(~ ̄▽ ̄)~话说一二三的排版都不一致会不会有人介意(。・・)ノpsd练习文件 http://pan.baidu.com/s/1pL2dwL1工具:我这里用的是photoshop cc 2015没有photoshop,这里准备了photoshop cc 2015的安装包和破解工具,具体安装和破解方法可以百

2016-11-20 19:15:46 5196 2

原创 前端开发人员也要会的切图技巧(二)

之前介绍了传统的切图技巧,主要用于切多张图片的时候,但很多时候我们可能只需要切一两张图标,如果还用传统的方法就会很繁琐,所以这次分享一种导出单个图标的方法。没有psd文件的,我这里准备了一份,需要的可以去下载psd练习文件 (和之前的一样) http://pan.baidu.com/s/1pL2dwL1工具:我这里用的是photoshop cs6切单个图标的方法1.还是之前的文件,这次我们就切一个

2016-11-20 13:07:11 9942 1

原创 前端开发人员也要会的切图技巧(一)

UI给我们设计图的时候都会有一份设计原稿psd文件,有的公司可能UI会把需要的图标给切好,更多时候是需要我们自己来切的。而且,有的时候可能需要的东西UI没有切出来,你就要去是去找UI切好了再发给我们,这个过程就变得很麻烦,所以不如自己学一些切图方法 没有photoshop或者没有psd文件的,我这里准备了一份,需要的可以去下载photoshop cs6(安装和破解教程百度经验就有) http:/

2016-11-20 12:09:00 28573 4

原创 本地存储Cookie、localStorage、sessionStorage

cookie、localStorage、sessionStorage都是存储在用户本地终端上的数据,一般会经过加密处理(例如base64编码)。通常将一些用户个人数据,例如用户名等存储在本地,既方便了用户的使用,也利于多个页面间传递数据时不用通过多次的请求服务器。cookiecookie采用”键=值”方式进行存储,且可以设置cookie的过期时间,在过期时间之前,即使窗口关闭或浏览器关闭,cooki

2016-11-15 21:51:45 1747

原创 Date方法和属性参考

创建Date对象//创建一个日期对象,显示的是当前时间var date=new Date();//Tue Nov 15 2016 08:57:44 GMT+0800 (中国标准时间)//使用所有可用属性来创建一个日期对象,显示设定的时间,月份从0开始//new Date(year,month,day[,hour,minute,second,millisecondvar date1=new

2016-11-15 10:31:44 2279 1

原创 git学习笔记

推荐一个学习git的教程: 廖雪峰: http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000初始化git仓库:git init 将文件添加到暂存区:git add (filename) 将暂存区所有内容提交到当前分支:git commit -m “this is a message ab

2016-11-02 22:42:54 513

原创 Array对象属性和方法参考

js中Array对象常用属性和方法,作为参考文档使用,当忘记时可以查询

2016-11-02 15:27:17 1273

原创 String对象属性和方法参考

快速查找:ctrl+f创建String对象通过new关键字:var str=new String(“some text”);字面量:var str=”some text”;String和stringjavascript中严格区分大小写,所以String和string是完全不同的两个东西String是一个构造函数typeof String; //functionstring是一个数据类型

2016-11-02 11:13:24 561

原创 css多种方式实现元素的居中效果

效果页面基本结构<!DOCTYPE><html><head> <style> html,body{width:100%;height:100%;margin:0;padding:0;} .box{} .item{} </style></head><body> <div class="box"> <div

2016-10-27 14:47:40 375

原创 css3实现下划线动画效果

效果制作gif的时候有卡顿方法通过css3的transform和transition属性来实现代码下划线从左到右效果<!DOCTYPE><html><head> <meta charset="utf-8"/> <title>下划线动画</title> <style> /*先把a的原有下划线样式给清除*/ a,a:link,a:visit

2016-10-26 23:59:37 9275 2

原创 css选择器

css选择器

2016-09-12 20:51:51 360

原创 同一行元素顶端对齐的方法

1.同一行的行内块状元素inline-block默认的都是顶端对齐&lt;style&gt;&lt;span style="white-space:pre"&gt; &lt;/span&gt;.div1,.div2,.div3{display:inline-block;width:100px;height:} .div1{height:100px;background:#cc...

2016-09-12 20:28:32 5885

原创 苹果设备按钮样式没效果问题

苹果设备有自己的样式,所以为了使苹果设备的按钮能用自己设置的css样式,则需要在样式中初始化按钮样式:input[type=button]{ -webkit-appearance:none; outline:none;}...

2016-09-12 20:23:37 872

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