- 博客(64)
- 收藏
- 关注
RSS订阅原创 Element UI表格和弹出层背景透明
弹出层想自定义头部，可以是用插槽slot，如下面代码第三行。如想element 中的table要背景透明，可以让则需要让背景，行和行对应的每一个单元格都透明。HTML代码： less代码：效果如下： 能看出背景已经透明了...
2022-07-01 10:35:58
4127
原创 Echars堆叠柱状图由于数据差距大，创建第二个Y轴
Echars堆叠柱状图由于数据差距大，如何创建第二个Y轴。由于是堆叠柱状图所以不能直接在数据上加yAxisIndex，所以把一开始的数据中要单独创建Y轴的数据改为null，然后创建重复的新的数据，把要单独创建Y轴的数据之外全部改为null，再加上yAxisIndex就行了。代码段：但是这样的话，tooltip显示的提示框，会把为null的也显示如下图 所以我们要通过formatter改变tooltip显示：在tooltip补充代码：注：formatter返回值只能为字符串，其他的不显示。 最后
2022-06-29 11:08:11
1542
原创 js时间转换
let showtime2 = new Date() //获取当前时间showtime2 = showtime2.getTime() //吧当前时间转换成毫秒showtime2 =showtime2 -86400000//86400000是一天的毫秒showtime2 =new Date(showtime2)//把毫秒转换成当前时间showtime2 =this.getDate（showtime2）//把时间转换成YYYY-MM-DD格式......
2022-06-27 11:52:48
1662
原创 Element ui中Table给特定的单元格加效果
如上图所示，要给表格中的单元格加样式，如果有 数据 就在左上角加 个符号，并且鼠标放上去会有提示。要实现这个效果要分为两个步骤。在这里要用上 Table 表格 中的一个属性 cell-class-name。这个属性可以返回一个函数，函数的参数分别是 row, column, rowIndex, columnIndex其中row和column是这一行和一列的数据， rowIndex和columnIndex是行号和列号。这个函数的返回值就是类名。以下就是代码 2.鼠标放上去的弹出层可以用插槽 s
2022-06-17 13:29:19
1703
1
原创 关于Element Ui select
当element ui 中使用Select 选择器时，要注意 el-select 中的v-model值要和el-option 中的 :value的值一一对应。不然会出现例如：一开始直接多选，可选择权里面的值并没有选中等等的bug。例如: 明明选择框已全部选中，但是下拉列表中却没有，并且你点下拉列表中的选项，选择框会再次加一...
2022-06-08 16:45:10
558
原创 echars中yAxisIndex有什么用
使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用。很模棱两可，在网上也找不到，只能自己慢慢试。经过我自己实验我发现在series中的yAxisIndex他的值（从零开始）等于几，这个数据对应的y轴就是yAxis对应的第几条y轴。这段代码，值得注意的是series中的第二个数据中，有yAxisIndex，且值为0。这表示 第二个数据 对应的y轴是yAxis对应的第一条y轴。展示图如下： 由此可知，第二条数据对应的是第一条轴 。接下来我会把，这段代码，的series中的第二个数据中的
2022-06-06 14:45:58
5539
原创 Vue打包后如何在本地直接运行？
1.打包npm run build2. 解决方法1.安装express-generator生成器npm install express-generator -g2.创建一个express项目express 名称3. 进入express项目并安装项目依赖npm install4.把dist目录下的所有文件复制到express项目的public文件夹下5.启动express项目npm start6.打开浏览器，输入 http://loca.
2022-05-30 10:26:00
2386
原创 node篇之Koa2(未完待续)
1.手动创建先创建一个文件夹，用进入命令提示符。 初始化package.json 使用npm install 安装koa2 使用 npm install koa 都安装好后在根目录创建一个 index.js 的文件 在index.js文件中写如下代码const Koa = require('koa')const app = new Koaapp.use(res => { res.body = 'Hello World'})app.listen(3000)cons.
2022-03-31 20:50:56
807
原创 React初级教学
1.什么是ReactReact 是一个用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。所以React是用组件搭建页面2.JSX 语法JSX 它是一种JavaScript语法扩展，可以将HTML 语言直接写在 JavaScript 语言之中，不加任何引号。 单标签使用/>来闭合标签如：const element = <h1>Hello, world!</h..
2022-03-28 22:58:25
1511
原创 初级Vue3教学
1.认识VUE3vue是一套用于构建用户界面的渐进式框架,即用多少拿多少，不要求你一下用所有的功能。所以VUE3也就是用多少功能从vue中取多少功能2.创建VUE1.查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue --version2.安装或者升级你的@vue/clinpm install -g @vue/cli3.创建Vue项目，选择Vue3vue create test4.启动cdtestnpm run serve3.常用的Compo
2022-03-28 20:40:50
2573
1
原创 浅谈前端混入
1.什么是混入？就本人自我理解就是，写一个方法然后其它组件都可以引用使用。有一种给组件用小组件的感觉。不过这个小组件需要用 mixins:[ ] 来声明。2.示例1.先创建一个文件夹mixin然后在文件夹中创建js文件2.引用test.js中的变量和方法可以直接使用。这样极大的方便了我们的复用。3.完整代码1.jsexport default { data() { return { num:
2022-03-24 16:32:36
1053
原创 小程序分包
1.为什么要分包每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示目前小程序分包大小有以下限制：单个分包/主包大小不能超过 2M 不能超过9个包2.分包步骤1.先开启分包，如下图：2.1.1找到manifest.json2.1.
2022-03-14 19:55:52
807
原创 Ajax初学
1.Ajax特点1.1优点：1.1.1.最大特点就是可以在网页不刷新的情况下向服务器发送http请求，得到http响应1.1.2 允许用户通过事件来更新部分页面1.2缺点：1.2.1没有浏览历史，不能退回1.2.2存在跨域问题（同源）1.2.3seo不友好2.XML语言2.1介绍2.1.1 XML英文名Extensible Markup Language即可扩展标记语言。Extensible 译为可扩展 Markup 译为标记。2.1.2 被设计用来传输和
2022-01-20 21:06:40
548
原创 Vue动画
1.基础Vue动画在标签外部包一层名为 transition的标签，在样式中用 .v-enter设置进入结果样式，用.leave设置离开结果样式。用 .v-enter-active设置进入过程样式，用.v-leave-active设置离开过程样式如果设置多个不重复样式，可以在<transition>标签中价格name值，那么v-enter之类就可以改为你设置的name名-enter<style> .fade-enter, .fade-leave-t
2022-01-20 17:01:43
498
原创 axios初学
1.请求和响应1.1请求：1.1.1：请求解释从浏览器发出请求，请求分为请求头，请求行，请求体1.1.2：不同类型的请求及其作用1.get：从服务器端读取数据2.post：向服务器端添加新数据3.put：更新服务器中存在的数据4.delete：删除服务器端数据1.2响应：服务器接受请求后作出处理给予浏览器响应，相应分为响应头，相应行，响应体2.API的分类2.1.REST API：2.1.1：发送请求进行 CRUD 即 增 删 改 查 ，哪个操作由请求
2022-01-18 16:43:58
171
原创 Promise
1.promise认识 1.1.promise是一个构造函数，所以可以被new出来1.2.promise的prototype上有一个方法 then 。1.3.promise的方法then用来预先指定成功或则失败的函数1.3.1写法上. then(成功的回调函数，失败的回调函数)1.3.2在调用then方法时成功的回调函数必选，而失败的回调函数可以不选...
2022-01-18 14:18:33
315
原创 问题解决方案
1.点击跳转页面抖动1.1可能是跳转后页面的高度发生了变换，解决方案： <style> body{overflow:scroll;} </style>其中 overflow:scroll 是指始终都有滚动条1.2
2022-01-13 09:51:40
135
原创 VueX初级
1.介绍VueX它采用集中式存储管理应用的所有组件的状态可以理解为：一个数据，或者方法可以在多页组件中加以引用运用。可以理解为一个前端数据库。也可以理解为在全Vue中设置一个变量，每个组件都可以加以引用并使用。2.配置store1.代码import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ //数据是储存在这里 state:{ }, //改变
2022-01-12 18:15:38
472
原创 router初步教学
1.安装vue-router插件模块npm install vue-router --save2.配置1.创建举例用的文件在src中创建一个views。然后在views的文件夹中创建两个举例用的文件，分别是1.First.vue其中的代码是<template> <div>这是第一个页面</div></template><script>export default { name: "Frist",}
2022-01-05 16:39:53
419
原创 webpack配置
一、介绍1.什么是webpack 是前端工程化的具体解决方案2.主要功能 提供了友好的前端模块化开发支持，以及代码混淆、处理浏览器端js的兼容，性能优化等强大功能3.优点： 提高了开发效率和可维护性，降低了开发难度4.用于： 目前Vue和react 等前端项目，基本上都是基于webpack进行工程化开发的二、使用1.新建一个文件夹文件夹只能是英文和数字，不能有“中文” “ . ” “空格”...
2022-01-03 16:32:52
921
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人