网站定制开发--网站定制公司官网 - 高端网站建设

webpack在项目中的常见配置

...

小白 2024-04-21 157 0

vue怎么实现强制刷新组件

使用this.$forceUpdate强制重新渲染。第二.使用v-if指令。...

小白 2024-04-20 151 0

前端面试题试卷3

这是一份初级前端工程师的试卷，包括选择题、填空题、简答题和上机题，总分为 100 分。请根据这份试卷的要求和分数分配，准备一份答题纸，并按照时间要求完成试卷。选择题（每题 3 分...

mimiwuqi 2024-04-17 212 0

前端开发面试题试卷2

这是一份初级前端工程师的试卷，包括选择题、填空题、简答题和上机题，总分为 100 分。请根据这份试卷的要求和分数分配，准备一份答题纸，并按照时间要求完成试卷。选择题（每题 3 分...

mimiwuqi 2024-04-16 163 0

前端开发面试题试卷1

这是一份初级前端工程师的试卷，包括选择题、填空题、简答题和上机题，总分为 100 分。请根据这份试卷的要求和分数分配，准备一份答题纸，并按照时间要求完成试卷。选择题（每题 3 分...

mimiwuqi 2024-04-15 152 0

文字晃动css动画

.shaky {display: inline-block;transform-origin: center center;animation-name: shaky-slow;animation-duration: 4s;animation-iteration-count: infinite;animation-ti...

游客 2024-04-11 355 0

pinia仓库持久化

最近公司开了新的项目，所以提出了这个方案 pinia-plugin-persistedstate安装npm i pinia-plugin-persistedstate使用 main.tsimport persist from 'pinia-plugin-persist...

admin 2024-03-13 300 0

代码提交前检查husky

如果你是新项目立项，可以选择这种方式，对代码提交之前进行检查第一步：初始化安装pnpm dlx husky-init && pnpm install第二步：修改文件.husky/pre-commit npm lint如果只是想检...

admin 2024-03-11 152 0

前端禁止浏览器自动填充密码

浏览器自动填充密码，这个问题，笔者遇到过很多次，也找过很多文章，各种方法都有，甚至还有修改浏览器设置的（这不是自欺欺人吗？）。不过，好在，经过一番实践，最终找到了一个行之有效的方案，实...

admin 2024-03-08 298 0

el-tree做节点禁用的2种方法

根据官方文档，我们需要在返回的数据里面添加一个属性为disable为true，这样就全部禁用了addDisabled(treeList) {treeList.forEach(item => {item.disabled = true;// 递归处理...

admin 2024-03-03 278 0

前端做权限控制角色展现思路

前端利用element ui做权限控制下的角色点回显思路...

admin 2024-03-01 209 0

vue tab切换高亮类名思路

在vue中要实现vue tab点击切换高亮首先：核心实现思路：1. 记录当前点击激活项index2. 通过动态控制class类名 :class = "{active: index === currentIndex}"效果类似：<template>...

admin 2024-02-23 294 0

excel导入导出功能实现

插件导出流程：创建一个工作簿创建一个工作表把工作表加入到工作簿中调用插件方法导出...

admin 2024-02-22 219 0

百分比编码

百分比编码（percent encoding），也称为URL编码的一部分。这是一种编码机制，它将非ASCII字符通过一种可打印的形式编码，通常用在URL中，以便发送不安全或者无法直接传输的字符。百分...

admin 2024-02-11 225 0

foreach和map的区别(原创)

foreach和map的区别1、相同点(1)都是循环遍历数组中的每一项。(2)每次执行匿名函数都支持三个参数，参数分别为item(当前每一项)，index(索引值)，arr(原数组)。(3)匿名函数中的th...

admin 2024-02-01 479 0

纯js实现左右无限滚动广告(原创)

利用纯js实现左右滑动、鼠标悬停暂停效果css代码<style>#scroll-container {width: 80%;overflow: hidden;margin: auto;white-space: nowrap;position: relative;}.scroll-...

admin 2024-02-01 197 0

flex常用属性

给父元素加 display: flex主轴 justify-content: center 居中 justify-content: space-between 空白间隙（俩边不留） justify-content: space-around 每个item都有相同间隙（...

admin 2024-01-31 336 0

css居中相关面试题

css水平居中/*方法1:inline-block + text-align */.parent { text-algin: center;}.child { display: inline-block;}/*方法2:block + margin */.parent { margin:...

admin 2024-01-20 287 0

左右滑动导航居中

近期遇到一种需求就是，顶部自适应后可以实现左右滑动，在大屏的时候要居中首先我用的是flex布局你也一定和我一样想着使用justify-content: center来居中，这样有问题当我们在小...

admin 2024-01-19 248 0

css蜂窝效果

一个简单的效果其实就是用了clip-path这个属性，可以在这个网站快捷的使用clip-path定义自己的效果剪切路径上代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-...

admin 2024-01-19 308 0

JS判断用户语言跳转到对应中文和英文站点

其实这些方法百度有很多，秘密武器开发者中心总结一个比较好理解，兼容性也比较好的方法中文站点模版添加<script> var lang = navigator.language || navigator.userLanguage;/...

admin 2024-01-16 319 0

css实现按钮边框旋转动画

效果就是这样主要思路：利用index设置不同层，然后使他的背景旋转<div class="btn"><span>秘密武器开发者中心</span></div>css如下<style>.btn {width: 150px;height: 40px;pad...

admin 2024-01-15 341 0

vim编辑器无法删除代码

在使用 vim 编辑器时，如果你无法删除代码，可能是因为你目前处于 "Normal"（一般）模式。在 "Normal" 模式下，按键有不同的功能而并非直接输入字符。为了编辑文本，你需要切换到 "Inse...

admin 2024-01-14 253 0

在vue中正确的使用swiper

首先安装swipercnpm install swiper@5.4.5 -Scnpm install vue-awesome-swiper@3.1.3 -S二、在main.js中引入swiper.cssimport 'swiper/css/swiper.css'三、在组件...

admin 2024-01-11 234 0

vue中使用swiper轮播图

关于swiper当前swiper已经到了8版本。6版本及以上，已经支持了直接在前端框架中的使用。6以下版本，不支持直接在前端框架中使用。也就是说， 6以下版本，没有swiper-vue.jsswiper7...

admin 2024-01-11 279 0

网站建设

标签列表