hobbies.-CSDN博客

原创解决pandas的to_excel方法写入数据被覆盖的问题

【代码】解决pandas的to_excel方法写入数据被覆盖的问题。

2023-05-23 10:11:23 2225

原创 pandas简单操作

将Excel文件读取到pandas DataFrame中，支持从本地文件系统或URL读取的xls，xlsx，xlsm，xlsb和odf文件扩展名。指定列为索引列，默认为None，也就是索引为0的列用作dataframe的行标签。表示用第几行作为表头，默认header=0，表示第一行为表头。header=[1,2,3]表示选择第2，3，4行数据为表头。列的类型名称或字典，默认为none,也就是不改变数据类型。skiprows=[1,2,4]跳过1，2，4行。表示自定义表头的名称，需要传递数组参数。

2023-05-20 21:14:41 169

原创 sass快速入门

sass快速入门

2022-04-28 14:40:40 342

原创 vue自定义指令

1.什么是自定义指令vue 官方提供了 v-text、v-for、v-model、v-if 等常用的指令。除此之外 vue 还允许开发者自定义指令。2.自定义指令的分类vue 中的自定义指令分为两类，分别是：⚫ 私有自定义指令⚫ 全局自定义指令3.私有自定义指令在每个 vue 组件中，可以在 directives 节点下声明私有自定义指令。示例代码如下： directives: { // 定义名为 color 的指令，指向一个配置对象 color: { bin

2021-12-14 21:42:30 388

原创 vue插槽

1.什么是插槽插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间，为用户预留的内容的占位符。2.体验插槽的基础用法在封装组件时，可以通过元素定义插槽，从而为用户预留内容占位符。示例代码如下：// 在组件中使用子组件<MyCom1> 用户自定义的内容</MyCom1>// 在子组件中定义插槽<template> <p>我是MyCom1组

2021-12-13 20:30:31 60

原创 vue动态组件

1.什么是动态组件动态组件指的是动态切换组件的显示与隐藏。2.如何实现动态组件渲染vue 提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：// 当前要渲染的组件名称data () { return{ name:'Left' } // 通过is属性，动态指定要渲染的组件<component :is="name"></component>// 点击按钮，动态切换组件<button @click="name='Left

2021-12-08 16:44:50 1257

原创 vue的ref引用

1.什么是 ref 引用ref 用来辅助开发者在不依赖于 jQuery 的情况下，获取 DOM 元素或组件的引用。每个 vue 的组件实例上，都包含一个 $refs 对象，里面存储着对应的 DOM 元素或组件的引用。默认情况下，组件的 $refs 指向一个空对象。2.使用 ref 引用 DOM 元素如果想要使用 ref 引用页面上的 DOM 元素，则可以按照如下的方式进行操作：<p ref="app1">app组件</p><button @click="getRef

2021-12-06 20:18:46 340 1

原创 vue兄弟组件之间数据传递

兄弟组件之间的数据共享在 vue2.x 中，兄弟组件之间数据共享的方案是 EventBus。EventBus 的使用步骤：① 创建 eventBus.js 模块，并向外共享一个 Vue 的实例对象import Vue from 'vue'export default new Vue()② 在数据发送方，调用 bus.$emit(‘事件名称’, 要发送的数据) 方法触发自定义事件<button @click="sendMsg">发送</button><scrip

2021-12-01 20:57:05 443

原创 vue组件的props

vue组件的props

2021-12-01 20:56:19 716

原创 vue父子组件之间的数据传递

1.父组件向子组件共享数据父组件向子组件共享数据需要使用props自定义属性。示例代码如下：// 父组件<Left :msg="message" :userinfo="user"></Left><script>import Left from '@/components/Left.vue'export default { data(){ return{ message:'hello', user:'flyer

2021-11-29 23:18:49 126

原创 vue组件

1.私有组件步骤1：使用 import 语法导入需要的组件import Left from '@/components/Left.vue'步骤2：使用 components 节点注册组件export default { components:{ Left }}步骤3：以标签形式使用刚才注册的组件<div> <Left></Left></div>注意：通过 components 注册的是私有子组件，在组件 A 的

2021-11-28 21:29:58 150

原创在vscode中配置@路径语法提示

1.什么是@路径首先在vue-cli的组件中使用某个文件或其他组件的方法是一层一层的引用，比如：../././src，此时会有很多层，以至于开发人员搞不清路径，这时就用到@路径了，@路径以src目录为根目录开始查找，方便了很多，比如：@/components/left.vue2.配置@语法提示在这里提一下，@路径的根目录是src目录，这是vue-cli自动配置好的，无需开发人员手动配置。配置@语法提示，首先安装Path Autocomplete插件之后在settings.json文件中把这段代码复

2021-11-28 18:44:21 3429

原创 axios 的基本使用

Axios，基于 Promise 的 HTTP 客户端，可以工作于浏览器中，也可以在 node.js 中使用。1.通用方式①发起 GET 请求：axios({ // 请求方式 method: 'GET', // 请求的地址 url: '', // URL 中的查询参数 params: { id: 1 } }).then(function (result) { console.log(result)

2021-11-21 19:52:54 436

原创 Vue计算属性

1.什么是计算属性计算属性指的是通过一系列运算之后，最终得到一个属性值。这个动态计算出来的属性值可以被模板结构或 methods 方法使用。2.定义计算属性const vm = new Vue({ computed: { ... }})3.计算属性的实例<div class="box" :style="{ backgroundColor: rgb }"> {{ rgb }}</div><button @click="s

2021-11-21 18:32:26 600

原创 Vue侦听器

1.什么是 watch 侦听器watch 侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。语法格式如下： const vm = new Vue({ el:'#app', data:{ message:'' }, watch:{ //监听message值的变化 message(newVal){

2021-11-21 18:22:23 92

原创 Vue过滤器

1.什么是过滤器过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。2.定义过滤器①全局过滤器 Vue.filter('capi', function (str) { return 。。。 })②私有过滤器new Vue({ filters: { "过滤器名称"(val) { return 。。。 } }})3.过滤器使用的地方双花括号插值v-bind表达式 &lt

2021-11-20 22:18:11 336

原创 vue指令

vue 中的指令按照不同的用途可以分为如下 6 大类：① 内容渲染指令② 属性绑定指令③ 事件绑定指令④ 双向绑定指令⑤ 条件渲染指令⑥ 列表渲染指令1.内容渲染指令内容渲染指令用来辅助开发者渲染 DOM 元素的文本内容。常用的内容渲染指令有如下 3 个：⚫ v-text⚫ {{ }}⚫ v-htmlv-text用法示例： <p v-text="username"></p>注意：v-text 指令会覆盖元素内默认的值。{{ }} 语法vue 提供的

2021-11-18 19:27:52 70

原创 Source Map

1.什么是 Source MapSource Map 就是一个信息文件，里面储存着位置信息。也就是说，Source Map 文件中存储着压缩混淆后的代码，所对应的转换前的位置。有了它，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码，能够极大的方便后期的调试。2.webpack 开发环境下的 Source Map在开发环境下，webpack 默认启用了 Source Map 功能。当程序运行出错时，可以直接在控制台提示错误行的位置，并定位到具体的源代码①默认 Source Map 的问题

2021-11-17 15:14:14 427

原创 webpack打包发布

1.为什么要打包发布项目开发完成之后，需要使用 webpack 对项目进行打包发布，主要原因有以下两点：① 开发环境下，打包生成的文件存放于内存中，无法获取到最终打包生成的文件② 开发环境下，打包生成的文件不会进行代码压缩和性能优化为了让项目能够在生产环境中高性能的运行，因此需要对项目进行打包发布2.配置 webpack 的打包发布在 package.json 文件的 scripts 节点下，新增 build 命令如下："scripts": { "dev": "webpack serv

2021-11-17 14:01:11 213

原创 webpack中的loader

1.loader 概述在实际开发过程中，webpack 默认只能打包处理以 .js 后缀名结尾的模块。其他非 .js 后缀名结尾的模块，webpack 默认处理不了，需要调用 loader 加载器才可以正常打包，否则会报错！loader 加载器的作用：协助 webpack 打包处理特定的文件模块。比如：⚫ css-loader 可以打包处理 .css 相关的文件⚫ less-loader 可以打包处理 .less 相关的文件⚫ babel-loader 可以打包处理 webpack 无法处理的高级

2021-11-17 13:02:16 334

hobbys的博客