网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
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...
MDCDialog 无法关闭问题总结
2023年05月07日
最近在使用 MDCDialog 的样式库，点击打开 Dialog 的代码如下：function deleteNumberAction() { // 获取所有具有类名 "btn" 的元素 var buttons = document.getElementsByClassName("btn"); // 遍历每个按钮并绑定单击事件 for (var i = 0...
Angular HttpClient HttpParams() 设置参数
2023年05月04日
下面是一些删除数据的示例：public deleteFeatureInPlant(featureId: number, plantId: number): Observable<IPCrawlerModel> { return this.http.delete<IPCrawlerModel>(`${this.requestSMSReceiveUrl}/product/features`, {...
如何部署一套ChatGPT项目
2023年04月25日
如果你觉得 ChatGPT 官网注册过于繁琐，可以看看这篇文章。作者在自己的服务器上部署了一套服务，通过调用 ChatGPT-Api 实现。本篇文章将讲解 Api 的调用过程。Api打开官方地址：https://openai.com/api/ 登陆并查看相关 API 文档。如上，对于消息的推送其实只需要调用这一个接口即可实现。调用 JS 伪代码：const response = await axi...
flex-shrink 如何使用？
2023年04月24日
flex-shrink 是一个用于指定 Flex 容器中子元素的收缩比例的 CSS 属性。它定义了当容器空间不足以容纳所有子元素时，子元素如何收缩以适应可用空间的比例，以实现弹性布局。具体来说，flex-shrink 属性可以接受一个非负数值，它表示子元素相对于其他子元素的收缩比例。默认情况下，所有的子元素的 flex-shrink 属性值都为 1，这意味着它们都可以收缩以适应可用空间。举个例子，...
flex-grow 理解与使用
2023年04月24日
flex-grow 是一个用于指定 Flex 容器中子元素的增长系数的 CSS 属性。它定义了子元素在空间分配时如何分配可用空间的比例，以实现弹性布局。具体来说，flex-grow 属性可以接受一个非负数值，它表示子元素相对于其他子元素的增长比例。默认情况下，所有的子元素的 flex-grow 属性值都为 0，这意味着它们都不会增长并填充剩余空间。举个例子，如果容器中有三个子元素，其中两个的 fl...
flex order 理解
2023年04月24日
Flexbox 是一种用于布局的 CSS 技术。Flexbox 可以让我们创建灵活的布局，使得我们可以轻松地在网页上放置元素，并根据需要调整它们的大小和位置。Flexbox 中的 order 属性是用来指定 Flex 子元素的排列顺序的属性，值为一个整数。order 属性的默认值为 0，如果多个子元素都有 order 属性，则 order 属性越小的子元素越先排列。如果两个子元素的 order 属...