Web前端最新vue3(10)，最新整理《前端架构师面试题解析大全》

web浏览器中的javascript

• 客户端javascript
• 在html里嵌入javascript
• javascript程序的执行
• 兼容性和互用性
• 可访问性
• 安全性
• 客户端框架
• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

window对象

• 计时器

• 浏览器定位和导航

• 浏览历史

• 浏览器和屏幕信息

• 对话框

• 错误处理

• 作为window对象属性的文档元素

span {

margin: 0 10px;

}

.icon {

width: 12px;

height: 12px;

border-radius: 50%;

cursor: pointer;

}

.iconactived {

background: #cccccc !important;

}

.name {

font-size: 22px;

font-weight: 500;

color: #3aaeff;

}

.value {

font-size: 38px;

font-weight: bold;

color: #ffffff;

}

.type {

color: #00d9ff;

font-size: 30px;

font-weight: bold;

}

.unit {

display: flex;

margin: 0;

font-size: 22px;

font-weight: 300;

color: #ffffff;

span {

opacity: 0.3;

margin: 0 2px;

}

}

}

}

}

}

vue3.0JS部分关键代码

关于ref这个响应式引用可以看官网带 ref 的响应式变量

import { ref } from “vue”; //需要引入ref相应变量

setup() {

const wholeCircle = ref(null);

const isactive = ref(0); //选中切换的名字

const spanIndex = ref([]); //选中icon的数组

const dataList = [

{ value: 758, name: “付款”, type: “30%” },

{ value: 425, name: “接单”, type: “20%” },

{ value: 565, name: “发货”, type: “10%” },

{ value: 6452, name: “揽收”, type: “15%” },

{ value: 4905, name: “签收”, type: “6%” },

{ value: 547, name: “撤单”, type: “4%” }

];

const color = [

{ text: “#52ca8d” },

{ text: “#06bdf6” },

{ text: “#116fee” },

{ text: “#6e68fd” },

{ text: “#9229fd” },

{ text: “#fdac50” }

];

const newArr = dataList.map((item, index) => {

return { …item, …color[index] };

});

let arr = […newArr];

const changeCicle = (item, index) => {

let arrIndex = spanIndex.value.indexOf(index);

if (arrIndex > -1) {

spanIndex.value.splice(arrIndex, 1);

arr.splice(index, 0, item);

} else {

spanIndex.value.push(index);

arr = arr.filter(res => {

return res.name != item.name;

});

}

//let myChart = echarts.init(wholeCircle.value);

最后

中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。

• 技术要深入到什么程度？

• 做久了技术总要转型管理？

• 我能做什么，我想做什么？

• 一技之长，就是深耕你的专业技能，你的专业技术。（重点）

• 独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）

• 拥有事业，选择一份使命，带领团队实现它。（创业）

一技之长分五个层次

• 栈内技术 - 是指你的前端专业领域技术

• 栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识

• 工程经验 - 是建设专业技术体系的“解决方案”

• 带人做事 - 是对团队协作能力的要求

• 业界发声 - 工作经验总结对外分享，与他人交流

永远不要放弃一技之长，它值得你长期信仰持有。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。