网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
JavaScript 根据浏览器不同语言跳转到相应语言页面
2022年12月19日
我们如果需要实现不同语言跳转到不同页面，在 JavaScript 我们可以使用 navigator.language 或者 navigator.userLanguage 来获取浏览器的语言。这些属性返回的是浏览器设置的语言代码，比如 "en-US" 表示英语，"zh-CN" 表示简体中文。我们可以使用以下代码来判断浏览器的语言并做出相应的跳转：if (navigator.language === ...
JavaScript XMLHttpRequest fetch 发送 HTTP 请求示例
2022年12月19日
有几种方法可以在 JavaScript 中进行 HTTP 请求。最常见的方法之一是使用 XMLHttpRequest 对象。这个对象在所有的现代浏览器中都被支持，并允许你从 JavaScript 中发送 HTTP 请求。下面是一个如何使用 XMLHttpRequest 对象进行 GET 请求的例子：// Create a new XMLHttpRequest object var xhr = n...
Javascript HTTP 请求
2022年12月19日
有几种方法可以在 JavaScript 中进行 HTTP 请求。一种方法是使用 XMLHttpRequest 对象，它在所有的现代浏览器中都可用。下面是一个使用 XMLHttpRequest 进行 GET 请求以获取一个 JSON 文件的例子：// Create a new XMLHttpRequest object var xhr = new XMLHttpRequest(); // S...
JavaScript 多语言示例
2022年10月14日
最近项目是一个中英文网站，前端的一些表单判断以及显示使用的是 JavaScript，在多语言环境中处理起来很麻烦，要不是一个语言版本的页面使用一个不同语言版本的 js 文件，但是 webpack 配置起来也很麻烦。所以就需要多语言环境，下面是一个多语言的 JavaScript 经过项目实战，比较不错：let lang_type = 2; // 获取语言类型，可以是 0,1,2 // 储存多语...
setInterval() 理解
2022年10月12日
setInterval() 用于定时执行一个任务，其语法如下：var intervalID = setInterval(func, [delay, arg1, arg2, ...]); var intervalID = setInterval(function[, delay]); var intervalID = setInterval(code, [delay]); func要重复调用的...
JavaScript fetch 理解
2022年10月10日
下面是 fetch() 的解释：全局的 fetch() 方法用于发起获取资源的请求。它返回一个 promise，这个 promise 会在请求响应后被 resolve，并传回 Response 对象。下面是一个示例代码：const request = new Request("/progress/" + thread);fetch(request, fetchInit).then(function...
原生 JavaScript 增加内联 css 样式
2022年10月10日
在这篇文章中介绍了：Javascript 元素增加 class 的方法，这个方法主要是加载 css 样式。如果我们需要增加某个元素的内联样式，我们可以这样做：我们可以使用 querySelectorAll 选择元素，之后循环这些元素：function changeOpacity(className) { var elems = document.querySelectorAll(clas...
XMLHttpRequest 进度理解
2022年10月10日
XMLHttpRequest 提供了各种在请求被处理期间发生的事件以供监听。这包括定期进度通知、错误通知，等等。我们用的最多的是 progress 和 load 两种事件。progress 事件会在请求接收到数据的时候被周期性触发。load 事件会在 XMLHttpRequest 请求完成触发。下面是示例：xhr.addEventListener("load", transferComplete)...