网站前端

SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。

目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。

tooltip 提示复制效果代码

2023年06月07日

最近需要实现一个在一段文字上实现鼠标放上去选中文字，点击之后复制文字，同时 tooltip 提示“已复制”的效果。下面是实现效果的动态截图：实现效果在线演示：Tootip 选中文字复制效果这是一个具体的实现代码：<!DOCTYPE html><html><head> <style> .tooltip { position: relative; display: inli...

以下是一些优秀的Vue 3开源项目推荐：Vue Router：Vue Router 是 Vue.js 的官方路由器。它提供了一种构建单页应用程序的方式，使得页面之间的导航变得非常简单。GitHub链接：https://github.com/vuejs/vue-routerVuex：Vuex 是 Vue.js 的官方状态管理库。它可以帮助您管理应用程序的状态，并实现组件之间的数据共享。GitHub链...

$(document).ready(function () { }) 转换成成 JavaScript 代码

2023年06月06日

在使用了 JQuery 一段时间之后，还是感觉使用原生 JavaScript 写代码比较好，于是对一些 JQuery 代码进行翻译。在 JQuery 中，经常使用的是：$(document).ready(function () {});这段代码是页面加载完成，执行相关函数。如果变成 JavaScript 代码如下：document.addEventListener("DOMContentLoade...

name 在 form 表单中的作用

2023年06月06日

在 HTML 中，"name" 属性用于在表单（<form>）元素中标识特定的输入字段或选择项。它定义了表单元素的名称，该名称用于在提交表单时标识和传输相应的数据。当用户在表单中输入数据并提交表单时，浏览器会将表单数据封装成一个键值对的形式，其中键是表单元素的名称（使用 name 属性），值是用户输入的数据。这些数据可以通过后端的服务器端脚本、JavaScript 或其他技术来处理和存储。例如，如...

window.location.href 页面无法跳转问题

2023年05月26日

使用 JavaScript window.location.href 的方式实现页面跳转，但是内容成功返回，页面没有跳转。下面是代码：window.location.href = `${res.url}?content=${res.content}`;上面 res.url 返回的是一个页面地址，而 res.content 返回的是需要传递的参数，包含 html 内容。下面是返回的内容示例：/pay...

Appears in the NgModule.imports of SitesModule, but could not be resolved to an NgModule class.

2023年05月18日

在 Angular 中使用 WYSIWYG 编辑器的时候，在 @NgModule 中导入了 angular-editor 包，代码如下：import { HttpClientModule} from '@angular/common/http'; import { AngularEditorModule } from '@kolkov/angular-editor'; @NgModule({ ...

JavaScript xhr 和 fetch 那个更好

2023年05月17日

在这篇文章中：如何判断用户是否在线，我们通过一个 JavaScript xhr 的方式向服务器发送数据。但是我们也可以使用 JavaScript xhr 的方式发送数据，下面是一个示例代码：// 定义一个函数，用于向服务器发送AJAX请求，检查用户是否在线function checkUserOnline() {// 发送请求 fetch('/check_user_online') .then(re...

如何判断用户是否在线

2023年05月17日

网站判断用户是否在线的方法通常有以下几种：Cookie：网站可以在用户登录后，向其浏览器中设置一个包含用户信息的Cookie。然后，网站可以定期地检查这个Cookie是否存在，从而判断用户是否在线。如果Cookie存在，那么用户就是在线状态。但是，用户可以通过清除浏览器缓存或禁用Cookie来避免被检测到在线状态。Session：网站可以在用户登录后，为其创建一个会话（Session），并将会话I...