logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

2024前端面试题-css篇

使用Webkit的内核的-webkit-text-size-adjust的私有CSS属性来解决,只要加了-webkit-text-size-adjust:none;收缩的是整个元素的大小,这时候,如果是内联元素,必须要将内联元素转换成块元素,可以使用display:block/inline-block/...;‌3.使用display属性‌:将元素的display属性设置为inline-block

文章图片
#前端#css#面试
vscode---ESLint与Prettier配合解决代码格式问题

目录1.创建项目时勾选ESLint2.配置.eslintrc.js(在项目根目录下):3.安装Prettier4.配置prettier5.其他设置1.创建项目时勾选ESLint选择Standard。2.配置.eslintrc.js(在项目根目录下):添加'space-before-function-paren': 'off'是为了解决ESLint与Prettier的冲突module.exports

#vscode#visual studio code
2024前端面试题-css篇

使用Webkit的内核的-webkit-text-size-adjust的私有CSS属性来解决,只要加了-webkit-text-size-adjust:none;收缩的是整个元素的大小,这时候,如果是内联元素,必须要将内联元素转换成块元素,可以使用display:block/inline-block/...;‌3.使用display属性‌:将元素的display属性设置为inline-block

文章图片
#前端#css#面试
vue3封装icon图标组件

1.创建utils文件夹,在utils文件夹中创建validata.js,判断图标是否为外部资源。validata.js:// 判断是否为外部资源export function isExternal(path) {return /^(https?:|mailto:|tel:)/.test(path)}2.在components中创建SvgIcon文件夹,在SvgIcon文件夹中创建index.vu

#vue.js#elementui#javascript
vue3按需引入Ant Design icon

1.使用Ant Design图表库中的图标1.1安装npm install --save @ant-design/icons-vue1.2修改文档版本vue3项目使用2.x或3.x。1.3 使用(1)点击复制代码(2)将复制的代码粘贴在你要使用的地方(3)在script中引入import {UserOutlined} from '@ant-design/icons-vue';(4)若使用了setu

#前端
element ui button组件二次封装

**1.全局注册组件**在main.js中添加:import MyButton from './components/cl-button.vue';const Loading = {install:(Vue =>{Vue.component('cl-button',MyButton)})}Vue.use(Loading);2.封装组件<template><el-button

#vue.js
uni-app 滚动条无法回到顶部解决办法

问题:在click事件中设置了scroll-top = 0后,uni-app 滚动条还是无法回到顶部.<view :class="active == index? 'active' : ''"@click="getActive(index)" v-for="(item,index) in categories" :key="item.cat_id">{{ item.cat_name }

#vue.js#javascript
uni-app 请求二次封装及挂载全局

1.在根目录下创建util目录。2.在util目录下新建一个api.js,如下:const BASE_URL = 'http://127.0.0.1:8082' //你自己的接口地址export const myRequest = (options) =>{return new Promise((resolve, reject)=>{uni.request({url: BASE_URL

uni-app 组件修改样式不生效解决办法

问题描述:按F12获取元素的类后,想修改uni-app 组件样式,不生效。.uni-list-item__content-title[data-v-296a3d7e]{color: #5d5b5b;}该样式不生效,就算加了! important和<<<都不行。解决办法:加/deep//deep/ .uni-list-item__content-title[data-v-296a3

#vue.js#前端#sass
echarts折线图tooltip自定义formatter

若想自定义tooltip就要用到formatter,如何实现呢?formatter中的params到底是啥呢?如图所示:打断点看params是这样的。这个params中的数据取决于我们series中的数据,也就是这个。在seriesData中的data我们通常是这样的[123,456,789,147,852,963],这种包含数字的数组,如果想要实现自定义formatter我们就要将data里的数

#echarts#前端#javascript
到底了