vue
关注
分享
扫一扫
这个杀手好冷
这个作者很懒，什么都没留下…
展开
-
vue文字滚动
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>vue文字滚动</title><style>div, ul, li, span, img { margin: 0; p...原创 2021-04-28 13:49:29 · 325 阅读 · 0 评论 -
axios自动获取 请求地址
var RegUrl = new RegExp(); RegUrl.compile("((25[0-5]|2[0-4]\\d|((1\\d{2})|([1-9]?\\d)))\\.){3}(25[0-5]|2[0-4]\\d|((1\\d{2})|([1-9]?\\d)))"); var path = window.location.host; var currentServer; if(path.indexOf(":") >0){ currentServer = pat...原创 2021-03-12 14:05:52 · 852 阅读 · 0 评论 -
css 跑马灯
<template> <div class="info-bar"> <div class="infobar-item"><span>@测试员一号</span></div> <div class="infobar-item"><span>测试文本，使用vuecli实现抖音App</span></div> <div class="infobar-item m.原创 2021-01-26 00:13:07 · 194 阅读 · 0 评论 -
vue 单页面 websocke 带心疼包
export default { name : 'test', data(){ return{ websock: null, //建立的连接 lockReconnect: false, //是否真正建立连接 timeout: 5000, //20秒一次心跳 timeoutObj: null, //心跳心跳倒计时 serverTimeoutObj: null, //心跳倒计时 timeo..原创 2020-11-21 13:51:00 · 147 阅读 · 0 评论 -
js优化项目常用小技巧
1.等一个函数执行完之后，再执行另一个(es6中promise)methods:{ checkForm(){ return new Promise((resolve,reject)=>{ if(flag) { resolve(66); //当满足条件后，才resolve } }) }, submit(){ this.chec.原创 2020-11-20 10:33:41 · 334 阅读 · 0 评论 -
vue接入websocket
首先就是网上的写法有很多但是 都是需要创建一个对象进行相关的状态回调，有的是需要创建一个初始化方法进行相关的状态回调，然后看的我就一句话 都挺好的，反正就是需要你去创建对象接收发送消息，然后我就在这写一个全局的使用的，因为我觉得大部分就是作为消息推送来用所以全局来用蛮好的。websocket是什么：首先是是基于TCP的 全双工 通信的协议 然后就是websoket是通过客户端向服务器建立连接，保持客户端和服务器端双向的通信的过程。相互收发消息websocket的使用相关实例状态：1>r原创 2020-11-20 10:15:11 · 1081 阅读 · 0 评论 -
vue 国际化语言切换i18n插件使用
1、安装i18nnpm i vue-i18n -S2、添加相关文件3、i18n文件夹下的index.js文件import Vue from 'vue'import VueI18n from 'vue-i18n'Vue.use(VueI18n);// 创建vue-i18n 实例const i18n = new VueI18n({ // 设置默认语言 locale:localStorage.getItem("Language") || zh, ...原创 2020-11-02 14:16:06 · 344 阅读 · 2 评论 -
Vue px自动换算 插件 postcss-pxtorem lib-flexible
1.下载lib-flexible使用的是vue-cli+webpack，通过npm来安装的npm i lib-flexible --save12.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible';13.设置meta标签通过meta标签，设置设备宽度以及缩放比例<meta name="viewport" content="width=device-width, initial-scale=1原创 2020-11-02 10:32:21 · 615 阅读 · 1 评论 -
vue移动端实现可拖动悬浮按钮
<template> <div class="float_button"> <div @click="onBtnClicked" ref="floatButton" class="float_info" :style="{'width': itemWidth + 'px', 'height': itemHeight + 'px', 'left': left .原创 2020-11-02 09:35:03 · 2517 阅读 · 0 评论 -
vue 打包的dist本地访问
npm run build 打包 然后有一个dist 文件 然后在全局安装serve这个服务，npm install -g serve然后进入 dist 文件 运行 seven 就可以运行了原创 2020-10-13 11:21:44 · 1257 阅读 · 0 评论 -
nuxt 引入百度分享
<divclass="bdsharebuttonboxbdshare-button-style1-24"><aclass="bds_more"href="#"tangram_guid="TANGRAM_16"data-cmd="more"></a><aclass="bds_qzone"title="分享到QQ空间"href="#"data-cmd="qzone"></a>...原创 2020-09-11 10:48:57 · 367 阅读 · 0 评论 -
vue-dist访问-搭建本地服务器
启动服务器访问vue工程打包好的资源文件【方式一：】利用NodeJS 的框架Express首先自己电脑得安装有NodeJS，然后再安装express中间件Express[1].安装expressr:npm i express --save -dev[2].写node脚本server 文件夹下的 server.js代码//引入express中间件var express...原创 2020-03-05 16:17:51 · 737 阅读 · 0 评论 -
图解vue生命周期
学习vue时搞清楚生命周期可以帮助你知道什么时候在什么地方执行该执行的方法,话不多说上图:原创 2019-04-23 14:19:53 · 146 阅读 · 0 评论 -
VUE项目运行后自动打开浏览器预览
如果想在VUE项目运行后自动打开浏览器预览，设置如下：打开config文件夹下的index.js文件有个autoOpenBrowser: false, 改为autoOpenBrowser: true,原创 2019-04-18 14:11:05 · 5164 阅读 · 0 评论 -
创建Vue项目
Vue-cli是VueJS的项目脚手架，使用Vue-cli可以快速创建Vue项目一、Windows+R输入cmd打开命令行工具二、安装node官方下载地址http://nodejs.cn/download/三、命令行输入node -v和npm -v查看是否出现版本号出现即为安装成功四、全局安装Vue-cli使用命令npm install -g vue-cli下载完成后使用vu...原创 2019-04-18 14:00:08 · 357 阅读 · 1 评论