- 博客(10)
- 收藏
- 关注
原创 vue3搭建的H5项目打包成安卓APK
本文介绍了将Vue3 H5项目打包为安卓APK的完整流程。推荐使用Capacitor方案,首先安装Capacitor并初始化项目,然后构建Vue3项目生成dist文件夹。接着添加Android平台,通过Android Studio进行后续操作。重点讲解了在Android Studio中生成签名APK的详细步骤,包括创建密钥库、配置签名信息、选择构建类型等。最后强调了密钥库安全的重要性,并提供了验证APK类型的方法和生成后的注意事项,提醒开发者妥善保管签名密钥。
2025-10-13 13:53:03
520
原创 前端项目部署流程
fill:#333;color:#333;color:#333;fill:none;本地构建项目上传到服务器配置 Nginx配置 HTTPS自动化部署💡。
2025-07-01 15:21:29
889
原创 前端中高级面试集合——JavaScript篇
闭包是 JavaScript 中非常强大的特性,广泛应用于数据封装、函数柯里化、回调函数、模块化开发等场景。理解闭包的工作原理和实际应用,对于编写高效、可维护的代码非常重要。在 JavaScript 中,每个对象都有一个私有属性(通过__proto__或访问),指向它的原型对象。原型对象也有自己的原型,形成链式结构。当访问对象的属性时,若对象自身不存在该属性,则会沿着原型链逐级向上查找,直到找到属性或到达链顶(null。这种机制称为原型链。原型链是 JavaScript 继承的基础,通过。
2025-03-18 11:35:40
1884
原创 前端中高级面试集合——性能优化篇
重绘(Repaint)和重排(Reflow)是浏览器渲染页面时的关键步骤,频繁触发会导致页面性能下降。1. 重绘(Repaint)定义:当元素外观属性(如颜色、背景色、透明度等)发生变化,但不影响布局时,浏览器会重新绘制该元素。触发场景修改colorvisibility等属性。修改outline(不影响布局的边框)。性能影响:仅涉及像素颜色的重新绘制,成本较低,但频繁操作仍会卡顿。2. 重排(Reflow)定义:当元素的几何属性(位置、大小)或布局相关属性(如widthheight。
2025-03-18 11:34:55
1182
原创 前端中高级面试集合——浏览器原理篇
阻塞行为JavaScript 默认会阻塞 HTML 解析,因此需要注意脚本的位置和加载方式(如使用defer或asyncCSS 是阻塞渲染资源,必须在构建渲染树之前完成解析。优化建议减少不必要的 DOM 操作和样式变化,避免频繁触发重排(Reflow)和重绘(Repaint)。使用 CSS 动画时,优先利用 GPU 加速的属性(如transform和opacity尽量减少外部资源的数量和大小,避免阻塞关键渲染路径。跨域问题是由于浏览器的同源策略。
2025-03-18 11:10:10
948
原创 前端中高级面试集合——Vue篇
Vue 3 在性能、开发体验和扩展性上均有显著提升,尤其是和Proxy 响应式系统为核心改进。对于新项目,推荐直接使用 Vue 3;对于旧项目,可参考官方迁移指南逐步升级。初始化阶段Vue 2:递归遍历数据,用定义 getter/setter。Vue 3:用Proxy代理数据对象。依赖收集当访问响应式数据时(如模板渲染、计算属性),触发getterProxy.get,收集当前依赖(Watcher/Effect)。触发更新当修改数据时,触发setterProxy.set。
2025-03-17 23:07:46
1965
原创 关于数组的几个方法
1.数组中添加元素:①unshift:将值添加到数组的首位const arr = ['apple', 'banana', 'orange']arr.unshift('pear')console.log(arr) // [ 'pear', 'apple', 'banana', 'orange']②push:将值添加到数组末尾const arr = ['apple', 'banana', 'orange']arr.unshift('pear')console.log(arr) // ['app
2021-09-03 15:42:40
219
原创 如何安装多个版本的node
温馨提示:1.以往的node版本下载地址:https://nodejs.org/zh-cn/download/releases/,最新的可以直接上node官网下载哦!2.安装多个版本的node的时候一定要从低版本开始安装,如果你先安装高版本的话会出现许多问题,如果你已经安装啦,先卸载掉(注意卸载node的时候不会主动卸载npm,一定要自己手动删除其文件夹,踩过坑)然后进行下面的步骤以下开始安装步骤:1.首先根据你的电脑配置,选择下载你所需要的node版本的安装包到文件夹中(我安装的是9.8.0和14
2021-09-02 18:52:45
4081
原创 面试题及答案
面试题集:1.浏览器的原理2.http1和http2的区别3.状态码4.解决1px在移动端上显示的问题5.router-link的属性6.路由的模式有哪两种,区别是什么7.动态路由和路由的懒加载是怎样实现的8.vue的生命周期9.原型链以及原型链最终指向什么10.vuex中的mutation和action以及对应的映射函数 11.路由的传值方式有哪些12.vue3与vue2的区别13.vue与react的区别14.虚拟dom的实现原理15.get post的区别16.前端优化方
2021-06-17 15:22:14
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