web浏览器中的javascript
- 客户端javascript
- 在html里嵌入javascript
- javascript程序的执行
- 兼容性和互用性
- 可访问性
- 安全性
- 客户端框架
window对象
-
计时器
-
浏览器定位和导航
-
浏览历史
-
浏览器和屏幕信息
-
对话框
-
错误处理
-
作为window对象属性的文档元素
// pages/home/home.js
Page({
/**
- 页面的初始数据
*/
data: {
Length: 6, //输入框个数
isFocus: false, //聚焦 唤起键盘
Value: "", //输入的密码内容
ispassword: false, //是否密文显示 true为密文， false为明文。
disabled: true,//下一步按钮可否可点击
show: false, //弹出框
},
Focus(e) {
var that = this;
console.log(e.detail.value);
var inputValue = e.detail.value;
var ilen = inputValue.length;
if (ilen == 6) {
that.setData({
disabled: false,
})
} else {
that.setData({
disabled: true,
})
}
that.setData({
Value: inputValue,
})
},
Tap() {
var that = this;
that.setData({
isFocus: true,
})
},
//提交
formSubmit(e) {
// 拿到密码可进行下一步操作，判断密码是否正确在进行一系列交易
console.log(e.detail.value.password)
},
showPopup() {
this.setData({ show: true });
},
onClose() {
this.setData({
show: false
});
},
/**
- 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
})
css
.Toptitle{
text-align: center;
margin: 60rpx auto 46rpx;
font-size: 40rpx;
font-weight: 600;
}
.content{
/* width: 660rpx; */
padding:0 45rpx;
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 100rpx;
}
.iptbox{
width: 110rpx;
height: 96rpx;
border:1rpx solid #ddd;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.ipt{
width: 0;
height: 0;
}
.btn-area{
width: 80%; margin-top: 60rpx; }
文末
js前端的重头戏，值得花大部分时间学习。
推荐通过书籍学习，《 JavaScript 高级程序设计（第 4 版）》你值得拥有。整本书内容质量都很高，尤其是前十章语言基础部分，建议多读几遍。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。
学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。
面试本质也是考试，面试题就起到很好的考纲作用。想要取得优秀的面试成绩，刷面试题是必须的，除非你样样精通。
这是288页的前端面试题
