前端知识库
关注
分享
扫一扫
文章平均质量分 64
分享前端的相关知识点
Coisini_甜柚か
我的征途是星辰大海，我要去的地方是春暖花开。
展开
-
打字机效果显示
打字机效果显示。原创 2024-11-08 17:31:01 · 491 阅读 · 0 评论 -
Promise.all解决同时请求同一接口，返回值渲染时间问题
Promise.all解决同时请求同一接口，返回值渲染时间问题原创 2024-09-13 16:22:29 · 673 阅读 · 0 评论 -
VUE3+ AntV Select 选择器：mode=“multiple“和mode=“tags“的区别是什么
VUE3+ AntV Select 选择器：mode="multiple"和mode="tags"的区别是什么原创 2024-07-02 16:02:58 · 1029 阅读 · 0 评论 -
a-table单元格指定合并以及表格双击编辑以及未填写指定验证功能
a-table单元格指定合并以及表格双击编辑以及未填写指定验证功能原创 2024-06-26 15:55:57 · 1205 阅读 · 0 评论 -
antV+vue3 a-table组件中将返回的数据组合显示，并进行换行显示
antV+vue3 a-table组件中将返回的数据组合显示，并进行换行显示原创 2024-05-31 09:25:08 · 597 阅读 · 1 评论 -
antV+vue3 单选框选中加入逻辑运算，再次点击取消选中，不计入逻辑运算
antV+vue3 单选框选中加入逻辑运算，再次点击取消选中，不计入逻辑运算原创 2024-05-30 18:11:44 · 532 阅读 · 0 评论 -
s-table通过Promise可不调用后端接口返回前端自己创建或维护的数据
【代码】s-table通过Promise可不调用后端接口返回前端自己创建或维护的数据。原创 2024-04-23 09:08:47 · 185 阅读 · 0 评论 -
项目系统名称更改（AntV）
index.htmlindex.html，修改这两处，即可修改刷新系统时候，浏览器显示的系统名称。原创 2024-04-18 10:48:13 · 357 阅读 · 0 评论 -
微前端学习
微前端（Micro Frontends）是一种前端架构模式，通过将单个应用程序分解为多个小型、独立的部分来实现应用程序的组合。每个小型部分都由独立的团队开发、测试和部署，然后将它们组合成为一个完整的应用程序。微前端的目标是使前端开发更加容易、可维护和可扩展，并且能够实现团队之间的协作。在微前端架构中，每个微前端都有自己的代码库和独立的部署过程。微前端可以使用不同的技术栈、框架和语言，因为它们只需要定义一组共享的 API 和协议。这样可以让团队独立地开发和部署微前端，同时还能够保持整个应用程序的一致性。原创 2024-04-17 17:42:02 · 1001 阅读 · 0 评论 -
手写签名功能（vue3）
【代码】手写签名功能（vue3）原创 2024-04-17 17:32:47 · 2726 阅读 · 0 评论 -
Ant Design Vue和VUE3下的upload组件使用以及文件预览
Ant Design Vue和VUE3下的upload组件使用以及文件预览原创 2024-03-21 12:13:49 · 2424 阅读 · 0 评论 -
GSAP动画学习
GSAP动画学习。原创 2024-03-13 17:19:54 · 740 阅读 · 0 评论 -
编码规范（前端）
软件行业的高速发展，对软件开发者的综合素质要求越来越高，不仅仅是编程知识点，其他维度知识点也会影响最后的交付质量，本文档以开发前端项目角度，详细描写了前端的代码规范，分别从HTML、CSS、JavaScript、TypeScript、四个方面入手，并且每个章节进行了详细划分，方便读者能快速定位，规范自己的代码，提高项目质量。但对于新业务，如无特殊要求，统一使用UTF-8字符编码，以便统一。单行注释，需在注释内容和注释符之间需留有一个空格，以增强可读性。多行注释，注释符单独占一行，注释内容2个空格缩进。原创 2024-03-04 08:55:54 · 1312 阅读 · 0 评论 -
iView组件使用问题
点击tabs页面可以获取当前页面的name信息，并且可以点击后再获取当前页面数据，减少数据冗余。原创 2023-10-18 14:37:19 · 735 阅读 · 0 评论 -
VUE3-组件问题（逐渐完善版）
VUE3-组件问题原创 2023-06-07 10:10:42 · 2410 阅读 · 1 评论 -
小诺开源技术
近期接触了小诺开源技术的一个前端框架，底层是蚂蚁框架，感觉很好用，不过需要稍微学习并适应一下，推荐给大家，本篇仅用于学习，如有侵权请联系博主删除。原创 2023-03-10 11:11:07 · 1888 阅读 · 0 评论 -
vue-seamless-scroll滚动
vue-seamless-scroll使用-table表格滚动原创 2023-02-16 17:10:09 · 3143 阅读 · 0 评论 -
学习笔记01
学习笔记01原创 2022-09-29 11:08:41 · 711 阅读 · 0 评论 -
学习笔记00
目标字符串想法，最开始想要一步解决，但是试过很多，都不太行，最后倒了两次才出来结果，感觉有点麻烦了，有优秀算法欢迎指出。};formEditTask . filterRules = "192.168.10\n192.168.99\n\n\n" //首先对字符串进行分割 formEditTask . filterRule = formEditTask . filterRules . split("\n");原创 2022-09-08 12:41:05 · 1133 阅读 · 0 评论 -
Tooltip和Poptip组件嵌套+悬浮提示框遮挡表格的表头
在实地使用中出现嵌套后两个提示都显示不出来，以及点击按钮不管用等问题，故在这里记录一下，后续有问题补上。问题：在Model对话框中这样写没问题，但是在table数据表格中这样写就会出现下面的情况。如果在template里面写的可以在tooltip组件上添加。原创 2022-09-01 16:21:10 · 575 阅读 · 0 评论 -
冒泡排序、插入排序、选择排序
冒泡排序、插入排序、选择排序推荐知乎博客：排序算法之选择排序十大经典排序算法（动图演示）冒泡排序JavaScript代码实现、Python代码实现、Go代码实现、Java代码实现、PHP代码实现、C语言代码实现、C++语言实现、C#语言实现、Ruby语言实现、Swift语言实现冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会原创 2021-12-29 10:57:51 · 177 阅读 · 0 评论 -
typeof---JavaScript
typeof的用法typeof 是操作符，可以返回变量的类型操作：console.log(typeof 42);// expected output: "number"console.log(typeof 'blubber');// expected output: "string"console.log(typeof true);// expected output: "boolean"console.log(typeof undeclaredVariable);// exp原创 2021-12-28 17:06:30 · 401 阅读 · 0 评论 -
LeetCode第一题两数之和---JavaScript
给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。示例 2：输入：nums = [3,2,4], target = 6原创 2021-12-22 09:40:26 · 139 阅读 · 0 评论 -
DOCTYPE 声明
DOCTYPE 声明标题文章目录DOCTYPE 声明标题Doctype作用？严格模式与混杂模式如何区分？它们有何意义？Doctype定义作用严格模式与混杂模式如何区分？意义Doctype作用？严格模式与混杂模式如何区分？它们有何意义？Doctype定义DOCTYPE 是 document type(文档类型)的简写。！DOCTYPE 是一个文档类型标记，是一种标准通用标记语言的文档类型声明，在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本。作用声明位于文档中的最前原创 2021-12-20 10:00:54 · 305 阅读 · 0 评论 -
HTML5的优点与缺点
HTML5的优点与缺点文章目录HTML5的优点与缺点优点缺点优点网络标准统一、HTML5本身是由W3C推荐出来的。多设备、跨平台。及时更新。提高可用性和改进用户的友好体验。缺点安全：像之前Firefox4的web scoket和透明代理的额实现存在严重的安全问题，同时web storage、web socket 这样的功能很容易被黑客利用，用来盗取用户的信息和资料。完善性：许多特性各浏览器的支持程度也不一样。技术门槛：HTML5简化开发者工作的同时代表了有许多新的属性和API原创 2021-12-20 09:45:18 · 506 阅读 · 0 评论 -
水平居中和垂直居中
水平居中和垂直居中文章目录水平居中和垂直居中水平居中垂直居中水平居中对于行内元素：text-align:center;对于确定宽度的块级元素：width和margin实现。margin:0 auto;绝对定位和margin-left:-width/2,前提是父元素position:relative对于宽度未知的块级元素：table标签配合margin左右auto实现水平居中。使用table标签(或直接将块级元素设置为dispaly:table),再通过给标签添加左右margin为auto。原创 2021-12-20 09:25:01 · 353 阅读 · 0 评论 -
Math.round()，Math.ceil()，Math.floor()的区别
Math.round()，Math.ceil()，Math.floor()的区别文章目录Math.round()，Math.ceil()，Math.floor()的区别1.Math.round()2.Math.ceil()3.Math.floor()1.Math.round()小数点后第一位大于五全部加，等于五正数加，小于五全不加。正数：Math.round(55.4)Math.round(55.5)负数：Math.round(-55.4)Math.round(-55.5)Math原创 2021-12-17 17:33:52 · 595 阅读 · 0 评论 -
CSS相关知识点：6种清除浮动和BFC
浮动1.场景当我们想实现以下面效果时，咱们第一时间肯定会想到浮动float通过以下代码：<template> <div> CssBFC界面 <br/><br/> <router-link to="/">Home</router-link> | <router-link to="/about">About</router-link> | <原创 2021-12-07 12:29:34 · 740 阅读 · 0 评论 -
动态粒子背景插件
动态粒子背景插件原创 2021-11-10 16:21:25 · 274 阅读 · 1 评论 -
两种连接后端的方法
get访问this.$http.get('http://192.168.xxx.xxx:8080/路径').then(res => {console.log('连接成功！')console.log(res)}).catch(error => {console.log('连接失败！')console.log(error)})axios连接 $.ajax({ // this.$http.ajax({ type: 'get',.原创 2021-10-12 09:27:45 · 595 阅读 · 0 评论 -
吃豆人动态模型创建---canvas
吃豆人模型吃豆人是我们小时候常玩的街机游戏，常常能勾起我们童年的回忆，写这些文章也是为了记录学习，保留回忆的，如果可以帮助到你们也会很开心，可能内容有些太基础，希望不要介意。因为不是一个完整的小游戏，所以简单记录下该游戏模型。放上成果图片：下面的格式主要是将背景面包方式屏幕中央，并设置背景颜色为灰色 <style> body{ text-align: center; } #canvas{ background: #F0F0F0; } &原创 2020-05-22 21:15:43 · 502 阅读 · 0 评论 -
全选和全不选（管理员列表）----html文件
代码功能：对每个选项进行选择，如果中间四个全选则自动定义为全选，如果点击删除选定按钮，则会撤销全部选择。界面：HTML代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>选择：全选、全不选</title> </head>...原创 2020-03-03 19:49:32 · 344 阅读 · 0 评论 -
伸缩菜单----html文件
运行结果：程序代码：html文件如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>伸缩菜单</title><link rel="stylesheet" href="css/1.css" />//调用css<script t...原创 2020-03-03 19:41:02 · 721 阅读 · 0 评论