![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 78
前端相关技术
霹雳娇娃么么哒
这个作者很懒,什么都没留下…
展开
-
td元素中的内容自动换行
给table加上样式:style="word-wrap:break-word; word-break:break-all;"表格中显示的内容不是中文而是纯数字或英文时,默认是不换行的(中文默认换行)原创 2022-03-29 11:45:01 · 614 阅读 · 0 评论 -
VUE学习-补充webpack(五)
webpack其实就是一个打包工具,可以将多个js文件打包成一个js文件,从而减少http的请求次数(webpack只能打包js文件,但是对于一个项目而言不止有js,如果要打包其他文件就要借助于loader)A)编写项目入口1、新建一个目录,使用vscode打开2、使用快捷键打开终端窗口ctrl+~3、cnpm安装由于资源的限制,使用npm安装依赖包的时候经常失败,建议使用npm的国内镜像cnpm 命令行工具代替默认的npm在命令行中输入以下内容等待安装即可npm install -g原创 2021-06-24 10:45:50 · 295 阅读 · 0 评论 -
VUE学习-脚手架vue cli(六)
一、脚手架vue cli官网文档:https://cli.vuejs.org/zh/guide/A)安装vue/cli1、使用以下命令安装:npm install -g @vue/cli# ORyarn global add @vue/climac因为权限问题,需要在命令前加:sudo2、查看安装的vue cli的版本:vue -V3、关于旧版本Vue CLI 的包名称由 `vue-cli` 改成了 `@vue/cli`。 如果你已经全局安装了旧版本的 `vue-cli` (1.x原创 2021-07-06 18:58:40 · 451 阅读 · 0 评论 -
VUE学习-生命周期(二)
二、VUE基础A)快速起步1、打开vscode<!DOCTYPE html><html><head> <title>VUE基础</title></head><body> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script&原创 2021-06-24 10:11:30 · 113 阅读 · 0 评论 -
VUE学习-组件(三)
1、v-text设置标签的文本值(textContent)默认写法会替换全部内容,使用差值表达式{{ }}可以替换指定内容<!DOCTYPE html><html><head> <title>VUE基础</title></head><body> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/np原创 2021-06-24 10:26:43 · 185 阅读 · 0 评论 -
VUE学习-基础(一)
一、前提1、使用vue2.x版本官方网址:https://cn.vuejs.org/v2/guide/可以先讲官方的基础学习视频看一下:https://learning.dcloud.io/#/?vid=02、开发工具VSCode下载地址:https://code.visualstudio.com/将vscode设置为中文:https://jingyan.baidu.com/article/7e44095377c9d12fc1e2ef5b.html安装Live Server插件:https:原创 2021-06-24 10:07:22 · 346 阅读 · 0 评论 -
VUE学习-插槽(四)
官网文档:https://cli.vuejs.org/zh/guide/A)安装vue/cli1、使用以下命令安装:npm install -g @vue/cli# ORyarn global add @vue/climac因为权限问题,需要在命令前加:sudo2、查看安装的vue cli的版本:vue -V3、关于旧版本Vue CLI 的包名称由 `vue-cli` 改成了 `@vue/cli`。 如果你已经全局安装了旧版本的 `vue-cli` (1.x 或 2.x),你需要先通原创 2021-06-24 10:38:06 · 107 阅读 · 0 评论 -
VUE学习-小知识点(八)
一、导航守卫https://router.vuejs.org/zh/guide/advanced/navigation-guards.html可以进行访问路径前的权限设置二、混入https://cn.vuejs.org/v2/guide/mixins.html三、路由传参https://router.vuejs.org/zh/guide/essentials/passing-props.html四、路由的懒加载https://router.vuejs.org/zh/guide/advance原创 2021-07-26 16:10:17 · 57 阅读 · 0 评论 -
VUE学习-路由(七)
一、路由https://router.vuejs.org/guide/#htmlvue-router是让构建单页面应用变得简单单页面应用:“应用”指的就是网站,“单页面应用”:指一个网站的所有功能都集成在同一个页面上,从而保证了用户在不同功能之间跳转的时候,仅通过js代码就可以完成切换,对于浏览器来说是无刷新的,也正因如此,用户在尝试通过url地址在浏览器里直接访问某个功能的时候,浏览器会先打开首页(index.html),在进入一个vue的根页面(App.vue),然后vue router再根原创 2021-07-06 19:10:46 · 192 阅读 · 0 评论 -
VUE学习-组件传值(九)
一、父子组件传值(props+$emit)A)、父向子传值(props)1、编写父组件基础代码<template> <div class="parent"> <h2>parent: </h2> </div></template><script> export default { };</script><style scoped lang=原创 2021-07-26 16:42:49 · 270 阅读 · 0 评论 -
VUE学习-vuex(十)
官网:https://vuex.vuejs.org/zh/一、学习目标1、能够说出Vuex的基本使用步骤2、能够说出Vuex的核心概念3、能够基于Vuex实现业务功能1、Vuex是什么Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享2、好处1、能够在vuex中集中管理共享的数据,易于开发和后期维护2、能够高效的实现组件之间的数据共享,提高开发效率3、存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步3、哪些数据适合存储到vuex中原创 2021-07-26 16:46:27 · 98 阅读 · 0 评论 -
Echarts入门学习
Echarts一、Echarts简介1、常见的数据可视化库:D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难)ECharts.js 百度出品的一个开源 Javascript 数据可视化库Highcharts.js 国外的前端数据可视化库,非商用免费,被许多国外大公司所使用AntV 蚂蚁金服全新一代数据可视化解决方案 等等Highcharts 和 Echarts 就像是 Office 和 WPS 的关系ECharts,一个使用 JavaSc原创 2021-03-10 14:00:35 · 325 阅读 · 0 评论