自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

毛毛的博客

努力让平凡的自己不再平凡

  • 博客(39)
  • 收藏
  • 关注

原创 关于ui-app项目运行小程序错误提示 Error: 登录用户不是该小程序的开发者

错误如上图所示解决办法:找到项目根目录 manifest.json文件并打开 找到mp-weixin对象,将appid这一行代码注释重新运行项目即可

2020-03-06 11:12:22 221

转载 撤销git reset

本文转自找回Git中丢失的Commit在使用Git的过程中,有时候会因为一些误操作,比如reset、rebase、merge等。特别是在Commit之后又执行了git reset --hard HEAD强制回滚本地记录以及文件到服务器版本,导致本地做的修改全部恢复到Git当前分支的服务器版本,同时自己的Commmit记录也消失了。碰到这种情况,不要慌,我们在Git上做的任何操作都只是在原来之前的...

2018-12-04 12:28:21 4013

原创 Mint UI组件库CheckList使用总结

在开发过程中,我们肯定遇到过这样的问题,如下图所示:我选择了两个选项,但是v-model中绑定的数组只有一个,解决这个问题如下代码<template> <mt-checklist :title="多选标题" v-model="value" :options="item.options" @change="checkon($event)"></mt

2018-10-17 09:38:24 3880

原创 新建小程序项目步骤

近期小程序火的不得了,为什么火呢?原因如下:1.不用安装,即开即用,用完就走。省流量,省安装时间,不占用桌面 2.体验上虽然没法完全媲美原生APP,但综合考虑还是更优 3.对于小程序拥有者来说,开发成本低,他们可以有更多财力,人力,精力放在产品本身 4.对于用户来说,相较于各种APP,微信小程序UI和操作流程会更统一新建小程序步骤如下:1.安装node...

2018-07-26 10:32:39 7011

原创 vue 展开收起动画

