2022 年的年终总结比 2021 年来的稍晚一些，最主要的原因当然不是因为我的拖延症，而是真真正正的是因为身体原因，给自己找了一个很好的借口。变身小阳人的那几天真的是一心只想在床上躺着，其余的都是 whatever。但是身体恢复了还是得柴米油盐酱醋茶的过日子呀，打工人又满血复活的开始奋斗了~

2022年转眼过去了一半，又到了年中总结的时候。上半年可以概括为在关注公司裁员、等待发年终奖、准备专业晋升、等待聊涨薪、迁移项目、疫情导致在家办公中一点点渡过的。接下来就一一来聊一下吧~

虽然2022年已经过去了三分之一，但是也不妨碍我们来聊一聊，在今年CSS都会新增哪些新特性。其中有些特性已经在主流浏览器中得到了支持，有些还在实验性阶段，但也会随着时间的推移慢慢而来。

距离上一篇年终总结的文章已经过了3个多月了，在年终总结中写到了利用脚本自动薅羊毛的话题，评论里有不少小伙伴比较感兴趣。so，今天就来给大家详细介绍一下如何让技术创造价值（得给薅羊毛上升一个层次）。本文没有什么技术难点，即使技术小白也能轻松上手。

看到标题4个标签的形容词，女，30+，已婚，未育，层层递进，焦虑感是不是油然而生并且越来越大。当这四个形容词组合在一起的时候，不知道猎头和其他公司的 HR 是怎么鼓起勇气给我打的电话，一定是因为我的简历太优秀了吧（快闭嘴，別把实话说出来）。减少接听这些电话的一个方法就是告诉他们，我打算要娃，果然清净了许...

作为一个前端程序员，每天上班的第一件事就是打开电脑，不由自主的点开chrome浏览器，或是摸会儿鱼或是立马进入工作状态。接下来浏览器窗口就会陪伴着你度过一天的时光，正常到七八点钟，晚点就九十点钟，再晚点就陪你跨过一天，时刻关注着你的工作。作为一个忠诚陪伴你的伙伴，你扪心自问，你有认真的了解过它是如何工...

作为一个前端同学，不管你是否知道AST是个什么东西，但一点也不影响你在工作中使用它。我们平时项目中用到的less、babel、eslint、代码压缩以及JavaScript代码能够运行在浏览器中等，都是建立在AST的基础上。在了解了AST相关知识后，你也可以自己折腾点东西出来，给单调无聊的工作找点乐趣。

接口和类型别名非常相似，在大多情况下二者可以互换。在写TS的时候，想必大家都问过自己这个问题，我到底应该用哪个呢？希望看完本文会给你一个答案。知道什么时候应该用哪个，首先应该了解二者之间的相同点和不同点，再做出选择。

每次克隆下别人的代码后，执行的第一步就是 npm install 安装依赖包，安装成功后所有的包都会放在项目的 node_modules 文件夹下，也会自动生成 package-lock.json文件。有没有好奇过 node_modules 下的文件都是啥？package-lock.json 文件的作用是啥？

简单的管理后台基本上就是数据的增删改查。主要就是 列表 + form 表单。每个页面的逻辑基本上都相同。不同的地方就是每个页面需要调用的具体 API 及参数。

缓存是浏览器的一种机制，可以把请求过的web资源（html、css、js、图片等）拷贝一份副本存储在浏览器中，并根据请求配置选择是否使用该副本。

不论是寒冬还是暖冬，找工作之前都需要做好充足的准备，面试的时候才能做到游刃有余。此文是把我最近找工作准备的以及笔试面试中涉及到的手写题做一个总结。给自己，也给需要的同学。

不论是寒冬还是暖冬，找工作之前都需要做好充足的准备，面试的时候才能做到游刃有余。此文是把我最近找工作准备的以及笔试面试中涉及到的手写题做一个总结。给自己，也给需要的同学。手写题是比较好准备的一个环节，大部分公司考察的题也就那么多，大都不会超出范围。

不论是寒冬还是暖冬，找工作之前都需要做好充足的准备，面试的时候才能做到游刃有余。此文是把我最近找工作准备的以及笔试面试中涉及到的手写题做一个总结。给自己，也给需要的同学。

