前端html css
【校招VIP】前端算法考察之链表算法
考点介绍： 链表是一种物理存储结构上非连续的数据结构,数据的逻辑顺序是通过链表中的指针链接次序实现相互勾连。链表相对数组而言有很多不同之处,在特定场景下能发挥独特的优势。例如链表的插入和删除操作比数组效率高,数组需要改变其他元素的位置,而链表只需要改变指针的指向。 答案详情解析和文章内容可点击下方链 ......
学习 vue.js 3.0 中遇到的前端相关网站汇总
序章 最近学习 vue.js，期间遇到不少相关网站，特整理于本文。 学习教程 菜鸟教程 https://www.runoob.com/ 阮一峰：Flex 布局教程 语法： https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 实例： ht ......
HTML5与CSS3实现动态网页（上）
结构标签 article：标记定义一篇文章 header：标记定义一个页面后者一个区域的头部 nav：标记定义导航链接 section：标记定义一个区域 aside：标记定义页面内容部分的侧边栏 hgroup：标记定义文件中一个区块的相关信息 figure：标记定义一组媒体内容以及他们的标题 fig ......
【CSS】CSS笔记
# CSS笔记 CSS就是美化网页的。 CSS是层叠样式表（Cascading Style Sheets）的简称。 有时也称为CSS样式表或级联样式表。 也是一种标记语言。 ## CSS简介 选择器+声明 ```css h1 { color: red; ... } ``` 选择器{属性：值} ### ......
【CSS】画自适应矩形
<html> <style> .box { /* 1. padding-top 根据父容器进行百分比计算数值的 */ /* width: 50%; background: blue; padding-top: 50%; */ /* 2. aspect-ratio： 规定了纵横比，这个纵横比可以用来计 ......
【CSS】画三角形
<html> <head> <title>CSS 绘制三角形</title> </head> <body> <div> <h1>实心三角形</h1> <div class="filled-triangle-1"></div> <div> <h1>等边三角形</h1> <div class="fill ......
【CSS】伪类选择器和伪元素选择器
伪类选择器用于指定所选元素的特殊状态，参考 https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-classes 伪元素选择器允许你对被选择元素的特定部分修改样式，不会真的修改dom结构，参考 https://developer.mozill ......
前端编程题（一）：数组
### 手写数组常见方法 ```js // 数组map Array.prototype.myMap = function (callback) { const arr = [] for (let i = 0; i { return pre.concat(Array.isArray(cur) && d ......
记录--CSS 滚动驱动动画 scroll()
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS 滚动驱动动画 scroll() animation-timeline 通过 scroll() 指定可滚动元素与滚动轴来为容器动画提供一个匿名的 scroll progress timeline. 通过元素在顶部和底部(或左边和右边 ......
【css兼容】flex在低版本 chrome 浏览器的兼容问题
https://blog.csdn.net/weixin_43841308/article/details/111246537 前言【感官】使用 Element UI 构建如下布局 【逻辑】具体代码： 【现象】 谷歌浏览器44.0.2403.125 m版本 显示main内容不全谷歌浏览器57.0.2 ......
前端实现轮询
/** * * @param callback 需要轮询的函数 * @param interval 轮询的间隔时间 * @returns */ export function pollFn(callback, interval = 1000) { let timerId; //是否停止轮询 let ......
【前端】Layui动态数据表格拖动排序
目的：使用Layui的数据表格，拖动行进行排序。 使用插件：layui-soul-table 和 Layui 1.layui-soul-table文档：https://soultable.yelog.org/#/zh-CN/component/start/install 2.layui文档：Layu ......
购物车的实现 前端按钮 ， 一次就是加一次数量吧
后端实现都是查询list集合 ，查询list集合条件是userID 物品id ，list集合其实查询出的就是一个 因为 物品id是唯一的 。。， 另外思想有点像批量删除，和单个删除有点类似 用in来实现 in里面传入的也是list集合， 非常的类似 看了淘宝，美团外卖，多多买菜的基本都是查询list ......
前端 文件流下载blob
1.axios请求携带 responseType: 'blob' export function getCreateReport(id) { return request({ url: `${apiPrefix}/bus/proposal/evaluation/${id}`, method: 'Ge ......
前端之外
## 编程语言 [PHP](http://php.net/)：PHP（外文名:PHP: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域 [NodeJS](htt ......
Web前端编程范式
## Event-Driven Programming - **[Comparison Between Different Observer Pattern Implementations](https://github.com/millermedeiros/js-signals/wiki/Comp ......
Web前端设计模式
- [CSS Modules](https://github.com/css-modules) : A CSS Module is a CSS file in which all class names and animation names are scoped locally by defaul ......
从零开始一个vue3前端项目day04-头部导航篇
在实际开发项目中通常会把头部导航栏写成一个通用组件，这里来具体说一下实现思路 1：front-header组件就是我们的头部导航栏，路由我们已经配置好了，把每个导航的首页路径，配置成navList(包含name，path),这样就通过遍历navList就能写出一个首页导航组件 2：导航的选中状态实现 ......
前端工程化
## 前端打包工具 ### Source Map - **[combine-source-map](https://www.npmjs.org/package/combine-source-map)**: Add source maps of multiple files, offset them ......
前端项目环境搭建笔记
@[toc] ## 简介 技术栈:vue3、TypeScript、vue-router、pinia、element-plus、axios、echarts等 ## 一、vue3组件通信方式 **通信仓库地址:https://gitee.com/jch1011/vue3_communication.gi ......
CSS filter drop-shadow All In One
CSS filter drop-shadow All In One
CSS 滤镜投影
背景虚化
光晕特效
......
前端实现图片验证效果
效果图： // 页面执行 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body> <div id="v_container" style="width: 200px;height ......
【校招VIP】前端专业课考点之CSMA/CD协议
考点介绍： CSMA/CD，载波监听多点接入/碰撞检测，是广播型信道中采用一种随机访问技术的竞争型访问方法，具有多目标地址的特点。它通过边发送数据边监听线路的方法来尽可能减少数据碰撞与冲突。采用分布式控制方法，所有结点之间不存在控制与被控制的关系。 答案详情解析和文章内容可点击下方链接即可查看 一、 ......
HTML基础知识
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
[译]这几个CSS小技巧，你知道吗？
# 前言 在网页设计和前端开发中，CSS属性是非常重要的一部分。掌握常用的CSS属性不仅可以使你的网页看起来更美观，还能提升用户体验，今天小编为大家介绍8个常见的CSS小技巧： # 1.修改滚动条样式 下图是我们常见的滚动条，现在需要改变滚动条的宽度和颜色了，并把它画的圆一点。 调研
一、安装 1、主应用安装qiankun(子应用只做代码配置，无需任何安装) yarn add qiankun # 或者 npm i qiankun -S 二、关键参数介绍 1、主应用注册微应用 import { registerMicroApps, start, setDefaultMountApp ......