
vue
文章平均质量分 92
sun。。。
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
诚选app优化方案
解决大文件问题,目前发现整个项目打包的出来的文件过大1.如图一、图二可以看到在Stat Parsed Gzip下文件的大小相差很大,目前从图三中可以看到两个属性productionSourceMap、ProductionGzip,productionSourceMap为true的时候会生成一些map文件(只是方便看源码),这样会导致额外的文件,代码的内容也被暴露,所以应该设置为false,减少额外文件产生,另外打包的应该开启Gzip压缩,目前看到ProductionGzip为false,可以设置为true原创 2020-06-29 15:52:18 · 1383 阅读 · 1 评论 -
Vue 实现 Open Graph 分享预览
什么是 Open Graph Protocol?,可以去看这篇文章Open Graph Protocol像vue的插件,例如vue-head,vue-meta这些可以动态的添加meta标签到head头中,但是我在尝试之后,并没有什么作用,原因是我们在拷贝链接到国外的一些社交软件时,例如Facebook,Twitter等,这时候是没法执行js的。解决方案:我们的想法是通过服务端渲染,但是我们想...原创 2019-10-10 17:13:10 · 1406 阅读 · 0 评论 -
移动端调起数字键盘的问题
在做移动端调起数字键盘的时候,碰到了不少的问题,在网上找到了方案,但是却不符合我的要求的,现在总结下:1.使用input type为number的类型,这种确实可以调起数字键盘,但是存在以下问题,会忽略掉点(.),这样会导致正则无法匹配的问题,另外我在v-model中绑定的值被清空了,但是无法修改视图,修改type为text类型就可以2.使用input type为text的类型,这种使用正则可...原创 2019-02-19 14:40:16 · 2218 阅读 · 1 评论 -
关于在nw里使用require('printer')和nw.require('printer')报错的问题
公司项目为了兼容xp所以使用nw.js(0.14.7-sdk),用到了printer模块(第三方的c++打印模块),在引入该模块的时候,使用了require导致一直报cannot find modul “.”,后来改用nw.require,结果可以引入该模块了,但是打包成exe文件后,又报了cannot not find module “printer”。以下是我解决这个printer模块的流程...原创 2018-09-21 14:35:24 · 1572 阅读 · 5 评论 -
iosselect简单使用(三级联动)
npm安装npm install iosselect --saveindex.html引入文件<link rel="stylesheet" href="static/iosSelect.css"><script type="text/javascript" src="static/iosSelect.js"></script>&原创 2018-08-10 14:51:06 · 3585 阅读 · 0 评论 -
蓝牙打印和网口打印的实现
蓝牙打印的jsexport default { install(Vue,options) { // 蓝牙搜索方法 Vue.prototype.SearchBluetooth = function () { /*plus变量定义*/ var main, BluetoothAdapter, BAd...原创 2018-07-27 09:50:04 · 2677 阅读 · 1 评论 -
Vue封装hbuilder热更新
main.jsimport AutoUpdateApp from './common/AutoUpdateApp/AutoUpdateApp' //我存放AutoUpdateApp.js的目录Vue.use(AutoUpdateApp)AutoUpdateApp.jsexport default { install(Vue,options) { ...原创 2018-07-27 09:36:31 · 3774 阅读 · 0 评论 -
在单页应用Vue中设置标题(title)
安装npm install vue-wechat-title --savemain.js引入Vue.use(require('vue-wechat-title'))路由定义{ path: '/topay', name: 'ToPay', component: ToPay, meta: { ...原创 2018-06-29 17:36:51 · 13738 阅读 · 0 评论 -
Vue封装预约日期插件和发布到npm上
配置setting:{ dateLength:1,//显示多少天 startTime:'08:00',//开始时间 endTime:'23:30',//结束时间 interval: 20,//步长,预约的时间间隔 display:false,//设置这个组件是显示还是隐藏 defaultTime...原创 2018-06-11 19:31:44 · 3038 阅读 · 0 评论 -
Vue+mui实现图片的本地缓存
const menu = { state: { products: {}, GLOBAL_CONFIG:GLOBAL_CONFIG['GLOBAL_CONFIG'] }, mutations: { get_product: function (state, products) { //商品列表 state.products = p...原创 2018-05-23 14:21:59 · 6807 阅读 · 4 评论 -
个推消息推送,实现推送消息和语音合成
消息推送的实现: 1.打开应用的时候 2.通过plus.push.getClientInfo().clientid获取到clientid 3.接口传到服务器 4.进行判断表里是否存在该条数据,没有就插入,有则不插入,另外关联登录的companyid 5.在服务器进行轮询,如果有新的订单进入的时候,就调用消息接口,查询关联的companyid,推送消息到相应的门店的app 6.服务器集成...原创 2018-05-15 16:21:32 · 6602 阅读 · 4 评论 -
Vue-touch的使用
有时候我们不止需要有返回键,也要有手势滑动切换页面的功能时,这个时候vue-touch就派上用场了安装npm insall vue-touch@next --save//main.js中引入:import VueTouch from 'vue-touch'Vue.use(VueTouch, {name: 'v-touch'})用法如下://html代码&lt;tem...原创 2018-05-22 09:42:50 · 24234 阅读 · 3 评论 -
解决vue里iscroll(better-scroll)点击触发两次和初始化无法滚动问题!
这两个插件我用过好几次,有时候很顺利,不顺利的时候真的很麻烦,一直无法滚动,明明style里已经有样式了,就是滚动不了。先说下在vue里的三种的引入方式:在jindex.html文件里通过script的方式引入进来,let iscroll = new IScroll(‘.wrapper’,{click:true} &amp;amp;amp;lt;script type=&amp;amp;quot;text/javascript&amp;amp;原创 2018-03-29 14:54:30 · 6515 阅读 · 0 评论 -
vue的transition组件的使用
主要实现的是页面跳转的时候一个页面从左边出去,一个页面从右边进来,通过css3实现的,可以自己自行修改html代码<template> <div id="app"> <div class="router-parent"> <transition :name="transitionName" mode=&quo原创 2018-04-10 14:40:53 · 2459 阅读 · 0 评论 -
vue-datepicker的使用
写这个文章主要是记录下用法,官网已经说的很详细了npm install vue-datepicker --savehtml代码&lt;myDatepicker :date="startTime" :option="multiOption" :limit="limit"&gt;&lt;/myDatepicker&gt;原创 2018-04-10 14:24:50 · 32469 阅读 · 6 评论 -
vuex从安装到使用的教程
vuex的安装 npm install vuex --save或cnpm install vuex --savemain.js引入vueximport Vue from 'vue'import Vuex from 'vuex'import store from './vuex/store'Vue.use(Vuex)vuex的目录结构和store.js的代码...原创 2018-04-09 10:25:08 · 7543 阅读 · 2 评论 -
axios从安装到使用的教程
安装axios:npm install --save axios目录结构:红框部分是接口文件:appApi.js是存放接口的文件import Vue from 'vue'import axios from 'axios'export default { // 获取分类 show_category: function () { retur...原创 2018-03-30 10:19:23 · 47653 阅读 · 2 评论