不论是寒冬还是暖冬，找工作之前都需要做好充足的准备，面试的时候才能做到游刃有余。此文是把我最近找工作准备的以及笔试面试中涉及到的手写题做一个总结。给自己，也给需要的同学。手写题是比较好准备的一个环节，大部分公司考察的题也就那么多，大都不会超出范围。

跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。

ESLint 是一个开源的 JavaScript 代码检查工具，由 Nicholas C. Zakas 于2013年6月创建。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说编译程序会内置检查工具。

HTTP/2协议在2015年就已经正式被发表了，但是现在有许多网站还是采用的http/1.1协议，都9102年了，确认不升级一下吗？想必该有人问了，为啥要升级，http/1.1用的好好的，http/2有啥优势？

Sentry 是一个开源的错误追踪工具，可以帮助开发人员实时监控和修复系统中的错误。其专注于错误监控以及提取一切事后处理所需的信息;支持几乎所有主流开发语言(JS/Java/Python/php)和平台, 并提供了web来展示输出错误。sentry官网：[链接]

wepy框架借鉴了vue的语法风格和功能特性，但是在使用过程中还是发现与vue有很大的不同。现在总结一下自己开发中遇到的问题，共大家参考一下。如果第一次用wepy开发，强烈建议仔细阅读一下这篇文章，一定对你有帮助，会帮你节约很多宝贵的时间。开发过程中也建议大家时不时的回来阅读一次，巩固加强记忆。

在用户无法查看图像的情况下，alt属性会为图像提供备用信息。 alt属性应该用于描述任何图像（除了仅用于装饰目的的图像，在这种情况下它应该留空）

能看到此文章的人，应该大部分都已经使用过vuex了，想更深一步了解vuex的内部实现原理。所以简介就少介绍一点。官网介绍说Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。数据流的状态非常清晰，按照 组件dispatch ...

在这篇文章中，我们将使用TensorFlow.js，D3.js和网络的力量来可视化训练模型的过程，以预测棒球数据中的坏球（蓝色区域）和好球（橙色区域）。在整个训练过程中，我们将一步一步的将模型预测出的好球区域动态的展示出来。您可以通过访问Observable notebook网站在浏览器中运行此模型。

最近在研究微信小程序的云开发功能。云开发最大的好处就是不需要前端搭建服务器，可以使用云端能力，从零开始写出来一个能上线的微信小程序，避免了买服务器的开销，对于个人来尝试练手微信小程序从前端到后台的开发，还是一个不错的选择。可以做到一天就能上线一个微信小程序。

最近公司项目不是很忙，有时间研究研究微信小程序。参考了目前市场上各类答题类的app、小程序等等，做了一款自己的微信答题小程序，包括前端和后端，后端是用node做的。现在已经上线了，名字叫【你问我猜猜猜】，大家感兴趣的话可以去试玩一下。

Charles是一款基于java开发的跨平台抓包软件，可在Mac、Linux、Windows下使用，可以抓取电脑和手机上的http、https请求，是前端开发的一个利器。Charles官网地址：[链接]，可在里面下载最新的版本。由于这款软件只有30天的免费使用期限，除非你付费。但是如果想免费使用的话也是可以的，只是每次使用不能超过30分钟，且...

随着现在vue和react的流行，许多网站都做成了SPA，确实提升了用户体验，但SPA也有两个弱点，就是SEO和首屏渲染速度。为了解决单页应用的痛点，基于vue和react的服务端渲染应运而生。由于公司的框架采用的是vue，所以就简单的研究了一下基于vue的服务端渲染框架——NUXT。在vue的官网有关于服务端渲染的详细介绍，而NUXT集...

最近电话面试了几个候选人，由于都是外包公司推荐过来的简历，所以面试者的水平参差不齐。如何既能不浪费自己的时间，又能从中挑选出符合公司期望的候选人，这就需要一些要点。

公司年初开始从jquery转型到vue开发，思想上从jquery的操作DOM到vue的操作数据，刚开始还不太习惯，但用了一段时间发现确实比较方便。在刚开始用vue的时候，也踩了一些坑，现在分享出来，供刚入门上手开发vue的朋友参考，都是一些刚接触vue开发遇到的比较常见的问题，vue老手可越过。