2020年4月18日
使用 concurrently 并行地运行多个命令（同时跑前端和后端的服务）
摘要： 前端是用 vue写的，后端是用 Nodejs，前后端各自有自己的启动命令，要实现一键多行，需要用到concurrently 根目录下运行 cnpm i concurrently --save 前端添加配置 后端添加配置 阅读全文
posted @ 2020-04-18 20:20 终南墨客 阅读(389) 评论(0) 推荐(0) 编辑
mongoose增删改查
摘要： http://www.mongoosejs.net/docs/api.html#findoneandupdate_findOneAndUpdate Model的API使用 保存内容到数据库 save() 查询所有内容 find() 查询指定内容 findOne() 修改指定条件的数据 findOne 阅读全文
posted @ 2020-04-18 19:47 终南墨客 阅读(555) 评论(0) 推荐(0) 编辑
2020年4月17日
移动端调试神器vConsole
摘要： 使用介绍 https://www.jianshu.com/p/388e31a451ea github https://github.com/Tencent/vConsole/blob/HEAD/README_CN.md 阅读全文
posted @ 2020-04-17 18:42 终南墨客 阅读(212) 评论(0) 推荐(0) 编辑
2020年4月14日
圆形进度条
摘要： 子组件 <template> <!-- 环形进度条 --> <div class="progress-circle"> <svg :width="radius" :height="radius" viewBox="0 0 100 100" version="1.1" xmlns="http://ww 阅读全文
posted @ 2020-04-14 20:25 终南墨客 阅读(590) 评论(0) 推荐(0) 编辑
2020年4月13日
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
摘要： https://www.npmjs.com/package/create-keyframe-animation 使用 https://www.jb51.net/article/159312.htm 阅读全文
posted @ 2020-04-13 20:32 终南墨客 阅读(350) 评论(0) 推荐(0) 编辑
2020年4月12日
利用padding-top/padding-bottom百分比，进行占位和高度自适应
摘要： width:100% ; height:0; padding-top:70% 作用： 1. 宽高自适应，高度恒为宽度的70% （padding-top:50% ，则高度恒为宽度的一半） 2. 占位，提高加载图片时性能 说明： 在css里面，padding-top,padding-bottom,mar 阅读全文
posted @ 2020-04-12 20:04 终南墨客 阅读(790) 评论(0) 推荐(0) 编辑
vuex方法封装调用
摘要： vuex https://vuex.vuejs.org/zh/guide/mutations.html index.js import Vue from 'vue' import Vuex from 'vuex' import * as actions from './actions' import 阅读全文
posted @ 2020-04-12 18:39 终南墨客 阅读(4211) 评论(0) 推荐(0) 编辑
vue中自定义IndexBar 索引栏
摘要： vant是一款基于vue的牛皮移动端组件库，比如类似手机电话簿的字母索引兰组件 https://youzan.github.io/vant/#/zh-CN/index-bar 今天看了朋友分享的一个自定义索引兰组件代码，是慕课网几年前的某个vue教程，结合vant的indexBar源码，值得一看学习 阅读全文
posted @ 2020-04-12 17:40 终南墨客 阅读(6471) 评论(0) 推荐(0) 编辑
封装loading加载状态子组件
摘要： 现在流行的框架如element ui 、vant 等都有封装好的loading组件，直接拿来用。 微信小程序、uni-app等也有封装的loading组件，几个代码轻松引用。 不过作为基础，知道组件原理还是不错的 loading组件需要引用一张gif动图 <template> <div class= 阅读全文
posted @ 2020-04-12 15:55 终南墨客 阅读(1422) 评论(0) 推荐(0) 编辑
2020年4月11日
standard判断浏览器支持情况
摘要： https://github.com/standard/standard //判断浏览器支持情况,注意，standard只支持IOS系统 // https://github.com/standard/standard let elementStyle = document.createElement 阅读全文
posted @ 2020-04-11 19:55 终南墨客 阅读(292) 评论(0) 推荐(0) 编辑