网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
XMLHttpRequest.onreadystatechange 理解
2022年10月09日
只要 readyState 属性发生变化，就会调用处理函数。当请求被发送到服务器时，我们需要执行一些基于响应的任务。说明：XMLHttpRequest.readyState 属性返回一个 XMLHttpRequest 代理当前所处的状态。下面是 readyState 的状态代码：0: 请求未初始化1: 服务器连接已建立2: 请求已接收3: 请求处理中4: 请求已完成，且响应已就绪下面来一段示例代码...
Javascript 元素增加 class 的方法
2022年10月09日
使用原生 Javascript 增加 class 的方法如下：我们呢可以使用 element.classList.add 增加 class，示例如下：const span = document.querySelector("span");const classes = span.classList;classes.add("d");需要移除 class 元素值的时候，可以使用 element.cl...
Javascript 禁用按钮的方法
2022年10月09日
使用原生 Javascript 需要禁用一个按钮，下面是示例：如果是只有一个按钮，我们可以使用下面的代码：document.querySelector('.mdc-button').disabled = true;其中 .mdc-button 是 button 的 class 名称。如果多个按钮使用了相同的 class 名称，我们可以使用下面的方法：let el = document.queryS...
javascript XMLHttpRequest 返回内容的解析
2022年10月08日
最近摈弃 JQuery 这个库，改用原生 Javascript，用惯了 JQuery 使用 原生 Javascript 有些不习惯。在使用 javascript XMLHttpRequest ajax 提交的是 json 数据，后端返回的也是 json 数据，但是前端的 response 却是 string 类型的数据，下面是示例代码：const xhr = new XMLHttpRequest(...
[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
2022年09月22日
今天在使用 webpack-cli 打包的时候，出现了如下错误：[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration[0].module.rule...
css rem 理解
2022年08月04日
最近编写前端组件的时候，由于组件的字体大小使用的是 rem，导致组件在不同模板之间显示的样式不一样。之后详细了解了 rem 单位，总结如下：概括地说，rem 单位的意思是“根元素的字体大小”。概括地说，在排版属性中 em 单位的意思是“父元素的字体大小”。也就是 rem 是从 <html> 获取字体的大小，而 em 是从父元素获取字体的大小。下面是做的一个示例：<!DOCTYPE html><ht...
异步加载 CSS 的最简单方法
2022年06月09日
为了提高页面性能和弹性，我们可以做的最有影响力的事情之一：是以不延迟页面呈现的方式加载 CSS。这是因为默认情况下，浏览器会同步加载外部CSS——在下载和解析 CSS 时停止所有页面渲染——这两者都会导致潜在的延迟。当然，在允许页面开始渲染之前，至少应该加载网站的一部分 CSS，并且要立即将初始 CSS 获取到浏览器，我们建议内联（或 HTTP2 服务器推送）CSS。对于整体数量较少的网站，仅此一...