Live2d Test Env
摘要: 1 <script> 2 document.write("<s"+"cript type='text/javascript' src='../utils/getUrl.js?112"+Math.random()+"'></scr"+"ipt>"); 3 </script> 刷新页面,重新加载js,清 阅读全文
posted @ 2019-11-28 09:47 小猪(朱) 阅读(1668) 评论(0) 推荐(0) 编辑
摘要: html部分: 1 <div> 2 <div style=" width: 220px; margin: 20px auto 0;"> 3 <el-date-picker 4 v-model="startDate" 5 type="date" 6 placeholder="选择开始日期" 7 for 阅读全文
posted @ 2019-11-28 09:29 小猪(朱) 阅读(3341) 评论(0) 推荐(0) 编辑
摘要: 登录页登录成功后保存token 1 / 保存用户名 2 sessionStorage.setItem("username", data.user.name); 3 sessionStorage.setItem("token", data.token); 4 sessionStorage.setIte 阅读全文
posted @ 2019-11-28 09:25 小猪(朱) 阅读(981) 评论(0) 推荐(0) 编辑
摘要: 1 <!--标注选择标签弹层组件--> 2 <template> 3 <div class="message-box dialog-mask"> 4 <div class="dialog-content"> 5 6 <el-checkbox :indeterminate="isIndetermina 阅读全文
posted @ 2019-11-28 09:24 小猪(朱) 阅读(9397) 评论(0) 推荐(0) 编辑
摘要: 1 <el-form-item prop="pwd"> 2 <el-input 3 v-model="ruleForm.pwd" 4 placeholder="密码" 5 type="password" 6 @keyup.enter.native="handleLogin('ruleForm')" 阅读全文
posted @ 2019-11-28 09:23 小猪(朱) 阅读(2301) 评论(0) 推荐(0) 编辑
摘要: store 文件夹下的 index.js 1 import Vue from 'vue' 2 import Vuex from 'vuex' 3 4 Vue.use(Vuex); 5 6 // 创建实例 并导出 7 export default new Vuex.Store({ 8 state: { 阅读全文
posted @ 2019-11-28 09:22 小猪(朱) 阅读(191) 评论(0) 推荐(0) 编辑
摘要: router.js 1 routes: [ 2 { 3 name: 'pc', path: '/pc', component: pc, redirect: '/pc/homePage', meta: {title: 'pc端'}, 4 children: 5 [ 6 {name: 'homePage 阅读全文
posted @ 2019-11-28 09:21 小猪(朱) 阅读(256) 评论(0) 推荐(0) 编辑
摘要: <div :class="ind.titleSrc?'bgImgSet':''"></div> 三元表达 如果存在两个动态class 可以如下这样写 注意标签上不能写两个:class <div class="allCommon " @contextmenu.prevent="clickSet(_mo 阅读全文
posted @ 2019-11-28 09:20 小猪(朱) 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 1、最简单,直接,粗暴的方法就是盒子大小写死,给每个盒子设定固定的width和height,直到合适为止,这样的好处是简单方便,兼容性好,适合只改动少量内容不涉及盒子排布的版面,缺点是非自适应,浏览器的窗口大小直接影响用户体验。 2、给外部的父盒子也添加浮动,让其也脱离标准文档流,这种方法方便,但是 阅读全文
posted @ 2019-11-28 09:19 小猪(朱) 阅读(3969) 评论(0) 推荐(0) 编辑
摘要: 安装 filemanager-webpack-plugin 1 npm i filemanager-webpack-plugin -D 在vue.config.js中配置,如果没有这个文件可以自己创建一个 1 const FileManagerPlugin = require('filemanage 阅读全文
posted @ 2019-11-28 09:18 小猪(朱) 阅读(2393) 评论(0) 推荐(0) 编辑
摘要: 写一个公共的中间人dridge. js: 1 import Vue from 'vue' 2 export default new Vue() 哥哥为发送方 header.vue: 1 <script> 2 import eventVue from './../api/bridge' 3 expor 阅读全文
posted @ 2019-11-28 09:17 小猪(朱) 阅读(468) 评论(0) 推荐(0) 编辑
摘要: 1 div.father:hover div.son{ 2 margin-left: 300px; 3 transition: all 5s; 4 } 阅读全文
posted @ 2019-11-28 09:15 小猪(朱) 阅读(485) 评论(0) 推荐(0) 编辑
摘要: window.online用户网络连接时被调用 window.offline用户网络断开时被调用 // 监听当前设备在线 window.addEventListener('online', function () { // alert('online'); $('.tips').text('网络已连 阅读全文
posted @ 2019-11-28 09:14 小猪(朱) 阅读(255) 评论(0) 推荐(0) 编辑
摘要: //截取url中的参数 function getUrlValue(kValue) { var url = window.location.href; //当前页面的地址 var reg = /([^?&=]+)=([^?&=]+)/g, obj = {}, str = url; url.replac 阅读全文
posted @ 2019-11-28 09:14 小猪(朱) 阅读(444) 评论(0) 推荐(0) 编辑
摘要: 执行以下命令安装vue 国际化插件vue-i18n 1 npm install vue-i18n --save 执行以下命令安装 js-cookie npm install js-cookie --save 在src目录下 新建lang文件夹 在lang文件夹下存放 语言脚本 如下: en.js 1 阅读全文
posted @ 2019-11-28 09:13 小猪(朱) 阅读(948) 评论(0) 推荐(0) 编辑
摘要: min.js 1 Vue.directive('anchor', { // 锚链接自定义指令 2 inserted: function (el, binding) { 3 el.onclick = function () { 4 document.documentElement.scrollTop 阅读全文
posted @ 2019-11-28 09:09 小猪(朱) 阅读(308) 评论(0) 推荐(0) 编辑
摘要: cli3.0 解决办法: Failed to load resource: net::ERR_FILE_NOT_FOUND 打开dist/index.html, 引入是有问题的, 在vue-cli 3.0 创建的项目中是找不到webpack的配置文件,因为vue-cli 3.0 将其封装起来了,只需 阅读全文
posted @ 2019-11-28 09:07 小猪(朱) 阅读(4661) 评论(0) 推荐(0) 编辑
摘要: 2.x版本目录: 3.0版本: 原来放在static下的文件,现在应该放在public文件夹下2.x 写法: methods: { fetchData () { let _this = this this.$http.get('/static/data/article.json').then(res 阅读全文
posted @ 2019-11-28 09:04 小猪(朱) 阅读(10899) 评论(1) 推荐(1) 编辑
摘要: 1.vue双向绑定原理 vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。我们先来看Object.defineProperty()这个方法: va 阅读全文
posted @ 2019-11-28 09:00 小猪(朱) 阅读(204) 评论(0) 推荐(0) 编辑