- 博客(66)
- 收藏
- 关注
RSS订阅原创 Vue自定义指令:点击、长按
Vue自定义指令Gestrue.js/** * Jerry * press 长按 参数：长按时长毫秒 * tap 点击事件 */const myGesture = {};// eslint-disable-next-linefunction gestrue(Vue, options) { let timeCounter = 0; // 定时器计数 let isLon...
2019-08-30 08:47:59
934
原创 长按删除弹框确认和点击进入
<gree-page class="page-list"> <div v-for="(item, index) in timerList" :key="index" class="listItem"> <div class="clickArea" @touchstart="showDeleteButton(index)" @touchen...
2019-08-22 16:43:40
225
转载 评分的实现过程
几种样式 1 - 0.5 - 0一个总循环样式数组// 定义成几种常量const CALSS_ON = 'on'const CALSS_HALF = 'half'const CALSS_ON = 'off'<span v-for="(sc, index) in starClasses" :class="sc" :key="index"></span>s...
2019-07-24 22:07:36
253
原创 Vue 显示加载中提示界面
使用svg或者其他样式作为加载中的效果使用 v-if='List.lenght' 和 v-else没加载完毕列表长度就为0，显示加载中的效果样式
2019-07-24 21:48:16
2545
翻译 Vuex 安装 创建目录 和使用
安装Vuex，创建目录mutation-type定义mutation 函数名字常量 export const RECEIVE_ADDRESS = 'receive_address' mutation更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (t...
2019-07-18 23:29:59
479
转载 项目开发的流程
项目开发准备：项目描述模块：ES6组件工程化：Webpack vuecli eslint技术选型：Vue技术栈API接口开发项目脚手架创建项目安装所有依赖开发环境运行生产环境打包与发布搭建项目整体界面结构sassVue-Routerrouter-view/router-link/keep-alive$router: 路由对象，一些操作...
2019-07-18 22:39:42
96
原创 vConsole 移动端调试工具
参考：https://www.jianshu.com/p/388e31a451ea// 先npm下载npm install vconsole// 引入的路径<script src="path/to/vconsole.min.js"></script>// 初始化一个vConsole<script> // init vConsole va...
2019-07-17 11:38:05
265
转载 项目封装axios
在vue项目中：统一封装 Axios 接口与异常处理 - qq_40128367的博客 - CSDN博客 https://blog.csdn.net/qq_40128367/article/details/82735310
2019-07-16 23:27:21
106
原创 移动端设置viewport
在main.js加入<meta name="viewport" content="width=device-width, initial-scale=1.0">响应式 Web 设计 – Viewport | 菜鸟教程 https://www.runoob.com/css/css-rwd-viewport.html什么是 Viewport?viewport 是用户网页的可视区...
2019-07-12 23:39:14
198
转载 reset.css
现在的浏览器五花八门，光ie就有好多版本，还有火狐，Chrome等等。每个浏览器的默认样式也是不同的。所以就要考虑一个兼容问题。比如你用ie打开网站正常，但是用火狐或其他浏览器打开的时候，网站就变形了。这些都属于兼容问题。为了避免这种问题，我们需要把一些常用的html标签重置(CSS Reset)，将它们统一定义，就可以产生相同的显示效果...
2019-07-12 23:26:41
113
原创 sass scass安装
cnpm install node-sass sass-loader --save-dev这句话的意思是安装 node-sass 和 sass-loader，前者是sass转化为css后者是让webpack能将sass转化为css
2019-07-12 23:26:02
661
原创 运行vue dist打包文件
cnpm i -g servecd distserve方法1. 将dist目录下的所有文件放到服务器的根目录方法2. 用http-server架一个简单的服务器npm install -g http-servercd disths
2019-07-12 23:11:08
589
转载 ios网页input框无法输入
参考原文：ios上input无法输入值的解决办法 https://blog.csdn.net/zhanglijiang_2017/article/details/81083164页面上的input输入框设置-webkit-user-select:text !important;并且给input的父类加上此样式。最终解决方案是在input的父类加上-webkit-user-select:t...
2019-06-18 10:39:22
579
原创 css样式 id指向
<el-button id="btn" type="medium" plain @click="confirm()" class="text">确 定</el-button>#btn { // 直接修改id为btn的DOM样式}
2019-05-22 16:55:00
207
转载 echart选中变色series
series : [ //配置样式 itemStyle: { //通常情况下： normal:{ //当前选中的柱子使用亮色，其余的使用基本颜色 color: function (param){ ...
2019-05-22 16:49:55
971
原创 css画线 横线竖线
<div class=' ' ></div>横线：.link-top { position: absolute; width: 100%; // 长度 border-top: solid #eeeeee 1px; // 宽度 颜色 类型 }竖线：.link-mid { position: absol...
2019-05-22 16:44:09
308
转载 数组的方法（针对是否改变元素组
数组的方法（针对是否改变元素组） https://blog.csdn.net/excusep/article/details/89401805
2019-05-21 21:01:08
103
转载 font-family
如何优雅的选择字体(font-family) - 前端学习 - SegmentFault 思否 https://segmentfault.com/a/1190000006110417
2019-05-17 22:47:03
2588
原创 web本地服务器
anywhere1.全局安装node.js2.安装成功后，执行npm install anywhere -g安装anywhere3.安装成功后在对应路径下执行 anywhere -p 8080httpserver1.安装npm install http-server -g2.使用 cmd http-server...
2019-05-17 22:31:39
373
转载 移动端组件库其他
Framework7Full Featured Framework For Building iOS, Android & Desktop Appshttps://framework7.io/FrozenUI专注于移动web的UI框架，基于腾讯手机QQ规范http://frozenui.github.io/MUI-最接近原生APP体验的高性能前端框架http://dev.d...
2019-05-05 22:59:48
219
转载 UTC GMT GST时间
关于时间格式 2016-08-9T10:01:54.123Z 20160809100154.123Z 处理：http://www.028888.net/archives/2016_08_1480.html一个奇怪的时间格式：2016-01-02T16:00:00.000Z ：http://www.028888.net/archives/2016_01_716.html...
2019-05-04 19:24:45
1480
转载 vue-mobile-calendar日期选择
vue移动端日期选择组件： https://segmentfault.com/a/1190000013284700vue-mobile-calendar： https://lx544690189.github.io/vue-mobile-calendar/
2019-05-04 19:21:41
4406
1
转载 axios跨域vue
webpack之proxyTable设置跨域 ：https://www.cnblogs.com/wancheng7/p/8987694.htmldev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPat...
2019-04-29 22:40:43
371
转载 vue的import引入
vue 各种 import 引入： https://www.jianshu.com/p/784e51ec68ce 先是 export import {axiosfetch} from './util'; //需要加花括号 可以一次导入多个也可以一次导入一个，但都要加括号如果是两个方法import {axiosfetch,post} from './util'; 再是 export...
2019-04-29 22:38:13
428
转载 Post和Get
真正的原因：https://www.cnblogs.com/logsharing/p/8448446.html我们一般认为：1、 GET主要用于从服务器查询数据，POST用于向服务器提交数据2、 GET通过URL传递数据，POST通过http请求体传递数据3、 GET传输数据量有限制，不能大于2kb，POST传递的数据量较大，一般大量的数据提交都是通过POST方式4、 GET安...
2019-04-27 19:50:54
66
原创 Vue移动端UI组件库
1. Mint-UI官方文档2.Vant-UI官方文档3.Vux-UI (很全面)官方文档4.Cube-UI （滴滴）官方文档
2019-04-24 22:42:31
5846
转载 Chorme开发者工具文档
Chrome开发工具 综述_w3cschool https://www.w3cschool.cn/chromedevtools/xn6w1odq.html
2019-04-19 17:15:11
360
转载 使用mpVue开发微信小程序
使用Vue开发微信小程序： https://www.jianshu.com/p/8f779950bfd9美团mpvue文档： http://mpvue.com/mpvue/
2019-04-17 22:06:31
275
转载 css px em rem
css中常用单位px、em、rem和%的区别及用法总结https://baijiahao.baidu.com/s?id=1617881592978226635&wfr=spider&for=pc
2019-04-15 19:31:00
109
转载 (function(){})()立即执行函数
理解javascript中的立即执行函数(function(){})() ：https://www.cnblogs.com/yanzp/p/6371292.html
2019-04-13 11:06:40
182
转载 css使用字体@font-face 自定义字体
CSS3 @font-face 规则 | 菜鸟教程 http://www.runoob.com/cssref/css3-pr-font-face-rule.html
2019-04-09 11:46:07
137
转载 Vue强制刷新Dom
参考：https://segmentfault.com/q/1010000015276370/a-1020000015276972参考：https://www.jianshu.com/p/15f26c504554参考： https://blog.csdn.net/qq_16772725/article/details/80467492官网： https://cn.vuejs.org/v2/...
2019-03-21 18:30:14
9912
原创 mint-ui 时间选择插件
// main.js引入import MintUI from 'mint-ui';Vue.use(MintUI)// DatetimePicker<template> <div> <span @click="openPicker()">点击</span> <DatetimePicker ref="pic...
2019-01-15 19:11:19
890
转载 移动端点击、滑动和长按事件
Bubble.vue这是一个移动端的点击、滑动和长按事件Demo/* * @Author: Rain * @Date: 2019-01-03 20:48:10 * @Last Modified by: Rain * @Last Modified time: 2019-01-03 20:52:03 * * 这是一个点击、长按和滑动的移动端事件。 */<templ...
2019-01-03 20:56:38
4266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人