一键难忘的博客

前端工程师是数字化时代的核心角色之一，他们在网页设计、交互实现、性能优化等方面发挥着重要的作用。在面试前端工程师时，需要考察其知识技能、实操能力、解决问题能力以及沟通能力等多方面的素质。通过充分的准备、深入理解问题和良好的沟通表达，你可以更好地展示自己的能力和潜力，从而在面试中获得成功。

Rust是一门备受关注的系统级编程语言，因其出色的内存安全性、高性能和并发性能而备受赞誉。对于那些希望学习和掌握Rust编程语言的人来说，练手项目是一个不可或缺的环节。通过实际动手完成项目，你可以加深对Rust语言特性和最佳实践的理解，提升自己的编程能力。在本文中，我们将推荐一些适合练手的项目，这些项目既能充分利用Rust的特点，又适合不同难度层次的学习者。它的静态类型、内存安全、并发性等特点使其在系统编程、嵌入式系统、网络编程等领域有着广泛的应用。

本篇指南详细介绍了如何利用阿里云的云效平台部署企业门户网站，涵盖了从准备工作到具体操作的全过程，以下是我的总结与心得。在阿里云平台上使用云效进行企业门户网站的部署是一种高效、可靠的选择。本文详细讲解了整个部署过程，包括准备工作、技术架构概述、部署方式选择以及详细步骤。从注册阿里云账号到配置云效流水线，再到部署到阿里云ECS，每个环节都有清晰的指导和操作示例。特别是一键部署的介绍，使得初学者和快速启动项目的开发团队可以迅速上手。

在前端开发中，性能优化是一个关键问题，它直接影响到用户体验。随着应用程序和网站功能的增多，性能问题也逐渐显现出来。通过代码审查（Code Review），我们可以有效地发现潜在的性能问题并加以修复，避免在生产环境中出现性能瓶颈。本文将分享一些在前端开发中通过代码审查发现性能问题的实用案例，并附上代码实例，帮助开发者提高代码质量和性能。

