网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
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)...
Javascript 字典
2022年10月09日
在静态类型的编程语言中，Dictionary（键/值对集合）对象有时会非常有用。虽然JavaScript本身不包含一个叫做 "Dictionary "的类型，但是它包含一个非常灵活的类型 "Object"。由于JavaScript是一种动态类型的语言，所以JavaScript的 "对象 "类型是非常通用的。这种灵活性使得 "对象 "类型的使用方式与静态类型的语言（如C#）相比可能显得有些奇怪。在 ...
Material Design Progress indicators Demo
2022年10月09日
最近在使用 MATERIAL DESIGN，这个框架很好的规范了页面的样式，但是在使用的过程中，一直没有找到 Design Progress 的示例代码。Design Progress 的页面只介绍了 npm 安装方式以及 API，但是没有具体的实例代码。经过寻找，终于在 Material Design 的官方 github 找到了实例代码：github - material-components...