html 中的一些知识

这个是文本多余显示。。。的方法

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

安装 element

npm i element-ui -S

然后在main.js 添加就好了

vue使用的操作main.js 的一些

import Vue from 'vue'
import App from './App.vue'import router from "./router";
import store from './store/index.js'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
import "./assets/css/normalize.css"
import $ from "jquery"
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
import VueParticles from 'vue-particles'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'Vue.use(mavonEditor)
Vue.use(VueAwesomeSwiper)
Vue.use(VueParticles)
Vue.use(ElementUI)Vue.config.productionTip = falsenew Vue({router,store,render: h => h(App),
}).$mount('#app')

vue-store,存放的是vue关于全局的变量

import Vue from 'vue';
import Vuex from 'vuex';Vue.use(Vuex);
const store = new Vuex.Store({state:{counter:1000},mutations:{addStore(state){state.counter++;}},getters:{kk(state){return state.counter*5}}})export default store;

vue-router的使用，vue中的路由

import Vue from "vue"
import VueRouter from "vue-router";Vue.use(VueRouter);const main = () => import("../views/main/kk")
const pro = () => import("../views/profile/profile")
const funny = () => import("../views/funny/funny")
const study = () => import("../views/study/study")
const grow = () => import("../views/grow/grow")const routes = [{path: "",redirect: "/main"},{path: "/main",component: main}, {path: "/study",component: study}, {path: "/funny",component: funny}, {path: "/profile",component: pro}, {path: "/grow",component: grow}
]
const router = new VueRouter({routes: routes,})
export default router

vue中 axios的配置

import axios from 'axios'export function request(config) {//创建实例const instance = axios.create({baseURL: "http://localhost:8080",timeout: 5000,headers:{"Access-Control-Allow-Headers":"Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild","Access-Control-Allow-Origin": "*",'Content-Type': "application/json;charset=utf-8"}})//    发送真正的请求return  instance(config)
}

这个是页面中markdown 的用法

<template><div><mavon-editor v-model="value"/></div>
</template><script>export default {name: "markdown",data() {return {value: '',defaultData: "preview"};},};
</script><style scoped>mavon-editor {height: 1000px;width: 100%;}
</style>

这个是vue代理的酷炫背景

  <vue-particlescolor="#dedede":particleOpacity="0.7":particlesNumber="80"shapeType="circle":particleSize="4"linesColor="#dedede":linesWidth="1":lineLinked="true":lineOpacity="0.4":linesDistance="150":moveSpeed="3":hoverEffect="true"hoverMode="grab":clickEffect="true"clickMode="push"class="lizi">
</vue-particles>

html 中的一些知识相关推荐

图示评审技术_编制清单报价最需要施工技术课程中的哪些知识？
建筑工程造价是建设工程的重要组成部分,而清单报价与传统报价进行比较,无论是工程量清单报价,还是传统报价,所反映的工程造价内涵是一致的.灵活运用施工技术中的知识,对编制清单报价都很有帮助的,因此,编制清 ...
三十五、Scrapy 中的杂知识总结和代理池的编写
@Author:Runsen 上次用scrapy爬了腾讯招聘网站,有两个job.json 和detail.json,针对一个item,其实有更简单的处理方法. 今天讲讲scrapy 中的杂知识,做一 ...
深度学习中的核心知识
深度学习中的核心知识前向运算计算输出值的过程称为前向传播前提:网络结构已知(两个方面:1. 每个层的构造卷积/池化 2. 每个层的参数) 难点:1.f函数如何定义 2.每层的参数 (通过反向传 ...
机器学习中的数学知识(part4)--拟牛顿法
学习笔记,仅供参考,有错必究文章目录机器学习中的数学知识拟牛顿法面临的问题(局部极小/鞍点) 机器学习中的数学知识拟牛顿法
机器学习中的数学知识(part3)--凸优化
学习笔记,仅供参考,有错必究文章目录机器学习中的数学知识凸优化非凸优化机器学习中的数学知识凸优化下面是实际问题中常见的凸集,记住它们对理解后面的算法非常有帮助. n n
机器学习中的数学知识(part2)
学习笔记,仅供参考,有错必纠参考自:<机器学习与应用>–雷明文章目录机器学习中的数学知识泰勒展开梯度下降法牛顿法机器学习中的数学知识泰勒展开梯度下降法
机器学习中的数学知识(part1)
学习笔记,仅供参考,有错必纠参考自:<机器学习与应用>–雷明文章目录机器学习中的数学知识偏导数与梯度雅克比矩阵 Hessian矩阵奇异值分解向量与矩阵求导机器学习中的数学知 ...
JavaScript中的的面向对象中的一些知识
JavaScript中的的面向对象中的一些知识 function Cat(name,age){return {name:name,age:age }}//构造函数function Dog(name,a ...
java接口那一节是哪的知识_Java中的接口知识汇总
Java中的接口知识汇总发布于 2020-4-29| 复制链接本文给大家汇总介绍了在java中的接口知识,包括为什么要使用接口.什么是接口.抽象类和接口的区别.如何定义接口以及定义接口注意点,希望 ...
比特币中的密码学知识汇总
比特币中的密码学知识汇总目前,我的阅读比特币源码系列文章已经更新了5篇,对应于精通比特币前3章内容的学习. 现在来到第4章密钥与地址的学习,本章主要介绍了比特币系统中公钥,私钥和地址之间相互的关系, ...

html 中的一些知识

html 中的一些知识相关推荐

最新文章

热门文章