前端 特性 阶段es6
7-web前端 空间转换，3D效果
1、认识3D转换 近大远小 近实远虚 物体和面遮挡不可见 2、三维坐标系 x 轴：水平向右 -- 注意：x 轴右边是正值，左边是负值 y 轴：垂直向下 -- 注意：y 轴下面是正值，上面是负值 z 轴：垂直屏幕 -- 注意：往外边的是正值，往里面的是负值 3、3D转换 3D 转换知识要点 3D 位移 ......
记录--纯前端如何实现录屏并保存视频到本地
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 作为一个资深的切图仔，我们难免会需要用到把自己写的页面的一些功能通过视频的方式分享给别人。还有一个场景，就是当我们面试的时候，我们需要把我们的屏幕分享给面试官看，那么这些都是怎么实 现的呢？ 那么接下来我们就通过这篇文章来学习一下如何实现 ......
6-web前端的特效 平面转换transfrom
平面转换 transform 作用：为元素添加动态效果，一般与过渡配合使用 概念：改变盒子在平面内的形态（位移、旋转、缩放、倾斜） 平面转换又叫 2D 转换 1、平面转换 平移 目标：使用translate实现元素位移效果 语法 transform: translate(水平移动距离, 垂直移动距离 ......
5-web前端 定位position
1、相对定位 position: relative 特点： 不脱标，占用自己原来位置 显示模式特点保持不变 设置边偏移则相对自己原来位置移动 拓展：很少单独使用相对定位，一般是与其他定位方式配合使用 参考自身原位置 2、绝对定位 position: absolute 使用场景：子级绝对定位，父级相对 ......
4-web前端 盒子模型、行内块、浮动问题、无意义标签
1、图文对齐（搜索框） 图片标签是典型的行内块元素 除此之外行内块元素还有表单元素input、button （行内块元素既可以设置宽高又可以和行元素在一行 行内块的转换问题 display （block块、inline行、inline-block行内块、none隐藏 转换后两个块中间存在空隙问题 2 ......
朋友们，就在今天，JDK 21，它终于带着重磅新特性正式发布了！
你好呀，我是歪歪。 朋友们，好消息，好消息，重磅好消息。 从今年年初就一直在喊的具有革命性、未来性、开创新纪元的 JDK 21 按照官方的时间计划表，今天终于是要正式 GA 了： https://openjdk.org/projects/jdk/21/ GA，就是我上面框起来的“General Av ......
2-web前端 音频、视频、表格、表单
1.音频 2.视频 3.有序无序列表 有序列表：ol>li ol内必须是li,li内没限制 无序列表：ul>li ul内必须是li,li内没限制 4.表格 th 字体加粗并居中 示例： 案例：个人简历 5.表单 针对表单整理的相关问题： <!-- action:行动 提交的地址 服务器地址 后台地址 ......
3-web前端 css 网页样式语言，基础语言、盒子模型、浮动
html和css的关系： HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。它负责定义网页的结构和内容。HTML使用各种标签来包含文本、链接、图 片、视频等元素，并可以与如JavaScript等其他技术结合使用，实现网页的动态功能。 CSS ......
1-web前端 基础标签 、图片、超链接
vscode 编译器下载地址: https://code.visualstudio.com/ 1、下载完vscode后安装的三个小插件：chinese（中文）、live serve、会了吧（翻译） 2、每个打开的网络页面都有html编码，可以进行编码查询和编码检查 3、vscode的三种创建编码文件 ......
【原创】ospf入门知识五--1类LSA的内容以及特性
今天直接点菜，内容以截图的形式显示，只为刚接触ospf的童鞋们总结一下平时我们看到最多的ospf中的其中一类LSA，即是一类LSA，也就是我们在路由器中看到的Router link states： ......
前端相关字符串
Unicode是国际标准字符集，它将世界各种语言的每个字符定义一个唯一的编码，以满足跨语言、跨平台的文本信息转换。 Unicode只是一个符号集，它只规定了每个符号的二进制值，但是符号具体如何存储它并没有规定。因此，Unicode出现了多种存储方式，常见的有UTF-8、UTF-16、UTF-32，它 ......
除了Kawaks的几个主要版本和非官方修改版，还有一些基于Kawaks的分支版本。以下是其中一些版本的年代： Nebula/Kawaks (2003年)：这个版本是一个Kawaks的分支版本，加入了一些新的特性和改进，并支持更多类型的街机游戏。 Winkawaks (2004年)：这个版本也是基于Kawaks的分支版本，用于支持更多的游戏ROM和改进性能。
Kawaks游戏模拟器是一款流行的街机游戏模拟器，下面是Kawaks的几个版本及其年代： Kawaks 1.46（2003年）：这是最早的Kawaks版本，支持大量街机游戏，如拳皇系列、侠盗猎车手2、合金弹头等。 Kawaks 1.48（2005年）：这个版本在前一个版本的基础上进行了改进和优化，修 ......
前端0基础笔记（2023最新版黑马前端教程笔记）
标签语法 HTML——超文本标记语言 标记是带尖括号的文本 标签成对出现，中间包裹内容 <>里面放英文字母（标签名） 结束标签比开始标签多/ 拓展： 双标签：成对出现的标签 单标签：只有开始的标签，没有结束标签 < b r >:换行 < h r>:水平线 HTML基本骨架： html:整个网页 he ......
震惊！对话就能生成网页，前端er又药丸了？
前两天，Vercel突然推出了v0.dev，用户通过语言描述就能生成精美UI页面，小伙伴们惊掉了下巴。。 V0是何方神圣 带着期待的心情对官网https://v0.dev一番摸索的探索，了解到v0是通过AI模型技术生成交互页面，当前官网的交互是基于Shadcn UI和Tailwind CSS，最终生 ......
优化算法的类别和特性
计算智能是一类基于自然界启发的优化算法，旨在解决各种复杂问题 这些算法通过模拟自然界中的生物进化、群体行为或其他启发式策略来搜索问题的最优解 一. 人工神经网络（NN） 1.1 人工神经元 1.2 监督学习神经网络 1.3 非监督学习神经网络 1.4 径向基函数网络 1.5 强化学习 1.6 监督学 ......
前端远程调试方案 Chii 的使用经验分享
前端远程调试方案 Chii 的使用经验分享 Chii 是与 weinre 一样的远程调试工具 ，主要是将 web inspector 替换为最新的 chrome devtools frontend 监控列表页面可以看到网站的标题链接，IP，useragent，可以快速定位调试页面，监控页信息完善，支 ......
前端模块化
1.为什么需要模块化 随着前端应用的日益复杂，我们的项目代码已经逐渐膨胀到了不得不花大量时间去管理的程度了。而模块化就是一种最主流的代码组织方式，它通过把复杂的代码按照功能的不同划分为不同的模块单独维护，从而提高开发效率、降低维护成本。模块化可以使你能够更容易地重用代码。你可以创建一个模块来完成一个 ......
前端一些常用的正则表达式
一、校验数字的表达式 1 数字： ^[0-9]$ 2 n位的数字： ^\d{n}$ 3 至少n位的数字： ^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0- ......
若依管理系统-岗位管理前端代码解析
1 vue代码 前端基本采用Element-UI组件。 1.1 界面 1.1.1 查询界面 1.1.1.1 使用el-form组件。 <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="s ......
脱发秘籍：前端Chrome调试技巧汇总
脱发秘籍：前端Chrome调试技巧汇总 Chrome浏览器调试工具的核心功能： 🥷🏻注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签 ......
html前端页面多规格商品sku选择
<style> body { background-color: palegoldenrod; position: relative; } footer { border: 1px solid red; height: 50px; position: fixed; bottom: 0; left: ......
前端设计模式：单例模式（Singleton）
单例模式（Singleton Pattern），也称单体模式，就是全局（或某一作用域范围）唯一实例，大家共享、复用一个实例对象，也可减少内存开销。单例模式应该是最基础、也最常见的设计模式了。 ......
一统天下 flutter - dart: dart 3 新特性（类相关）
> 源码 [https://github.com/webabcd/flutter_demo](https://github.com/webabcd/flutter_demo "flutter_demo") > 作者 [webabcd](http://webabcd.cnblogs.com/ "web ......
一统天下 flutter - dart: dart 3 新特性（元组，解构，switch 的模式匹配）
> 源码 [https://github.com/webabcd/flutter_demo](https://github.com/webabcd/flutter_demo "flutter_demo") > 作者 [webabcd](http://webabcd.cnblogs.com/ "web ......
【前端性能】高性能滚动 scroll 及页面渲染优化
【前端性能】高性能滚动 scroll 及页面渲染优化 最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none ......
ES 2023新特性速解
ES 2023新特性速解 一、新增数组方法 操作数组的方法 Array.prototype.toSorted(compareFn) //返回一个新数组，其中元素按升序排序，而不改变原始数组。 Array.prototype.toReversed() //返回一个新数组，该数组的元素顺序被反转，但不改 ......
2-微信小程序和web前端的差异及模板与配置
上文学会了如何安装微信小程序的安装与注册，及微信小程序的使用，其实微信小程序和web前端也有异曲同工之妙 微信小程序和Web前端存在一些显著的区别和差异，这些差异主要体现在功能、性能、用户体验、开发成本和维护成本等方面。 一、相似点 语言基础：微信小程序和Web开发都使用JavaScript语言进行 ......
浅析微前端沙箱
前言 在大型项目中，微前端是一种常见的优化手段，本文就微前端中沙箱的机制及原理，作一下讲解。 首先什么是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can ......