随笔分类 - VUE
摘要：vue-src-api-单独的请求api详情 /** * 文章请求模块 */ import request from '@/utils/request' // 获取频道新闻推荐_V1.1 export const newTuijian = params => { return request({ m
阅读全文
摘要：vue-父子关系模板详情 父亲： <template> <div class="comment-post"> <van-field class="post-field" v-model.trim="message" rows="2" autosize type="textarea" maxlengt
阅读全文
摘要：vue-vue快捷.vue文件代码片段 { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", "export defau
阅读全文
摘要：vue项目src-uitils-storage.js（功能是本地存储） // 存储数据 export const setItem = (key, value) => { // 将数组、对象类型的数据转换为 JSON 格式字符串进行存储 if (typeof value 'object') { val
阅读全文
摘要：vue项目的src-utils的request.js封装axios请求模块 /** * 封装 axios 请求模块 */ import store from '@/store' import axios from 'axios' import JSONBig from 'json-bigint' c
阅读全文
摘要：vue项目src-utils文件里的第三方时间day.js的使用（相对时间的设置） import Vue from 'vue' import dayjs from 'dayjs' // 加载中文语言包 import 'dayjs/locale/zh-cn' import relativeTime f
阅读全文
摘要：后台src-store-index.js文件 import Vue from 'vue' import Vuex from 'vuex' // 导入本地存储中封装的 setItem, getItem 方法 import { setItem, getItem } from '../utils/stor
阅读全文
摘要：import Vue from 'vue' import App from './App.vue' import router from './router' import './plugins/element.js' // 导入时间插件 import moment from 'moment' //
阅读全文
摘要：后台src-app.js详情 <template> <div id="app"> <!-- 路由占位符 --> <router-view></router-view> </div> </template> <script> export default { name: 'app' } </scrip
阅读全文
摘要：后台中src-router-index.js文件详情 import Vue from 'vue' import VueRouter from 'vue-router' // import Login from '../components/Login.vue' const Login = () =>
阅读全文
摘要：给当前页面的最外层div class 加样式 /deep/ html, .home { position: fixed; height: 100%; width: 100%; background-color: #658ea9 !important; } 这是效果
阅读全文
摘要：1.导入vant cnpm i vant -S 在 main.js 中加载注册 Vant 组件 import Vue from 'vue' import Vant from 'vant' import 'vant/lib/index.css' Vue.use(Vant) 2.移动端 REM 适配介绍
阅读全文
摘要：一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 三、使用 常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import 1、未用懒加载，vue中路由代码如下 imp
阅读全文
摘要：作为前端开发，熟悉四大内核是非常有必要的。四大内核的解析不同使网页渲染效果更具多样化。下面总结一下各常用浏览器所使用的内核。 1、IE浏览器内核：Trident内核，也是俗称的IE内核； 2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blin
阅读全文
摘要：一：函数防抖 概念：在事件被触发n秒后再执行，如果在这n秒内又被触发，则重新计时。 可以用第三方包lodash来处理 npm i lodash lodash 会在全局提供一个成员：_ 对象中有很多方法，其中有一个方法专门用于处理函数防抖方法名：debounce作用：函数防抖使用方式： const n
阅读全文
摘要：一：从业务分析的角度来看，数据持久化是必不可少的，比如数据展示功能，一个app 用户登录和未登录都有不同的数据展示格式，那么我们从如下分析： 不登录也能使用 数据存储在本地 不支持同步功能 登录也能使用 数据存储在线上后台服务器 更换不同的设备可以同步数据 进行这种数据传递 需要用到VueX 和本地
阅读全文
摘要：1.终端运行 npm i dayjs 2.创建utils/dayjs.js import Vue from 'vue' import dayjs from 'dayjs' // 加载中文语言包 import 'dayjs/locale/zh-cn' import relativeTime from
阅读全文
摘要：为什么文章列表数据中的好多图片资源请求失败返回 403？ 这是因为我们项目的接口数据是后端通过爬虫抓取的第三方平台内容，而第三方平台对图片资源做了防盗链保护处理。 1.解决方法一 在用 <a>、<area>、<img>、<iframe>、<script> 或者 <link> 元素上的 referre
阅读全文
浙公网安备 33010602011771号