so12138-CSDN博客

转载 Vue系列——在vue项目中使用echarts

该示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S或者使用国内的淘宝镜像：安装npm install -g cnpm --registry=https://registry.npm.taobao.org使用cnpm install echarts -S创建图表全局引入main.js// 引入echartsimport e...

2019-03-21 14:05:43 198

转载 vue.js 路由缓存问题

一、先设置路由模块元：{path：'/ category'，name：'Category'，component：Category，meta：{keepAlive：true}}二、其次对路由器视图视图层修改：<keep-alive>...

2019-03-21 14:01:13 666

原创 h5页面内容禁止复制（防止内容被扒）

1.如图，设置user-select属性为none。原理：阻止用户选中内容

2019-03-21 13:55:39 4282

转载 vue2.0+element ui 表格导出

1、安装相关依赖npm install --save xlsx file-saver2、组件里头引入 import FileSaver from 'file-saver' import XLSX from 'xlsx'3、组件methods里写一个方法 exportExcel () { /* generate workbook obje...

2018-12-27 15:57:44 228

原创移动端调试vconsole

在vue-cli项目中使用 npm 安装：npm install vconsole使用webpack，然后main.js代码中import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsolelet vConsole = new VConsole() // 初始化vconsole用法和conso...

2018-11-26 10:13:18 192

原创 vue项目中监听手机物理返回键

需要监听手机的回退按钮。1、挂载完成后，判断浏览器是否支持popstatemounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEventListener('popsta...

2018-11-19 15:02:54 18778 5

原创移动端开发遇到的问题（1）-手机软键盘

问题1：输入框唤起数字键盘解决方案：<input type="number" pattern="[0-9]*" placeholder="请输入玩家ID" >关键点：type="number"，pattern="[0-9]*"问题2：禁止软键盘唤起解决方案：$($(".el-input__inner")[i]).attr("readOn

2018-11-09 16:05:33 195

原创 Json对象处理成数组

const obj = this.dataObj; let arr = []; Object.keys(obj).forEach(v => { let o = {}; o[v] = obj[v]; arr.push(o); }); console.log(arr); let alll...

2018-10-25 16:33:21 309

转载 Angular2.0CLI安装指南

Angular2.0CLI安装指南2017年03月12日 12:46:53阅读数：2917搭建AngularJS-CLI首先需要在windows上装node.js。安装node.js步骤： 1、http://download.csdn.net/download/huiling815/9709009 这是下载地址！！！！！！！！ 2、然后一路next,默认是装到C...

2018-08-07 14:55:19 208

转载 vue-cli 获取本地数据

使用vue读取本地json文件需要安装vue-resource插件，然后使用它的$http.get来读取json文件。json文件应该是必须放在static目录下然后使用npm install 命令安装vue-resource，太慢的话就使用淘宝镜像安装,安装完成后先引用这个组件。在main.js文件中添加：import VueResource from 'vue-resou...

2018-07-23 16:41:08 927

转载微信小程序的三种页面跳转方式

为了不让用户在使用小程序时造成困扰，微信小程序规定页面路径只能是五层，请尽量避免多层级的交互方式。页面跳转的话就涉及到了多个页面层级第一种：wx.navigateTo(OBJECT) 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。OBJECT参数说明：参数类型必填说明 url String 是需要跳转的应用内页面的路径 , 路...

2018-07-17 14:24:38 499

转载 vue项目中vue-scroller实现上拉加载和下拉刷新

vue目前是众所周知的流行框架大家都知道的，vue全家桶的成员是：vue-cli,vuex,vue-router,vue-axios(vue2.0)。然后它的第三方插件也有很多，比如：vue-scroller,vue-lazyload,vue-awesome-swiper等等的。之前我已经给大家介绍过vue-lazyload的用法了，今天就给大家说一下vue-scroller的用法吧。首先在命令行...

2018-07-13 10:22:03 6550

原创修改element UI中的默认样式使用vue2+webpack打包后无效

修改element UI中的默认样式使用vue2+webpack打包后无效的原因是因为先加载修改之后的样式，后加载UI框架的样式，所以修改的样式被覆盖。解决方案：将element UI自带css样式最先引入，如图。...

2018-07-13 10:03:13 1443

原创基于vue-cli全家桶进行项目开发（二、文件简介）

创建好项目后，在项目文件夹下，出现以下目录：1.src文件夹：存放是搭建的页面（资源，模板，页面代码，和一些相关配置文件）api文件夹下是与服务端通信的配置文件assets文件夹下是项目资源components下为自定义模板router下为路由配置views页面模板APP则是整个单页应用的挂载舞台，所有的模板组件均是挂载在此页面上,相当于index入口main.js则是全局配置前端代码的编写基本在...

2018-06-11 11:48:18 194

转载基于vue-cli全家桶进行项目开发（一、创建项目）

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli 一、安装 node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的 node 是固定版本的，如果需要多版本的 node，可以使用 nvm 安装...

2018-06-11 11:24:47 1284

原创 H5简介

一、简介 1.广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务，并且提供更多能有效增强网络应用的标准集。 HTML5的设计目的是为了在移动设备上支持多媒体。HTML5是开放Web标准的基石，它是一个完整的编程环境，适用于跨平台应用程序、视频和动画、图形、3D和其它数字内容

2017-07-20 19:42:33 773

so12138的博客