- 博客(23)
- 收藏
- 关注
RSS订阅原创 记录一下 link 与 @import 的区别和用法
link 标签是更常见、更灵活且性能更好的方法，而 @import 仍然可以在某些特定情况下使用，如果使用vue这样的前端框架，可以通过配合scoped属性实现样式的局部作用域，避免全局污染。页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。link属于XHTML标签，而@import是CSS提供的一种方式，link标签除了可以加载CSS外，还可以定义rel连接属性，定义RSS等，@import就只能加载CSS。使用DOM控制样式时的差别。
2025-02-03 22:32:48
419
原创 ECharts饼图添加背景图片
option = {backgroundColor: 'rgba(255, 255, 255, 0)', // 设置背景颜色，例如透明背景tooltip: {// 自定义提示框内容},series: [data: [...], // 数据项配置同上radius: ['40%', '70%'], // 控制饼图的大小label: {
2025-01-15 08:45:00
482
1
原创 使用电网一张图进行图标撒点展示
图标过多时，使用图层addLayer渲染会出现页面卡顿情况，这个时候应该考虑marker组,一张图的方法不能很灵活操作样式，这边给出其他方案供读者参考。
2025-01-08 17:42:07
318
原创 关于echarts的路径图子节点重叠问题
我们在画图区域给了宽高，而echarts图表会根据设定的宽高进行绘画，当我们子节点较多时，空间不够大，就会出现重叠现象；我们只需要在点击节点时根据节点数量而进行宽高定制。
2022-11-15 10:45:42
1194
2
原创 关于element分页组件next时无请求问题记录
通过给分页组件的父标签添加v-if来使他强制刷新(v-if=“paginationShow”)，初始为true，在点击事件和请求中做操作。思维导图采用了echarts的路径图，期间有遇到节点重叠问题（下篇文章给出解决方案）；表格和分页日常用element的。这样就造成了切换新节点时点击next时无效，问题出现是因为手动设置page=1是无法刷新分页组件的。需求为一个页面内左侧为思维导图，右边为表格；实现功能：点击节点可以在表格内展现对应数据；
2022-11-15 10:11:37
345
1
原创 ES6基本语法
一、声明变量1.let:ES6中新增的用于声明变量的关键字let声明的变量有严格局部作用域,所谓的块级作用域let只能声明一次let不存在变量提升2.const声明变量相当于声明了一个常量声明之后不允许改变声明常量时必须赋值具有块级作用域二、解构赋值ES6中允许从数组中提取值，按照对应位置，对变量赋值，对象也可以实现解构。1. 数组解构 let arr = [1, 2, 3]; let [a, b, c] = arr; console.log(a, b, c) //1
2022-05-25 16:56:56
195
1
原创 VUE项目初加载页面闪烁问题
一、前言写项目的会经常使用到v-if进行判断，但是因为加载或编译原因会导致页面最初加载的时候出现闪烁问题；二、解决办法使用v-cloak，我的理解是：只有编译没完成时才有，用了css将它隐藏，这样编译成功后才显示，所以解决了闪烁问题；大佬给出的解答是：v-cloak指令和css规则如[v-cloak]{display:none}一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。v-cloak 指令可以像css选择器一样绑定一套css样式然后这套css会一直生效到实例编译结束。用
2022-03-24 17:16:28
9711
2
原创 Ajax请求成功但没进入success
问题描述最近接手别人前端项目的时候，发现个奇怪的问题，我在用ajax请求成功的时候获取不到返回值了（请求相对路径的js文件）通过打印发现走不到success中解决方法1、对可疑点进行排查请求成功了说明路径是没错的，那么就从dateType定义上下手通过排查发现是dateType定义的是json，但是请求的文件内容不符合json标准，所以拿不到返回值总结请求成功但是没走success，问题是返回值的类型有问题，dateType定义是json但返回的不是json类型，修改datetype定义或者
2022-03-24 16:49:33
2750
1
原创 vue实现点击让对应的iframe全屏
前言：开发中遇到点击让iframe全屏的需求，代码如下 <template> <div> <a-button type="primary" @click="screen">全屏</a-button> <iframe :src="url" frameborder="0" height="700px" width="100%" longdesc="请刷新页面"
2021-12-29 16:02:24
2035
7
原创 关于Ant Design Vue表单和v-decorator
前言：在开发中遇到了蚂蚁的表单以及对v-decorator的使用一、form表单的使用1.创建表单Ant Design Vue获取表单的数据其实就是使用v-decorator的方式去给每个项去注册，然后才能通过组件去获取表单的数据，同时根据条件校验必填项；<template> // :form="form" 注册（具体参考组件官网） <a-form :form="form"> <!-- 课程名称 --> <a-form-item
2021-12-29 15:26:08
2699
原创 indexOf、lastIndexOf、subString的解释
indexOf、lastIndexOf、subString的解释1.indexOfindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。例：1）indexOf（"/"）：返回"/“字符在此实例中第一个出现的索引位置，实例的下标是从0开始，如果未找到则返回-1.2）indexOf(”/", 5)：返回找个这个实例中从下标5开始到第一次出现"/"的位置，如果未找到返回-1.2.lastIndexOflastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字
2021-10-08 14:53:16
641
转载 学到Vue3X和Vue2X响应式原理对比
今天和大家分享下Vue3X和Vue2X响应式原理对比1.首先我们要知道：Vue3 基于proxyVue2 基于Object.defineProperty2.什么是数据响应式“响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。代码示例<div id="citing">{{ name }}</div>//创建一个 Vue 组件：var vm = new Vue({ el: '#citin
2021-09-27 20:15:28
218
原创 数据库简单学习
前言本篇介绍数据库的基本概念、操作以及mySQL的简述一：数据库的基本概念1.数据库简介1.数据库的英文单词：DataBase 简称：DB 数据库：可视为电子化的文件柜——存储电子文件的处所，用户可以对文件中的数据进行新增、删除、更新、查询等操作。2.数据库的特点：持久化存储数据的;其实数据库就是一个文件系统 方便存储和管理数据 使用了统一的方式操作数据库 – SQL二：MySQL1.SQLSQL（Structured Query Language 结构化查询语句
2021-06-22 22:17:57
135
转载 基于VSCode 浅谈 node.js-server
基于Visual Studio Code 浅谈 node.js-server 转载于server基础1.http协议http协议:基于请求和响应的模式,客户端向服务端发起请求,服务端接收到请求后返回数据完成本次请求;短连接:一次请求完成之后,客户端与服务器断开连接;服务端不能主动向客户端发送请求2.服务器的搭建createServer 作用创建服务器设置监听// 引入http模块 --- http.js文件let http = require("http");let .
2021-06-11 18:47:29
181
转载 Git常用操作
文章目录前言一、git基础操作流程总结前言引用一篇非常全而且非常详细的git和GitHub教程引用一篇非常全而且非常详细的git和GitHub教程 出自[云高风情](https://www.jianshu.com/p/9593a4aa6a59)一、git基础操作流程新建一个文件右键选择 git bash输入指令 git clone+空格+地址+回车 ，如果报错就去百度解决；注意的是！！！不要直接快捷方式 ctrl +c /v 在终端进行操作，必须由右键复制粘贴；解
2021-06-09 23:21:16
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人