当然就是网页计算器啦，当然这仅仅只是对于JavaScript小白来说而已。

GIF图【手机用户】点我查看

静态图

为什么说是小白很容易学会的JavaScript项目设计呢？因为这个是我们用的比较多的，从逻辑上来说也是很简单的。整体0-9的button键、 + - * / = button 、 .（小数点） AC CEbutton键以及一个显示JList的文本档案。整体的设计就是这样，再加上布局，美化就行了。至于他的逻辑，就是运算逻辑，你把那些运算符知道了，每个button键上绑定相应的事件，打个比方，当你按个零键时候，上面那个显示框就显示出对应的数字，运算就是运算符的运算而已，按个=（等于）就直接返回值。当然这里需要值得一提的就是，那个运算逻辑，先乘除后加减，大家在写代码时候一定要注意这个。其实这些就是基础的只是，并没有那么难，可能会用到CSS以及JQuery，当然整体还是以源生JS写的，但是像此案例就结合了CSS一起写的。还有一点就是，AC键，直接把所有 数据清除就行了，就是clean（）；方法。把之前输入进去的逻辑全都给消除就行了，当然这个只是一个简单的计算器，但是却符合很多面试需求，也是小白很容易学会的一个例子。原案例 和源码都在我这里，想获取的小伙伴们来前端群：621071874，欢迎小白进来一起学习，共同进步，当然我也会找一些比较经典的案例，符合现在企业的面试需求以及适合小白学习的基础视屏以及学习素材都会相应的在群里共享。（包括此案例）

其实这个不是看你掌握了多少知识点，而是看你掌握的熟练度，毕竟对于小白程序员来说，要学的东西有很多，但是如果你的基础不够扎实，掌握的不够熟练，你还如何去掌握其他的知识呢？

源码

希望大家谅解，因为图片上传不能太大，且上传太多影响美观，就只能上传GIF图片了，望理解。

而且上传代码的话算在软文之类，如果真要发软文，大家可以关注我的域外博客：https://github.com/搜索Davie13。

GIF图【手机用户】点我查看

部分代码图

GIF图【手机用户】点我查看

部分代码图

GIF图【手机用户】点我查看

部分代码图

其实，任何大牛都是从小白开始的。可能不知道，现在的大牛都会说自己是小白，因为在IT这一块是有永远也学不完的。时代再进步，可能你今天用的这个，到了明天就不一定了的。