最近在开发项目过程中遇到一个比较棘手的问题,那就是css3在webview中的兼容性问题。导致第三方组件在低版本手机浏览器中样式错乱(高版本显示正常),无奈之下使用css2解决了样式问题,但是,原本组件使用了css3的transition3d来实现动画效果,我更换样式后,随之动画效果也没了,那就自己动手写呗!!!(移动设备更新换代的很快,目前各种手机的最新版本系统已经支持css3的大部分效果,相信...

2018-04-11 12:01:48 6381 1

原创 vue2+vueRouter2+webpack+jsonp(四)接通api,渲染列表

因为我们用的是jsonp,所以,此刻,你首先要做的就是安装jsonp,在终端执行npm install jsonp --save因为用到了axios,所以安装它npm install axios --save安装好了以后,需要做如下修改在src/utils中新建jsonp.js,修改如下import originJSONP from 'jsonp'impo...

2018-03-23 10:59:54 936

原创 vue2+vueRouter2+webpack+jsonp(三)调整App.vue并配置路由

如果你按我上面的文件目录修改的话,此刻你的项目应该是跑不起来的,那我们来改点东西。1.修改App.vue<template> <div id="app"> <router-view></router-view> </div></template><script&g

2018-03-23 10:23:53 376

原创 vue2+vueRouter2+webpack+jsonp(二) 认识项目文件

初始文件解析配置src目录 说明:在style文件夹中,如若项目样式采用less,则将scss文件夹名字改为less,并且去掉base和less文件夹中子文件的前下划线,后缀改为 .less,如图所示 配置static...

2018-03-22 11:57:07 264

原创 vue2+vueRouter2+webpack+jsonp(一)构建项目

说明:由于本人已经习惯了git的使用,所以本项目的所有命令都是在git中执行的,若大家有其他跑命令的方式也是可以采取的。git的使用方法1.安装node安装好之后,我们在终端输入以下两个命令 node -v npm -v 2.安装vue脚手架在终端输入 npm install -g vue-cli解释: 1. npm 是 node...

2018-03-22 11:47:53 667

原创 vue批量删除

因近期项目有个批量删除的功能,我刚开始想的是用checkbox实现,这种方式也是可取的,但是它有局限性,那就是同一页面内可以实现,如果列表是子组件引用到父组件的(因为是批量删除,若用户选择多个,那就是一个数组,)需要v-model传一个数组到子组件,可能本人资历尚浅,在用v-model向父组件传值时遇到种种困难(如若有能解决此类问题的能人,看到此博客烦请指导一二),于是乎,换了另一种方式。 批量...

2018-03-09 16:00:11 8647

原创 xmapp配置出现403问题

找到\xampp\apache\conf\httpd.conf配置文件Access forbidden! You don’t have permission to access the requested directory. There is either no index document or the directory is read-protected. If you think th

2017-09-26 10:53:16 541

原创 html中盒子上下左右居中方法汇总

在页面开发中,常见的盒子上下左右居中方法一.已知盒子的宽度和高度,需要在父盒子中上下左右居中1. html<div class="box"> <div class="child"></div></div> css.box{width: 300px;height: 300px;border: 1px solid orange;position: relative;}

2017-09-14 13:41:55 13779

原创 css伪元素实现图片水平垂直居中

通常,我们在开发页面的时候,遇到固定图片大小的情况较为常见,但是,也有某种特殊情况,那就是在固定大小的父元素中,显示大小不固定且宽高都不会超过父元素大小的图片,下面我们直接看代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片上下左右居中</title> <style type=

2017-08-30 10:28:45 1586

原创 pc端自适应页面之新闻列表页

近两天做了个PC端自适应列表页,遇到颇多麻烦。 首先让我们一起来分析下页面页面是左右结构的,左边是菜单,右边才是列表,然而问题来了,请看图这便是页面布局,还要考虑自适应,首先,左侧的导航不用说,那我们来说说右面的列表,列表图片是固定大小的(px),标题超出一行显示省略号,代码如下 html<div class="m_news_list_right"> <ul class="c

2017-08-21 11:35:14 3181

原创 如何判断子页面iframe的高度

我们在开发后台系统页面的时候,是否遇到过这样的问题? 一整个页面,左侧为导航栏,右侧是页面主要内容,是用iframe引用的,当我点击左侧的导航链接的时候页面右侧变化,左侧不变,更重要的是,如果右侧的高度不一样,,,这可如何是好,总不能给iframe给一个固定高度吧, 今天我就来带大家解决这个头疼的问题。 1.先要获取需要引用的内容页的高度,并赋值给引用他的页面。——son.html func

2017-07-24 13:42:42 1863

原创 移动端1px边框线在iPhone6,iPhone7中变粗的处理方法

开发过移动端页面的朋友都知道,在代码头部应该加入这样一句话:<meta name="viewport" content = "width=device-width,initial-scale = 1,maximum-scale = 1,minimum-scale = 1,user-scaleble = no">注: 1.initial-scale:设置网页初始时候的大小 2.maximum-sc

2017-06-06 13:28:20 2081

转载 js常用代码

1.PC - js返回指定范围的随机数(m-n之间)的公式Math.random()*(n-m)+m防止被Iframe嵌套if(top != self){ location.href = ”about:blank”;}两种图片lazy加载的方式第一个By JS中级交流群 成都-猎巫 第二个By 上海-zenki// @description 准备为图片预加载使用的插件// 使

2017-06-06 13:14:23 404

原创 javascript——移动端input,textarea输入框获得焦点页面上移

一路走来,在移动端页面这条路上,踩了不少坑啊。 下面介绍一下我踩的坑之一:点击input时,软键盘把input框给遮住了,,,这怎么行,解决呗。总不能让设计师把页面重新布局一遍吧,再说这定下来的页面,怎么可能因为我这点小问题说改就改。。。 呜呜~~(>_<)~~我还是个孩子。。。。。 经过试验,发现在ios上正常,那就来处理安卓呗,if (/Android [4-6]/.test(naviga

2017-05-22 17:42:25 7966

原创 vue——路由变化页面数据不刷新问题

每天记录一点点,把我遇到的问题记录下来, 希望可以帮助到更多和我遇到同样问题的人。问题描述:通过调接口,动态显示帮助页面的问题列表, 问题列表有多级,当点击的这个问题没有下一级问题的时候跳入内容页。问题出在,我在电脑上做移动端页面的时候,相继跳到详情页,我想返回,点击 按钮,直接跳转到了如上第一张图的样子,no,no,no,这不是我想要的结果,此刻,想到了通过改变url来改变页面的层级问

2017-05-18 15:27:24 32834 2

原创 js获取当前位置的地理坐标(经纬度)

由于项目需求,需要获取手机的当前位置,,,,,问度娘,然后做了一个小demoif(navigator.geolocation) { navigator.geolocation.getCurrentPosition( function (position) { var longitude = position.coords.longitude;

2017-05-13 12:09:33 29597 1

转载 JavaScript、jQuery获取浏览器和屏幕各种高度宽度

javascript:IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 Fire

2017-05-12 09:57:02 384

原创 通栏焦点图插件

首先,什么是插件?插件是一种遵循一定规范的应用程序接口编写出来的程序,为了方便程序猿们的使用,现如今,插件的世界可谓五彩冰封啊,作为小白的我也试着写了一个焦点图插件,若有出入,还请各位大神指点一二。 html如下<div class="maoFocus" id="maoFocus"> <ul class="picture"> <li><a href=""><img sr

2017-05-11 17:13:10 216

原创 纯css实现n个导航栏均分效果

生活是个不断的走进坑的过程,而精彩的生活是掉进坑里了我要努力爬出来。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>均分导航条</title> <style type="text/css"> *{margin:0;padding:0;} nav{disp

2017-05-02 15:02:25 4166

原创 常见小效果之懒加载

图片懒加载的思路 1、提前给所有图片设置宽和高用来占位 2、不设置图片的src属性,而是自定义一个data-src属性来存储图片的路径 3、判断当前屏幕的位置(图片的top值和屏幕底部的值),来进行是否显示 图片,如果需要显示的话,把data-src的值给src

2017-04-27 18:02:26 341

原创 瀑布流及灯箱效果

前段时间只写了瀑布流,今天抽时间把灯箱效果也补充了,欢迎来访!先来看看效果图吧瀑布流如下: 灯箱效果如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>灯箱效果</title> <script type="text/javascript" src="js/jquery.min.

2017-04-27 17:57:09 586

原创 iPhone、Android均适用的判断是不是微信浏览器方法js版

最近做了个移动端小项目,本以为完美,没想到仿佛武器上问题出现了,问题如下:用微信打开此页面,点击下载按钮无效,原因是微信内置浏览器屏蔽了下载链接,接到直属上级领导的指示,此处应该给出友好提示,提示用户点击右上角的三个点用浏览器打开。于是,开工了……方法如下:<script> // 判断是否是微信 window.onload = function(){

2017-04-27 10:04:28 1880 4

原创 移动端横竖屏问题--兼容iPhone、Android

移动端竖屏效果好做,可是如果在浏览器横屏的话页面瞬间变丑,怎么办呢,我来分享一下我的方法,希望对大家有所帮助。 首先,在页面内容的外面增加一个盒子,css样式如下:.main{ position: absolute; top: 0;bottom: 0;left: 50%; margin-left: -1.8rem; // 居中 width: 3.6rem;

2017-04-20 11:54:17 3146

转载 js数组方法总结归类

1、创建数组var array = new Array();var array = new Array(size);//指定数组的长度var array = new Array(item1,item2……itemN);//创建数组并赋值2、取值、赋值var item = array[index];//获取指定元素的值array[index] = value;//为指定元素赋值3、添加新元素ar

2017-04-19 15:00:56 266

原创 神奇的绝对定位实现水平垂直居中

实现绝对定位水平垂直居中,绝对定位absolute,可以用left:50%加上margin-left:(宽度/2)来实现 .main{ position:absolute; left:50%; top:50%; margin-left:-125px; margin-top:-50px; }注意:margin取负值,大小为width/height的一

2017-04-19 13:47:01 440

原创 vue单页面title修改

一般情况下,修改页面标题代码如下:document.title = '页面标题'但是,在ios的微信上此做法无效,那么我们就想办法解决咯,方法如下document.setTitle = function(t) { document.title = t; var i = document.createElement('iframe'); i.src = '//m.b

2017-04-19 11:13:28 12423

原创 动画特效wow.js的用法

1. animate.css 下载地址 :http://daneden.github.io/animate.css/ wow.min.js 下载地址:http://www.downyi.com/downinfo/37040.html#address2.在头部引入animate.css和wow.min.js,如下图所示:3.在所需动画的class中加入效果: 注:mo

2017-04-12 14:05:08 786

原创 纯css3实现圆盘时钟动画效果

先让我们来看下整体效果,请看下图:作为小白的我,看到别人写的钟表特效有点心动,于是自己也动手写了一个,主要是为了练练脑子,接下来直接看代码:html: css样式:.t2{width: 100%;height: 100%;background-image: radial-gradient(farthest-side ellipse at 50% 70%, hsla(210, 1%, 78%,

2017-04-06 11:07:58 1280

转载 职场不相信眼泪 要哭滚回家去哭

很多时候,职场是残酷的。这里不看苦劳,只看功劳。 职场不相信眼泪,要哭回家去哭 “没有一种工作是不委屈的。” 01 我又把一个实习生惹哭了。 并不是因为我强暴了她。 而是,我上厕所的时候,听到她在外面跟爸妈打电话,哭着说,来了公司三天,每天要下楼好几趟,去帮老板拿外卖。我上了四年本科,不是为了来拿外卖的…… 我一边拉屎,一边反思自己哪里做错了,是不是吃得太多,增加了实习生的工作量?

2017-04-06 09:27:40 438 1

转载 移动端关闭当前窗口/关闭当前页面

转发自:http://www.cnblogs.com/htmlcssjs/p/4569914.htmlvar userAgent = navigator.userAgent; if (userAgent.indexOf(“Firefox”) != -1 || userAgent.indexOf(“Chrome”) !=-1) { window.location.href=”about:bl

2017-03-29 18:21:59 12763

原创 修改input中的placeholder

::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #

2017-03-29 17:10:17 731

原创 移动端短信验证码详解(二)—— 倒计时

移动端短信验证码详解(一) 这一章,主要讲解倒计时的实现方法。 验证码发送倒计时一般为60秒,看代码 &lt;span v-if="show_btn" class="time1" @click="getCaptcha"&gt;点击重新发送&lt;/span&gt; &lt;span class="time" v-else&gt;{{count_down}}s重发&am

2017-03-29 09:19:03 1733

原创 移动端短信验证码详解(一)

现在的短信验证码一般为4位或6位,则页面中会相应的显示4个或6个文本框,当点击注册进入到输入验证码页面的时候,第一个框自动获取光标,依次输入,不可直接输入第三个或第四个框的值, input输入框是循环出来的,代码如下:&lt;div class="sms_input"&gt; &lt;div v-for="n in sms.numbers-1"&gt;&lt;input v-if=...

2017-03-28 19:05:51 3228 3

原创 定时器函数

// 定时器函数function actionDo () { return setInterval( function () { // 插入要执行的函数 v.settime(v.count_down) }, 1000) // 设定执行或延时时间 } // 执行它 actionDo()

2017-03-28 09:15:39 728

原创 ATOM插件安装

ATOM插件安装 1.首先要清楚,我们需要安装哪些插件,他们各自的作用及特点

2017-03-16 09:59:13 459

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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