吾读蜈工-优快云博客

原创 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 1001

原创长按删除弹框确认和点击进入

<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 293

转载评分的实现过程

几种样式 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 298

原创 Vue 显示加载中提示界面

使用svg或者其他样式作为加载中的效果使用 v-if='List.lenght' 和 v-else没加载完毕列表长度就为0，显示加载中的效果样式

2019-07-24 21:48:16 2655

翻译 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 505

转载项目开发的流程

项目开发准备：项目描述模块：ES6组件工程化：Webpack vuecli eslint技术选型：Vue技术栈API接口开发项目脚手架创建项目安装所有依赖开发环境运行生产环境打包与发布搭建项目整体界面结构sassVue-Routerrouter-view/router-link/keep-alive$router: 路由对象，一些操作...

2019-07-18 22:39:42 129

原创 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 354

转载项目封装axios

在vue项目中：统一封装 Axios 接口与异常处理 - qq_40128367的博客 - 优快云博客 https://blog.youkuaiyun.com/qq_40128367/article/details/82735310

2019-07-16 23:27:21 144

原创移动端设置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 246

转载 reset.css

现在的浏览器五花八门，光ie就有好多版本，还有火狐，Chrome等等。每个浏览器的默认样式也是不同的。所以就要考虑一个兼容问题。比如你用ie打开网站正常，但是用火狐或其他浏览器打开的时候，网站就变形了。这些都属于兼容问题。为了避免这种问题，我们需要把一些常用的html标签重置(CSS Reset)，将它们统一定义，就可以产生相同的显示效果...

2019-07-12 23:26:41 172

原创 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 716

原创运行vue dist打包文件

cnpm i -g servecd distserve方法1. 将dist目录下的所有文件放到服务器的根目录方法2. 用http-server架一个简单的服务器npm install -g http-servercd disths

2019-07-12 23:11:08 657

转载 css选择器

CSS 选择器参考手册 http://www.w3school.com.cn/cssref/css_selectors.asp

2019-06-18 10:46:06 112

参考原文：ios上input无法输入值的解决办法 https://blog.youkuaiyun.com/zhanglijiang_2017/article/details/81083164页面上的input输入框设置-webkit-user-select:text !important;并且给input的父类加上此样式。最终解决方案是在input的父类加上-webkit-user-select:t...

2019-06-18 10:39:22 703

原创 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 256

转载 echart选中变色series

series : [ //配置样式 itemStyle: { //通常情况下： normal:{ 　　　　　　　　　　　　//当前选中的柱子使用亮色，其余的使用基本颜色 color: function (param){ ...

2019-05-22 16:49:55 1044

原创 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 390

原创 const

const 定义的变量只能引用，不能改变其值。并且 const 的引用不需要this指向

2019-05-22 16:37:01 89

转载数组的方法（针对是否改变元素组

数组的方法（针对是否改变元素组） https://blog.youkuaiyun.com/excusep/article/details/89401805

2019-05-21 21:01:08 157

转载 font-family

如何优雅的选择字体(font-family) - 前端学习 - SegmentFault 思否 https://segmentfault.com/a/1190000006110417

2019-05-17 22:47:03 2636

原创 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 400

转载移动端组件库其他

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 264

转载 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 1568

转载 vue-mobile-calendar日期选择

vue移动端日期选择组件： https://segmentfault.com/a/1190000013284700vue-mobile-calendar： https://lx544690189.github.io/vue-mobile-calendar/

2019-05-04 19:21:41 4488 1

转载 Vuex

VueJS中学习使用Vuex详解 : https://segmentfault.com/a/1190000015782272

2019-04-29 22:42:59 95

转载 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 393

转载 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 497

转载 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 118

原创 Vue移动端UI组件库

1. Mint-UI官方文档2.Vant-UI官方文档3.Vux-UI (很全面)官方文档4.Cube-UI （滴滴）官方文档

2019-04-24 22:42:31 5903

转载 Chorme开发者工具文档

Chrome开发工具综述_w3cschool https://www.w3cschool.cn/chromedevtools/xn6w1odq.html

2019-04-19 17:15:11 427

转载使用mpVue开发微信小程序

使用Vue开发微信小程序： https://www.jianshu.com/p/8f779950bfd9美团mpvue文档： http://mpvue.com/mpvue/

2019-04-17 22:06:31 325

转载 axios中文官方文档

axios中文文档 - 简书 https://www.jianshu.com/p/7a9fbcbb1114

2019-04-15 22:50:14 1152

转载 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 143

转载 (function(){})()立即执行函数

理解javascript中的立即执行函数(function(){})() ：https://www.cnblogs.com/yanzp/p/6371292.html

2019-04-13 11:06:40 212

转载 css使用字体@font-face 自定义字体

CSS3 @font-face 规则 | 菜鸟教程 http://www.runoob.com/cssref/css3-pr-font-face-rule.html

2019-04-09 11:46:07 183

转载 js异步

参考：https://www.jianshu.com/p/ab767311589d

2019-04-04 17:29:05 101

转载 Vue强制刷新Dom

参考：https://segmentfault.com/q/1010000015276370/a-1020000015276972参考：https://www.jianshu.com/p/15f26c504554参考： https://blog.youkuaiyun.com/qq_16772725/article/details/80467492官网： https://cn.vuejs.org/v2/...

2019-03-21 18:30:14 10061

原创 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 1046

转载移动端点击、滑动和长按事件

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 4343

空空如也

空空如也