- 博客(15)
- 收藏
- 关注
RSS订阅原创 elementPlus Table行、列、单元格样式
主要是通过 row-style属性来实现。它是行的 style的回调方法，可以通过它来实现设置某一行的样式。设置每一行设置某一个单元格的样式通过 cell-style属性来实现。做法和上面一样，就不多说了，主要的四个参数。row：行的信息column：列的信息rowIndex： 行数(0开始算)columnIndex：列数(0开始算)表头样式修改特殊的表头，特殊的处理header-row-style：只有一个rowIndex属性header-cell-style：和正常
2022-06-24 15:47:57
1440
1
原创 react路由
安装：npm i react-router-dom@5.0基本使用：import { HashRouter as Router, Route, NavLink,} from 'react-router-dom'function App () { return ( <Router> <div className='nav'> <NavLink to='/' exact> 主页</NavLink&g
2022-04-11 08:48:33
719
原创 react入门手册
简介：用于创建用户界面的JavaScript库 react是Facebook公司出品，用于构建 Instagram 网站，在 2013.05 开源特点：组件开发思维 单向数据流 虚拟dom节点安装：这里使用 create-react-app 快速构建 React 开发环境。npm install -g create-react-app //安装脚手架create-react-app myreact //创建cd myreact
2022-04-03 13:22:53
1184
原创 百度地图快速上手
百度地图官网：百度地图开放平台 | 百度地图API SDK | 地图开发第一步拿到密钥：若想要使用百度地图，必须要官网的认证，申请密钥申请完成后在主页导航中>>控制台>>应用管理>>我的应用>>创建自己的应用；根据提示完成即可，秘钥就会生成；第二步阅读开发API：可以选择api文档就行查阅使用方法，也可以根据开发工具中示例中心 更直观的选择想要的功能。第三步根据文档完成HellWord：1.在html中script引入地图：
2022-04-01 22:04:32
539
原创 Echarts 开源的可视化图表库 快速制图工具
说明：制图工具，开源的，国内最流行的可视化图表库安装在echarts CDN by jsDelivr - A CDN for npm and GitHub选择dist/echarts.js，点击并保存文件<script src="echarts.js"></script>使用入门案例：先声明一个图表容器 ，注意容器必须要有宽高<div class="contanier"> <div class="demo1"...
2022-03-29 00:53:39
1714
原创 css进阶----less编程
官方介绍：Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。vue3中下载安装：npm install less less-loader --save-dev基础使用：<style lang="less" scoped>@bgColor : #999; .demo { .test1{ width: 30
2022-03-27 21:15:04
1215
原创 前端工具mockjs
1、为什么要使用mockjs在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口，2、优点1.前后端分离，2.可随机生成大量的数据3.用法简单4.数据类型丰富5.可扩展数据类型6.在已有接口文档的情况下，我们可以直接按照接口文档来开发，将相应的字段写好，在接口完成 之后，只需要改变url地址即可。3、使用安装npm install mockjs基本使用//导入var Mock = require('mockjs')Mock.mock(
2022-03-21 20:43:08
712
原创 vue3 组合式Api setup的用法
setup（）1、setup位于created 和beforeCreated之前,用于代替created 和beforeCreated,2、在setup函数里不能访问到this3、需要return返回值才能在模板中使用setup参数：props 和contextref 值类型 响应对象在setup中访问count值时用count.value来访问const count = ref(10);console.log(count.value)可以作为dom引用定义：const
2022-03-17 08:54:14
708
原创 vue Router路由通往快乐的起点
快速理解vue-routervue-router是Vue的一个插件库，专门用来实现SPA应用SPA应用：1.单页Web应用（single page web application，简称SPA）2.整个应用只有一个完整的页面3.点击页面中的导航链接不会刷新页面，只会做页面的局部刷新。、4.数据需要通过ajax请求获取路由1.什么是路由a.一个路由就是一组映射关系（key value）b.key为路径，value可能是function或component2.路由分
2022-03-06 23:34:26
186
原创 Vue组件与动画
组件全局组件// 创建一个Vue 应用const app = Vue.createApp({})// 定义一个名为 btn 的全局组件app.component('btn', { data() { return { n : 0 } }, template: ` <button @click="n++"> 点击{{ n}} </button>`})局部组件//定义组件const step
2022-03-03 09:08:58
401
原创 Vue基础——快速入门手册
文本渲染{{ }} 语法<div class="app"> {{msg}}</div><script>const app = Vue.createApp({ data() { return { msg: ‘你好Vue3’ } } })const vm = app.mount('#app')</script>{{ }} 中的表达式:{{a...
2022-02-28 20:09:45
360
原创 初遇vue
概述Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。特点：简单，高效，生态丰富（插件多）安装1. 直接引用script<script src="https://unpkg.com/vue@next"></script>2. 安装脚手架npm install -g @vue/cli着手createApp 函数创建一个新的应用实例 <div id="app">hello Vue!<
2022-02-24 20:28:23
356
原创 ES6进阶记录
目录类概述：定义：声明：继承实例：模块化export 导出import 导入可迭代对象Set特殊值常用方法：WeakSetMapWeakMapfor of ：Symbol迭代器（Iterators）Generator生成器Generator 函数组成基本用法实例：Proxy 代理概述基本用法Proxy类概述：在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定..
2022-02-23 19:36:50
101
原创 JavaScript Promise对象
描述： ECMAscript 6 原生提供了 Promise 对象。 Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。 一个 Promise 对象代表一个在这个 promise 被创建出来时不一定已知的值。它让您能够把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。 这样使得异步方法可以像同步方法那样返回值：异步方法并不会立即返回最终的值，而是会返回一个 promise，以便在未来某个时候把值交给使用者。一个 P...
2022-02-22 21:24:05
952
1
原创 ES6知识记录
声明变量1.letlet 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var：a. let是块级作用域（在一对大{} 里面起作用）{ let a = 15; console.log(a);}b. 不能重复声明{ let c = 22; let c = 25;}c. let声明变量不会变量提升{ console.log(a); let a = 15;}2.consta. 通常用来声明常量的 建议大写const...
2022-02-21 20:01:45
544
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人