网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
JavaScript 异步加载脚本
2023年04月04日
JavaScript 异步加载脚本：var PAYPAL_SCRIPT = 'https://www.paypal.com/sdk/js?client-id=CLIENT_ID'; var script = document.createElement('script'); script.setAttribute('src', PAYPAL_SCRIPT); document.head.ap...
JavaScript 实现 Alert 元素显示3秒钟再隐藏
2023年03月11日
最近需要实现一个显示 3s 钟，然后隐藏的提示。我们可以使用 JavaScript 中的 setTimeout() 函数来实现 Alert 元素显示 3 秒钟再隐藏的效果。以下是一个简单的实现示例：HTML 代码：<div id="myAlert" style="display:none;">这是一个提示框！</div>JavaScript 代码：// 获取 Alert 元素 var myAle...
Angular Component 中的constructor() 作用
2023年03月04日
在 Angular 中，组件是构成应用程序界面的基本构建块之一。每个组件都可以包含一个构造函数（constructor），它是 TypeScript 类的默认构造函数，用于初始化类的实例。组件的构造函数（constructor）可以用来做一些初始化操作，例如：注入服务：可以在构造函数中注入依赖服务（如 HttpClient）来获取数据、调用 API 或执行其他任务。初始化组件状态：可以在构造函数中...
JavaScript 如何获取 data- 值
2023年03月04日
有如下一段代码：<div class="btn-group me-4" id="ticket-reply" data-ticket="1">我们使用 javascript 如何获取data-ticket 的值？要获取一个HTML元素的"data-ticket"属性的值，可以使用JavaScript的getAttribute()方法。具体来说，您可以使用以下代码：var ticketElement ...
项目代码风格统一神器 editorconfig的作用与配置说明
2023年02月14日
团队协作，或者有时候你从 GitHub 或者其他地方拷贝人家的组件插件下来，想修改，发现代码风格不一致，比如自己习惯 2 个空格的缩进，但别人是 4 个空格，或者直接用 tab，这就 emmm 了不是…分享一个神器，只需要命名为 .editorconfig ，保存到自己的项目根目录下，即可让项目下所有文件都统一代码风格，非常棒！官网 https://editorconfig.org用配置：常用配置...
Vue3 父组件向子组件传值
2023年02月08日
父组件的内容如下：<template> <view class="content"> <view class="card-container"> <compress-result :download-video-url="downloadVideoUrl" v-if="complete" :compress-size="compressSize" :original-size="...
<script setup> cannot contain ES module exports.
2023年02月08日
最近在使用 Vue3 编写项目的时候出现了如下错误：<script setup> cannot contain ES module exports. If you are using a previous version of <script setup>, please consult the updated RFC at https://github.com/vuejs/rfcs/pull/2...
页面跳转提示
2023年02月08日
最近需要实现一个需求：如果某个页面（验证）用户10s钟还没有跳转，则 <p class="hint"></p> 的内容变成：网络存在问题（不稳定），请更换网络环境。下面是通过 JavaScript 具体的一个实现示例：if (window.location.pathname === "/verify") { let timer = setTimeout(function() { l...