首先，我们定义一个Taskid: u32,Task {id,Task结构体包含任务的ID、描述和是否完成的状态。Rust是一门独特且充满挑战的编程语言。通过深入学习Rust，我们不仅可以掌握系统编程的核心知识，还能在高性能应用开发中得心应手。从基础的内存安全管理到高级的并发编程，从简单的工具开发到复杂的Web应用，Rust为开发者提供了丰富的可能性。在这篇文章中，我分享了从零开始学习Rust的过程，探讨了Rust的独特特性和学习心得，并通过实际项目展示了Rust的应用。

微前端（Micro Frontend）是借鉴微服务（Microservices）架构的理念，将一个大型前端应用拆分成多个较小的、独立的、自治的模块或应用。每个模块（或子应用）都是一个完整的、可独立部署的前端应用，拥有自己的前端技术栈、生命周期和开发流程。在微前端架构下，每个子应用都可以独立开发、部署和维护。多个子应用可以通过一个统一的容器（或框架）进行集成和渲染，从而在浏览器中共同展示，提供无缝的用户体验。微前端（Micro Frontend）是一种将大型前端应用拆分为多个独立、自治的子应用的架构模式。

微前端架构的基本思想是将前端应用拆分成多个小的、独立的、可部署的应用，每个小应用负责处理应用的一部分功能，最终通过容器应用（host）将它们聚合在一起。这种方式使得各个微前端应用可以使用不同的技术栈、开发方式和部署策略，独立开发、独立部署，并且每个微前端应用可以有自己的生命周期。微前端架构作为一种现代化的前端开发模式，能够有效地解决传统单体应用在规模扩展、开发效率、团队协作等方面的挑战。

在现代电子商务平台中，复杂的优惠政策和多样的折扣类型（如满减、打折、折上折等）为用户提供了丰富的选择，但也增加了用户选择的复杂度。本文将探讨如何通过前端算法实现购物系统中的优惠折扣计算，帮助用户在结算时自动选择最优折扣组合，以提升用户体验和购物满意度。在购物系统中，优惠策略通常分为以下几类：通常，各类优惠策略组合使用时可能出现不同的计算方式，导致最终优惠金额差异较大。因此，我们需要一个智能算法来筛选出最优的折扣方案，确保用户获得最大优惠。我们的目标是通过前端算法对多种优惠组合进行计算并推荐最优方案。推荐算法

计时器工具是前端开发中不可或缺的工具，不论是在控制时间、动画执行，还是在异步操作的超时控制、数据轮询等场景下，计时器的应用都非常广泛。通过合理的设计与优化，计时器能够帮助开发者高效地完成各类复杂的时间控制任务。

在前端开发中的异步处理上有着极大的优势，它不仅提升了代码的可读性和简洁性，还能帮助开发者更加轻松地进行错误处理、任务并发和异步流程的控制。与传统的回调和Promise方式相比，是现代前端开发的标准工具。在本文中，我们详细探讨了的基本概念、使用场景和进阶技巧，并通过大量的代码示例展示了它的强大功能。掌握，不仅能让你的前端代码更加优雅，还能大大减少调试和维护的成本。在实际项目中，我们应合理运用结合并发控制、错误处理和延时等机制，进一步优化代码的性能和稳定性。

随着现代Web应用的复杂性不断增加，前端代码的性能优化变得越来越重要。一个加载缓慢或响应迟钝的网页会直接影响用户体验，甚至导致用户流失。在这篇文章中，我们将深入探讨前端代码性能优化的关键方法，并分享几个常见的前端性能案例，帮助你提升网页的加载和响应速度。

项目背景：炫酷烟花动态效果是一种吸引用户注意力、提升用户体验的前端页面交互特效。在网页设计和应用开发中，为了使页面更生动有趣，以及在特殊场合（如节日、庆典等）增添节日氛围，烟花效果常被广泛应用。本项目旨在创建一个动态炫酷的烟花效果，以吸引用户，提升用户体验。在现代网络应用和网页设计中，用户追求更为生动、富有创意和互动性的体验。通过引入烟花效果，可以为用户提供更加愉悦的浏览体验，使页面更具吸引力。这种烟花效果不仅可以在各类网页上应用，还可以在移动端应用、社交媒体平台等场景中得到应用，为用户带来更加丰富的互动

烟花仿真是一项具有创意和娱乐性质的项目，旨在通过H5技术实现炫酷的烟花效果，并结合背景音乐营造出一个生动、愉悦的视听体验。该项目的目标是通过Web浏览器即时展现精美的烟花效果，使用户能够在任何设备上欣赏到令人惊叹的视觉和听觉盛宴。项目特点：H5技术实现： 通过HTML5、CSS3和JavaScript等前端技术，实现烟花的精准控制和呈现，使其能够在各种设备上流畅运行。烟花仿真效果： 利用粒子系统等技术，实现真实、绚丽、炫目的烟花效果，包括不同形状、颜色和爆炸效果，以模拟真实烟花的多样性。背景音乐配合： 整合

随着科技的进步和互联网的普及，人们对于跨年庆祝的方式也在不断变化。传统的烟花燃放虽然美丽，但存在环境污染、安全隐患等问题。为了满足人们对于跨年庆祝的需求，同时避免传统烟花的弊端，我们开发了一个基于Html5的跨年烟花模拟项目。这个项目的目标是利用Html5的Canvas技术，模拟出逼真的烟花效果，让用户在网页上欣赏到绚丽多彩的烟花盛宴。同时，通过交互式设计，让用户能够与烟花互动，增加趣味性。项目开发过程中，我们面临的主要挑战是如何在有限的浏览器环境中，实现逼真的烟花效果。为此，我们采用了粒子系统、渐变效果、

家，永远是最温暖的港湾。在新年的钟声中，让我们向远方的亲人送去最深的思念，向身边的亲人表达最真挚的感激。时光荏苒，岁月如梭，但在新的一年里，我们有机会重新定义自己，修复过去的遗憾，追逐新的目标。愿你在新的一年里不仅保持对自己的自信，更能够放下曾经的包袱，迎接全新的可能。在这个充满希望与憧憬的新年之际，让我们携手同行，用笑容点亮生活的色彩，用热情点燃未来的火花。愿你在新的一年里实现更多的梦想，勇敢迎接生活的挑战，书写属于自己的精彩篇章。在未来的日子里，愿你发现更多的机会，创造更多的价值，成为更好的自己。

这篇文章介绍了如何基于Vercel和Hexo零成本搭建博客网站的方法。以下是文章的总结：在数字时代，拥有个人博客网站是展示个人才华、分享生活和交流思想的重要平台。然而，许多人觉得搭建博客网站需要复杂的编程知识和昂贵的费用。本文通过介绍使用Vercel和Hexo的方法，指导读者轻松实现零成本搭建博客网站的目标。Vercel是一款强大的静态网站托管平台，而Hexo是一款流行的开源博客框架。通过结合两者的优势，读者可以创建外观精美、功能丰富的博客网站。

高级圣诞树代码实现合集-保姆级教程【前端三件套实现—0基础直接运行】圣诞节快乐，愿你的心中充满爱和喜悦，愿你的世界充满温暖和幸福。在这个美好的节日里，让我们一起庆祝，一起分享快乐，一起感受爱的力量。在这个圣诞节，让我们感谢那些给予我们爱和关怀的人，感谢那些陪伴我们度过快乐时光的人。让我们也感谢那些让我们感到快乐和幸福的事物，比如美食、音乐、电影和朋友。

最接近原生APP体验的高性能前端框架。MUI是一套前端框架，由DCLOUD公司研发而成，提供大量H5和js语言组成的组件，大大提高了开发效率，可以用于开发web端应用、web APP、混合开发等应用。利用MUI框架，用户在使用APP时可以得到接近原生APP的操作体验。在探索移动应用开发的过程中，我们深刻体会到性能和用户体验对于应用成功的重要性。MUI框架在这方面提供了一种令人满意的解决方案，有效地弥补了HTML5开发中常见的痛点，为开发者提供了一个高性能、接近原生App体验的前端框架。

1.setup 中一般都是返回一个对象，对象中的属性和方法都可以在 html 模版中直接使用2.setup 是在 before Create 生命周期回调之前就执行了， 而且就执行一次3.由此可以推断出：setup 在执行的时候， 当前的组件还没有创建出来， 也就意味着：组件实例对象 this 根本就不能用this 是 undefined， 说明， 就不能通过 this 再去调用 data/computed/methods 中的相关内容了在 Vue 3 中，使用setup。

本次练习了利用optionAPI 与 compositionAPI 分别实现 todoList功能。收获很大，极大的巩固了子父组件传值的使用。

class="{ active: currentIndex === index }：主要作用于文字选中下标红色，如果currentIndex（当前页面下标）和index （循环下标）相同时，返回Ture，class标签新加active，下面css代码有所体现。测试没有问题，写的时候吧内容放到了下面，不过功能已经实现，这个并不重要，介意的直接把app.vue里的内容和导航栏互换一下位置，然后把导航栏进行一个绝对定位即可完成。methods：方法，这里写自定义函数，目的，获取子组件传参，进行改变页面内容。

先来实现一个简单的点击按钮，数字增加的案例：需求：页面打开后可以直接看到一个数据，点击按钮后，该数据可以发生变化。

尽管框架的某些子项目可能仍需要进一步的开发才能达到稳定状态（特别是 devtools 中的路由和 Vuex 集成），不过现在仍然是开始使用 Vue 3 启动新项目的合适时机。此框架新的主要版本提供了更好的性能、更小的捆绑包体积、更好的 TypeScript 集成、用于处理大规模用例的新 API，并为框架未来的长期迭代奠定了坚实的基础。这里的挂载是在，public目录下的index.html里的id为app的盒子里进行渲染。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

flex 是 flexible Box 的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。align-content 适应于换行（多行）的情况下（单行情况下无效），可以设置上对齐、下对齐、居中、拉伸以及平均分配剩余空间等属性值。注意：主轴和侧轴是会变化的，就看 flex-direction 设置谁为主轴，剩下的就是侧轴。而我们的子元素是跟着主轴来排列的。设置子项在侧轴上的排列方式并且只能用于子项出现换行的情况（多行），在单行下是没有效果的。

一，前言为了最近的作业忙了许久，今天终于把最近的大作业都搞定了，抽空来学习一下，微信小程序的开发。从今天开始，记录一下，微信小程序从0到1的开发过程。二，准备目标是微信小程序，我们先来到官网，点击下图，查看微信小程序的开发文档。点击工具—》下载—》下载稳定版本即可，注意下载对应系统的即可。安装完成，登录账号，如下图：三，目录介绍基本目录如下：pages：页面，用来存放页面的。下有二级目录—index首页文件夹，存放首页样式。logs存放日志文件夹。utils：工具，自定义的工

今天看到某网站的时间特别的丑陋，所以就诞生了写一个看时间的炫酷的时钟前端页面。特点就是炫酷，特效好，个人以心情愉快的感觉。对于时间的变化，我打算使用翻页的特效来完成，色系的话采用黑色以主题，给人一种神秘的感觉。而且要获取到本地的时间的数据来实时更新它的变化。...

这几天博主这的疫情比较严重，小区都封了，在家闲来无事，作为一个后端程序员的我，前端技术菜的一批，但是最近有写一个个人技术，博客情况和项目介绍的前端展示特效，让别人可以快速的了解我，对于前端知识之前也接触过一些基础的技术栈，勇敢的我决定还是要尝试一下，对于按钮展示框，我自己从0到1的写了一个，用到的技术就是基础的html+css+JavaScript+jqurey。代码如下，先设计一个大的盒子，为了好看，我们可以设计一个半角过渡：...

现在大多数的网站都有每日签到功能，坚持签到会给相应的奖励，然而我们每天都签到是非常的不容易，难免会出现忘记签到的情况，所以云函数就产生了。像现在大厂给个人用户提供的免费额度已经足够我们使用了。我们以某网站为例，配置过程如下。我们需要先获取某网站的cookie，推荐使用谷歌游览器。我们打开该网站，保证现在处于登录状态。我们随机的发起一个请求，抓包如下：我们抓到了现在的cookie先复制下来备用。我们访问该网站的签到页面，筛选：check查看详细，点击payload，显示uuid、aid和_sig

我们已经对移动端的APP非原生开发了然于胸了，我们下面来进军一下小程序领域。众所周知，微信小程序有它自己的一套语法，但是丝毫不影响我们的uni-app对其的兼容。大体介绍一下：uni-app是统一的意思，它的特点非常的强大，使用Vue.js开发所有前端应用的框架可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。我们创建完一个demo之后，使用uni-app初始化模板，会生成一个大文件，...

为了最近的作业忙了许久，今天终于把最近的大作业都搞定了，抽空来学习一下，微信小程序的开发。从今天开始，记录一下，微信小程序从0到1的开发过程。目标是微信小程序，我们先来到官网，点击下图，查看微信小程序的开发文档。点击工具—》下载—》下载稳定版本即可，注意下载对应系统的即可。安装完成，登录账号，如下图：基本目录如下：pages：页面，用来存放页面的。下有二级目录—index首页文件夹，存放首页样式。logs存放日志文件夹。utils：工具，自定义的工具集合。如下：提供了一个时间格式化的函

上篇写了gowork.fit的顶部导航栏，这篇来记录一下手写多层轮转图。第一次手写轮转图哈，之前都是用框架，这次纯手写了一个不优雅的转图。

最近有一个需求：我采用了纯原生前端，没有使用框架，从0到1达到了百分百原创代码，作为主后端开发的我，前端开发技术非常菜，本次首次造轮子，代码非常的丑陋不具美感，狗头保命，后期将本网站以前后端分离开发。因为手里的项目还比较多，这个网站做为一个长期开发任务。以达到巩固基础的作用。

文章收录于：笔记专栏文章目录一，前言二，样式介绍三，研究过程：3.1，如何理解缺点一，前言现在我们拿到一个答题页面，但是这个也是是js编写的，对于我这种小白来说，看起来很懵逼。我在昨天晚上研究了一会，研究通了好多，现在记录一下相关的概念以及js的相关方法的使用。二，样式介绍就长这样哈，可以答题，选题，跳到下一题的功能，看起来比较简单哈，但是这个代码是纯JavaScript编写的。三，研究过程：function TiMu()上文代码解释：在html文档里调用TIMU方法。for (v

2022.3.22 web课笔记web课程表格学习笔记我们可以使用表格整齐的显示到用户页面。结构化。整齐，规范，条理性。初始表格<table border="1px"> <tr> <td>1,1</td> <td>1,2</td> <td>1,3</td> </tr> &l

一，需求有一个页面，里面显示所有的作品，作品状态分为：已评分/未评分。现需要在页面上面增加一个按钮：全部，已评分，为评分。每点一个不同的按钮怎么就要显示不同的内容。二，猜想使用一个js来控制不同的显示内容。每一个div设置一个不同的id。当点击show1()显示div《id=1》的内容，如此，设置三个即可。设置一个列表，写下如下内容：<td> <a href="#" type="radio" name="sex" onclick="show1()">

一，子模板及其模板继承模板继承个关系和父子一样，子可以继承父的所有内容，模板继承可以将父模板的内容继承过来有，换汤不换药，同时子模块也可以在拥有父模块的基础上添加新的内容。二，例子{% extends "_layout.html" %}在一个html的开头我们发现，有上面这样一行代码。而我们观察发现，这个html文件和普通的文件不一样。这个html文件没有《head》和《body》，也没有开头的声明，下面的内容直接拒收body里的内容，不符合常理。三，extends标签模板：// 导入头

一，jQery安装本地下载或者采用接口。下载链接：https://jquery.com/二，jQery选择器以及层级选择器基础元素选择器：$("p") 选取 <p> 元素。$("p.intro") 选取所有 class="intro" 的 <p> 元素。$("p#demo") 选取所有 id="demo" 的 <p> 元素。基础属性选择器$("[href]") 选取所有带有 href 属性的元素。$("[href='#']") 选取所有带有

前端学习笔记：一，html:<meta>标签meta charset 规定 HTML 文档的字符编码：<head><meta charset="UTF-8"></head>meta 的属性有两个，name和http-equiv。http-equiv<meta http-equiv="Expires" content="0">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；

boby定义<body> 标签定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。<!DOCTYPE html><html><head> <title>文档的标题</title></head><body> 文档的内容......</body></html>br定义<br>标签用于插入一个简单的

注释定义<!--...--> 用来在源文档中插入注释。注释不会在浏览器中显示。实例HTML 中注释:添加注释文字:<!-- 在此处写注释 -->也可以将一句或者一段代码注释:<!-- 此刻不显示此段落：<p>这是一个被注释了的段落。</p>-->条件注释:<!--[if IE 8]> .... some HTML here ....<![endif]-->注意： 条件注释定义只针对