企业官网建设流程全解析

淘客导航网站开发,张家界seo优化,wordpress页面不加载主题js,猴王水果竞猜网站建设一、面试经历与个人感悟面试形式#xff1a; 远程视频面试 影响#xff1a; 省去奔波但缺乏面对面交流的代入感#xff0c;容易紧张关键教训#xff1a;重视基础#xff1a;不要轻视通用业务、项目经历、价值观和软技能的考察代码习惯#xff1a;过度依赖IDE提示可能导致…一、面试经历与个人感悟面试形式远程视频面试影响省去奔波但缺乏面对面交流的代入感容易紧张关键教训重视基础不要轻视通用业务、项目经历、价值观和软技能的考察代码习惯过度依赖IDE提示可能导致手写代码能力下降需做到“手到心到”面试重点简历熟悉度 底层原理考察今日感悟CI/CD概念已深度融入工具和框架程序员高频操作CtrlC / CmdC 与 CtrlV / CmdV开发重点从语言本身转向工具链使用Git→Sourcetree语言→框架高级语言的核心价值是提升开发者效率二、CSS核心知识点1. display常用属性属性值说明none元素不显示不占位block块级元素前后有换行符inline内联元素默认前后无换行符inline-block行内块元素CSS2.1新增2. position定位属性属性值说明absolute绝对定位相对于最近的非static父元素fixed固定定位相对于浏览器窗口relative相对定位相对于自身正常位置static默认值无定位正常文档流3. margin与padding区别特性margin外边距padding内边距作用对象容器外距离自身边框到另一个容器容器内距离自身边框到内部内容取值可为负值不能为负值典型场景兄弟元素间距父子元素内间距示例html!-- margin: box1与box2之间的间距 -- div classbox1/div div classbox2/div !-- padding: box1内部到box2的间距 -- div classbox1 div classbox2/div /div4. 纯CSS实现三角形原理利用border属性将元素宽高设为0设置不同边框颜色与透明度实现步骤创建带边框的div将内部div宽高设为0保留一个边框颜色其他设置为透明代码示例css.triangle { width: 0; height: 0; border-width: 40px; border-style: solid; border-color: red transparent transparent transparent; }5. rpx与px换算在小程序开发中rpxresponsive pixel是响应式像素单位换算关系与屏幕宽度相关设计稿通常以750rpx为基准换算公式px rpx * (屏幕宽度 / 750)物理像素关系取决于设备像素比DPR6. 垂直水平居中方案推荐方案Flex布局最简单直观htmldiv idapp div classcenterhello world/div /div style #app { height: 100vh; display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ } #app .center { width: 300px; height: 300px; } /style三、HTTP与网络相关7. GET与POST深度辨析表层区别特性GETPOST缓存可缓存不缓存历史记录保留不保留书签可收藏不可收藏数据长度有限制URL长度无限制安全性较低数据在URL中相对较高用途获取数据提交数据底层本质GET和POST都是基于TCP的HTTP请求本质无差别关键差异在于HTTP协议和浏览器/服务器的实现GET浏览器一次性发送header和data服务器响应200POST浏览器先发header服务器响应100 continue再发data服务器响应200虽然GET理论上性能稍优但实际差异微乎其微推荐根据语义选择8. 跨域问题解决方案开发推荐本地NGINX反向代理避免修改后端代码或使用JSONP等复杂方案配置灵活模拟生产环境上线后同域部署自然解决跨域四、JavaScript核心概念9. 闭包Closure本质函数与其词法环境的组合特性创建私有变量延长变量生命周期避免全局污染核心内部函数可访问外部函数作用域即使外部函数已执行完毕10. 前端存储方案对比特性cookielocalStoragesessionStorage生命周期可设置过期时间永久手动清除会话结束标签页关闭存储位置浏览器服务器浏览器本地浏览器本地请求携带每次HTTP请求自动携带不自动携带不自动携带存储大小~4KB~5-10MB~5-10MBAPIdocument.cookiesetItem/getItemsetItem/getItemlocalStorage使用示例javascriptconst db window.localStorage; db.setItem(name, 李四); db.setItem(age, 22); // 存储数字会自动转为字符串 console.log(db.getItem(name)); // 李四 console.log(db.getItem(age)); // 22 // 存储对象需序列化 const obj { key: value }; localStorage.setItem(obj, JSON.stringify(obj)); const retrieved JSON.parse(localStorage.getItem(obj));11. 箭头函数 vs 普通函数特性箭头函数普通函数this绑定继承上下文this不可改变动态绑定调用者决定构造函数不可用作构造函数无new可用作构造函数arguments不绑定使用rest参数(...args)绑定arguments对象原型无prototype属性有prototype属性yield不能用作Generator函数可用作Generator函数简洁性语法更简洁语法相对冗长关键记忆点箭头函数的this在定义时确定且永不改变普通函数的this由调用方式决定。12. var、let、const区别特性varletconst作用域函数作用域块级作用域块级作用域变量提升提升且初始化undefined提升但不初始化暂时性死区提升但不初始化重复声明允许不允许不允许值修改可修改可修改不可修改引用类型可修改属性13. call、apply、bind方法比较共同点改变函数执行时的this指向区别callfunc.call(thisArg, arg1, arg2, ...)- 参数逐个传递applyfunc.apply(thisArg, [argsArray])- 参数以数组传递bindfunc.bind(thisArg, arg1, arg2, ...)- 返回新函数不立即执行使用场景call参数数量明确时apply参数为数组或伪数组时bind需要延迟执行或创建偏函数时五、总结与建议面试准备重点基础扎实CSS盒模型、定位、布局必须熟练掌握原理深入不要只记表面区别如GET/POST理解底层机制手写能力减少对IDE提示的依赖能徒手实现常见功能项目清晰对简历上的项目经历要了如指掌工具链熟悉现代前端开发工具和流程CI/CD、Git等心态调整视频面试需提前熟悉技术环境紧张时深呼吸将问题拆解回答诚实面对不懂的问题展示学习能力