网站前端
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...
vue3 优秀开源项目推荐
2023年06月06日
以下是一些优秀的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...