【让大厂HR心动的程序员简历到底长什么样】
一年一度的秋招又要来了，很多人都开始忙碌准备面试了，那么怎么才能通过第一关，让HR愿意联系你，那么简历就非常重要了！
众所周知，IT行业一直处于蓬勃发展的状态，程序员也一直与高薪群体直接挂钩，这些早已成为不争的事实。而在中国互联网迈向下一个十年的过程中，市场对于程序员的需求也变得更加旺盛。根据《中国程序员薪资和生活现状调查报告》显示，前端的JavaScript和后端java的程序员非常多，这其实也与现在市场的需求吻合——对于前端工程师和java工程师的需求一直是市场的重头戏。
不可否认的是，在用人需求量大的同时，程序员之间的竞争也异常激烈。而一份优秀的简历，往往能让程序员从中脱颖而出，获得更多的面试机会。以前小渡也分享过许多次简历的写法，但还有小伙伴不太清楚，今天小渡就来跟大家仔细聊一聊：简历到底应该怎么写。
一般来说，HR在每份简历上停留的时间不会超过十秒，但有时“只是因为在人群中多看了你一眼”，就会得到一个非常宝贵的机会。那么，如何在这十秒之内点亮**HR的眼睛呢？**
今天和大家详细聊聊！#艾编程前端笔记##前端开发##计算机专业##程序员##前端#
【图1】
女朋友写前端的，一手的 HTML + CSS + JS，
整天跟我吹枕边风说，“编程很简单，你来试试啊！”
我满心欢喜，决定从 Unity 写 C# 代码开始。
初次上手，啥都没干，一个 “hello world”，
愣是抛出 3000 多个 error，
吓得我目瞪口呆，怀疑人生。
【图2】
请问，地球上什么动物跑得最慢？
是树懒吗？是蜗牛吗？
是乌龟吗？还是 Python ？
Python 是写得快，跑得慢的典型代表。
【图3】
四颗星的这个写法，
脑回路得绕到月球再折回来不可。
程序员，何苦为难程序员？
【图4】
这位小哥是一个纯粹的面向“后端”的程序员，
连显示器都是面向后端的！
【图5】
小伙子初来乍到，
十分自信，不知天高地厚。
于是领导立马派了个活儿，
这是一团历史代码，
请慢用！
我是@程序员小助手，关注我，持续更新每日科技趣图。
Happy New Year [撒花][撒花][撒花]
用你熟悉的语言打印出来
有没有让人眼前一亮的的写法？[奸笑][灵光一闪][机智]
#程序员# #Python# #前端#
前端的框架，是不是过度封装了？比如你想写一个 表格的行，下面的图中是一个 常见的 React Js 的写法。但是完全是多此一举。你传统上，可以写一段 HTML+js 来动态获取，或者生产table，但是现在，事情没那么简单，你先定义它 N 个模块，Table 一个，Row 一个。都拆分成多个文件保存独立模块，然后你引入他们，用魔法把他们粘合在一起。然后再运行构建脚本，把你写的 TypeScript，最终编译成为一坨，特别大一坨，你读也不想读的 JS 代码。最后把这坨，很大一坨，传到服务器上，名为部署。
【前端教学过程中对ECharts的深度讲解】
如今数据可视化已经成为市场上较为普遍的应用，数据大屏类的项目比比皆是。这就要求前端教师顺应市场需要，为学员深度讲解数据可视化方面的课程，该门课程的建议授课时间为15天左右，最后带领学员制作一个数据大屏的综合案例。
我推荐市场上最为常用的Apache ECharts 5。该项目支持的图标类型较多，对图表的配置功能较为灵活，允许开发人员自定义图表的大部分外观，同时该项目对浏览器的兼容性也比较好，几乎支持市面上所有的浏览器。
正是由于Apache ECharts 5的配置项较多，所以许多教师感觉该门课程难以讲解，学员无法记住大量的配置项含义以及配置方法，即便是教师也很难完全掌握。这就需要讲解前端的教师探索这类课程的传授方法，研究教学过程中可以让学员留下深刻印象的授课模式。
1、只有不断的书写代码，才能反复的记住那些难以记忆的知识。在整个前端培训过程中，在不同的教学阶段都应该有图表类应用的影子，每个阶段实现的大案例都应该加上图表类需求，让学生有尽可能多的机会接触图表。
2、遇到复杂的图表样式，要让学员通过自行查阅官网来找到改变样式的配置项，并将其记录在笔记本中。这样不仅可以增加阅读官网的机会，也可以养成笔记积累的好习惯。
3、Apache ECharts 5的配置数据中，JSON数据的第一层配置项被称为图表的“组件”。这些组件要让学员务必记住。这些组件归纳了配置项所属的分类，学员也能够通过这些组件包含的配置项理解整个ECharts项目的设计逻辑。这些必须实记的组件包括：
title：标题组件
legend：图例组件
xAxis：X轴组件
yAxis：Y轴组件
tooltip：工具提示组件
toolbox：工具箱组件
series：数据系列组件
grid：网格组件
color：颜色组件
上述九个组件简单易记，在教学过程中要反复不断的让学生对上述组件得到感官上的刺激，快速记住它们。
教学并不是把自己会的交给学生，更不是把自己刚刚学会的交给学生，而是把知识涉及到的逻辑和工作中常用的方法交给学生。授人予鱼不如授人予渔，在基层教学工作中不断的探索教学方法和授课模式，应该是教师一生中最常规的工作。
程序员生涯写过最大的BUG
不是我写的，是我见过的。
登录功能，把用户表的所有用户信息整个传到前端，for循环遍历核对有没有正确的账号密码。。。。。
测试环境就几十个用户数据跑的还挺快。。。。
还好叫我给拦住了，没给上生产。
这写法直接震惊我一百年。
前端每日干货
Jest里的mock如何使用？
mock用来做数据请求的替换，前端对接口API的请求。
jest中有三个与Mock函数相关的API，它们是jest.fn，jest.spyOn，jest.mock。
这里主要说一下jest.mock，关于它如何在实际项目中应用。
实例讲一下
来看，有这么一个请求需要做单元测试
// 文件名：demo.js
export const fetchData = () => {
return axios.get('/').then(res => res.data );
}
这里假如接口返回123。如何写单元测试？
思路一，对axios进行拦截，这样做
// 文件名：demo.test.js
import Axios from 'axios';
jest.mock('axios');
然后，在通过Jest提供的方法mockResolvedValue返回假数据
完整代码这样写：
import { fetchData } from './demo';
test('fetchData测试', () => {
Axios.get.mockResolvedValue({
data: "(function(){return '123'})()",
})
return fetchData().then(data => {
expect(eval(data)).toEqual('123');
})
})
这样就OK了。不要着急，还有更好的写法。
思路二，对数据进行模拟
在测试文件平级目录新建一个目录__mocks__，在里面新建一个测试文件：demo.js。
这个demo.js里的内容是你要模拟的方法，所以我们这样写：
// 文件名：demo.js
export const fetchData = () => {
return new Promise((resolved, reject) => {
resolved("(function(){return '123'})()");
})
}
然后，你就可以通过调用jest.mock来告诉jest，当调用fetchData时来__mocks__目录的demo.js里先找有没有，有就用这个。
详细测试代码像下面这样：
// 文件名：demo.test.js
jest.mock('./demo');
import { fetchData } from './demo';
test('fetchData 测试', () => {
return fetchData().then(data => {
expect(eval(data)).toEqual('123');
})
})
当然，你也可以通过配置来减少写jest.mock。在jest.config.js里有一个属性：automock，默认是false，改成true就行， 这样你就不用再在测试代码中调用jest.mock来告诉JEST了。
最后，有一种情况，是我们需要考虑的。
那就是在demo.js中可能不是所有的方法都需要mock的。像下面这种
// 文件名：demo.js
export const getNumber = () => {
return 123;
}
getNumber就是不需要mock的方法。对于不需要mock的方法，jest也提供了方法调用，requireActual，完整代码可以这样写：
// 文件名：demo.test.js
const { getNumber } = jest.requireActual('./demo');
test('getNumber 测试', () => {
expect(getNumber()).toEqual(123);
})
好了，关于jest.mock先说到这里了，希望大家每次都能学到东西。
包子铺的笔记本
今天要分享的词是“原子笔”，猜猜我是谁
“原子笔”就是我们常用的“圆珠笔”，用笔或笔芯前端的球珠滚动带出书写介质的笔
