$(document).ready(function() {
$(“.num”).click(function () {
//点击数字
$(“#AC”).text(“C”);
if (“”==symbol) {
bSymbol = bSymbol + $(this).text();
} else {
aSymbol = aSymbol + $(this).text();
}
$(“#showScreen”).val(bSymbol+symbol+aSymbol);
});
$(“.symbol”).click(function () {
//点击符号
if (“.”==$(this).text()) {
if (“”==symbol) {
//查找字符串是否包含子字符串 “.”
let index = bSymbol.search(“\.”);
if (index==-1) {
//可以加小数点
if (bSymbol.length==0) {
bSymbol = “0.”;
} else {
bSymbol = bSymbol + “.”;
}
}
} else {
//查找字符串是否包含子字符串 “.”
let index = aSymbol.search(“\.”);
if (index==-1) {
//可以加小数点
if (aSymbol.length==0) {
aSymbol = “0.”;
} else {
aSymbol = aSymbol + “.”;
}
}
}
} else if (symbol.length==0) {
symbol = $(this).text();
}
$(“#showScreen”).val(bSymbol+symbol+aSymbol);
});
$(“#ebg”).click(function () {
//点击等号
let x = “”;
let y = “”;
if (bSymbol.search(“\.”)!=-1 || aSymbol.search(“\.”)!=-1) {
x = parseFloat(bSymbol);
y = parseFloat(aSymbol);
} else {
x = parseInt(bSymbol);
y = parseInt(aSymbol);
}
switch (symbol) {
case “+”:
result = x + y;
break;
case “-”:
result = x - y;
break;
case “X”:
result = x * y;
break;
case “/”:
result = x / y;
break;
}
//小数点保留6位
result = result + “”;
let index = result.search(“\.”);
if (index!=-1) {
let rLength = result.length-index-1;
if (rLength>6) {
//四舍五入
let lp = result.charAt(index+7);
if (lp>=5) {
//截取
let blp = parseInt(result.charAt(index+6))+1;
result = result.substring(0,index+6)+blp;
} else {
result = result.substring(0,index+7);
}
}
}
bSymbol = result+“”;
//清空变量
aSymbol = “”;
symbol = “”;
$(“#showScreen”).val(bSymbol+symbol+aSymbol);
});
$(“#AC”).click(function () {
//清屏
$(“#AC”).text(“AC”);
bSymbol = “”;
aSymbol = “”;
小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
学习笔记
主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue等等
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
HTML/CSS
**HTML：**HTML基本结构，标签属性，事件属性，文本标签，多媒体标签，列表 / 表格 / 表单标签，其他语义化标签，网页结构，模块划分
**CSS：**CSS代码语法，CSS 放置位置，CSS的继承，选择器的种类/优先级，背景样式，字体样式，文本属性，基本样式，样式重置，盒模型样式，浮动float，定位position，浏览器默认样式
HTML5 /CSS3
**HTML5：**HTML5 的优势，HTML5 废弃元素，HTML5 新增元素，HTML5 表单相关元素和属性
**CSS3：**CSS3 新增选择器，CSS3 新增属性，新增变形动画属性，3D变形属性，CSS3 的过渡属性，CSS3 的动画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型
JavaScript
**JavaScript：**JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串
画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型
[外链图片转存中…(img-I2BDWBgf-1710775638499)]
JavaScript
**JavaScript：**JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
