- 博客(41)
- 资源 (1)
- 收藏
- 关注
原创 Vue 部署遇到刷新后404
详细请查看:https://www.jianshu.com/p/05f889faa74b?from=timeline&isappinstalled=0如果你的vue工程用的router是history模式,需要将客户端发来的url重定向到默认的index.html,才能正常访问。否则只能看到主页。刷新或点击其他页面都会404。重要配置:添加index映射:try_f...
2019-06-22 18:44:25
3039
原创 Vue 实现打字机效果--ityped.js
// html template<p class="desc" v-show="showDesc"><span>I'm </span><span ref="descStr"></span></p>// importimport {init} from 'ityped';// usageconst descS...
2019-06-22 18:27:02
4028
原创 Koa 401错误捕获
当返回http码为401时,Koa将自动去掉allow origin,导致返回的错误变成origin not allowed,这种时候前端无法捕获到这个错误。解决方法:使用koa-cors,设置options,修改抛出错误的方式。// 使用koa-cors// 注意设置 keepHeadersOnError: trueimport cors from '@koa/cors...
2019-06-22 18:21:23
1633
原创 Vue 使用scrollreveal做初始动画
import scrollReveal from 'scrollreveal';export default { name: "Main", data() { return { scrollReveal: scrollReveal() } }, mounted() { this.scrollReveal.r...
2019-06-22 18:11:37
1275
原创 升级mongo遇到的坑
升级后远程连接无效 修改/etc/mongd.conf配置文件,将bindIp注释掉 重启mongo服务,但遇到service mongod restart无效 sudo /usr/bin/mongod --confif /etc/mongod.conf 升级升级后Mongo出现Failed to restart mongod....
2019-06-22 16:47:40
1111
原创 nginx+pm2+koa2配置我的博客后端
文章目录前言后端配置域名,根据域名申请证书配置nginx,采用pm2启动后端前言在我的前一篇文章中,使用nginx配置了https服务,但是发现所有的前端https请求都被阻塞,因此在页面中增加了如下设置:<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">但发现后端没有...
2018-11-04 17:44:34
2234
原创 记一次nginx部署Vue静态页面
文章目录前言服务器准备域名准备nginx安装与配置nginx配置https服务加快首次页面加载速度前言用Vue写了个博客,第一次打包后正式部署到服务器上,将其中遇到的问题,及参考的资料分享一下。服务器准备本次部署使用的阿里云的ecs云服务器,系统为ubuntu16.04,由于购买的香港地区的服务器,因此无需备案。使用香港服务器有以下优缺点:优点不需要备案,简化流程缺点配置...
2018-11-04 17:24:16
5343
原创 VSCode Vue Stylus expected "indent", got "eos"
使用VSCode编写Stylus的时候出现expected "indent", got "eos"错误,查询后发现是tab制表符(\t)和空格(' ')混用了,导致stylus无法正常编译,网上查询的解决方法是Editor: insert spaces设为true,而将Editor:detect Indentation设为false,设置后发现无法解决问题,经实测将两者都设为false可以解决。...
2018-09-24 11:08:51
2933
原创 vue实现滑动切换效果(仅在手机模式下可用)
实现滑动时红黄色块左右滑动相应距离,效果如下图实现过程主要在于实时跟踪手指滑动位置与原位置之间的偏移量,再相应移动红黄块。红黄块布局如下 back中包含back-l,back-r左右两块,正常情况下为了隐藏其中一块,子模块需要设置display: inline-block,并且宽度都需要设置width: 100%。父模块中设置white-space: nowrap用于处理两个子模块之间的空白。 &...
2018-02-26 23:37:11
20436
1
原创 offsetx,pagex区别
http://blog.youkuaiyun.com/lzding/article/details/45437707
2018-01-11 23:29:18
1062
原创 Vuex使用
vuex作为vue统一的数据管理组件,能够在多个组件中传递数据。vuex一般包含state,mutation,action,getters等模块。
2018-01-01 15:19:10
688
原创 vue滚动列表嵌套
如图vue实现滚动列表中嵌套图片,且图片可被遮挡 整个页面布局如下: 布局代码如下:.music-list position: fixed z-index: 100 top: 0 left: 0 bottom: 0 right: 0 background: $color-background .back positio
2017-12-27 20:38:20
3242
原创 vue实现横向滚动效果(better-scroll)
使用better-scroll实现滚动效果,参照大佬的文章,将better-scroll封装成组件可供多次调用。封装slider组件
2017-11-02 21:49:50
76971
2
原创 vue实现带图片的标题栏
一般的标题中需要一个图片和文字标题如下,m-header中包含两个元素,一个是图片icon,另外一个是文字text<div class="m-header"> <div class="icon"></div> <h1 class="text">Chicken Music</h1> </div> 这种情况下在css中首先需要给父元素m-header设置position属性,方
2017-10-25 20:54:23
5326
原创 stylus调用mixin函数
新建mixin.styl bg-image($url) background-image: url($url + "@2x.png")在css中调用.icon margin-top: 6px width: 30px height: 32px bg-image('logo')
2017-10-25 20:31:43
4425
原创 express取参数req.query, req.params, req.body方法如何使用
express取参数: req.query, req.params, req.body方法如何使用
2017-09-19 21:22:56
2095
原创 Android中的IPC方式
使用Bundle 直接通过Intent传递数据如数据无法传输,使用Intent启动另一个线程的Service组件,计算后可直接从Service中取得数据使用文件共享 两个进程通过读写同一个文件交换数据,需要妥善处理并发读写的问题。 使用Messenger 使用AIDL 支持的数据类型基本数据类型(int,long,char,bollen,double等)String和CharSequ
2017-06-06 16:09:01
250
原创 IPC基础概念
IPC基础概念Serializable接口 serializable接口 将对象转化为字符序列,并且能完全恢复。 静态成员变量属于类不属于对象不参加序列化的过程transient标记的成员变量不参加序列化Parcelable接口 实现parcelable接口一个类的对象就可以实现序列化并且通过Intent和Binder传递。Android内存序列化中parcelable序列化效率高,应首
2017-06-06 13:42:06
306
原创 Vue使用Bootstrap实现AdminLTE风格(仿CoPilot)
Vue从头搭建CoPilotCoPilot是使用Vue搭建的AdminLTE的前端模板,由于需要使用其中的一部分功能,因此就从头开始搭建一个入门CoPilot模板。新建Vue模板文件夹-vue-admin npm install vue-cli -g vue init webpack vue-admin 下载CoPilot 模板,由于CoPilot中用到了许多css库,需要将模板中的sta
2017-06-05 11:04:43
7169
原创 IPC机制
进程和线程 进程指一个执行单元,PC和移动设备中即为一个程序或应用,线程是CPU调动的最小单元,进程包含多个线程。 IPC: inter-process communication 跨进程通信 Android通过Binder和Socket(ContentProvider)实现进程之间的通信。 安卓使用多线程的方法:给四大组件在androidManifest指定android:process属
2017-04-27 10:32:56
244
原创 解决junit @RunWith无法使用的问题
junit junit 4.10 test改为dependency> groupId>junitgroupId> artifactId>junitartifactId> version>4.12version>dependency>
2017-04-25 22:06:48
7646
1
原创 Activity的启动模式
(1) standard: 标准模式,每启动一个Activity重新创建一个实例 (2) singleTop:栈顶重用,如果新activity已经位于任务栈栈顶,不会被重建,重调onNewIntent方法;如果已存在但不位于任务栈栈顶,则重建 (3) singleTask:栈内复用模式,会清除新activity上所有的任务导致其在栈顶 (4) singleInstance:每一个acti
2017-04-25 10:32:21
206
原创 Android Activity生命周期分析
1 典型情况下的生命周期 (1) onStart和onResume, onPause和onStop在实际使用中没有明显区别,onStart & onResume 程序都已可见,但前者程序还在后台无法交互,后者程序在前台可交互。 (2) 在新的Activity启动之前,栈顶的Activity需要先onPause后新的Activity才能被调用。2 异常情况下的生命周期(1)资源配置改变导致Acti
2017-04-24 11:53:48
247
原创 java list键值对解析
当查询数据库后存储的数据为List>形式时,可以如下接解析List> list = connDB.queryInitData(); for(Map map : list){ String a = map.get("a").toString(); }
2017-04-23 20:55:03
12232
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人