😄博主：小猫娃来啦😄文章核心：前端开发遇到的普遍问题以及解决策略前端十万个为什么？有人说vue框架是基于mvvm实现的？这种说法对吗？mvc和mvvm的区别是什么？mvvm是否是mvc的升级？mvvm和mvc有什么关系？为什么有人说mvvm是基于mvc实现的？什么时候使用mvc模式，什么时候使用mvvm模式？如何优化mvc模式的缺点？前端框架如何简化视图层开发？Vue.js是基于哪种架构模式实现的？Vue2和Vue3的区别是什么？为什么现在很少有人在UniApp中使用Vue3？为什么不直接使用Vue.js开发跨平台应用，而要使用UniApp呢？Vue2，Vue3和Vue.js为什么名称不一样？
Part01白屏和首屏时间 -白屏：从用户请求页面开始到显示第一个字符的时间。中间包括DNS查询、建立TCP链接、发送首个HTTP请求、返回HTML文档、HTML文档head解析完毕。通常认为浏览器开始渲染标签或者解析完标签的时刻就是页面白屏结束的时间点。-首屏：指用户打开网站开始，到浏览器首屏内容渲染完成的时间，对于用户体验来说，首屏时间是用户对一个网站的重要体验因素。Part02PerformanceTiming performance.timing记录了用于分析页面整体性能指标的关键时间点，包含网络、解析等一系列的时间数据。最好在页面完全加载完成之后再使用，因为很多值必须在页面完全加载之
一、了解qiankun.jsqiankun-qiankun1.1、简单，任意js框架均可使用。微应用接入像使用接入一个iframe系统一样简单，但实际不是iframe。1.2、完备，几乎包含所有构建微前端系统时所需要的基本能力，如样式隔离、js沙箱、预加载等。解耦，与技术无关。1.3、生产可用，已在蚂蚁内外经受过足够大量的线上系统的考验及打磨，健壮性值得信赖。1.4、qiankun是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。1.5、qiankun孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，目前qiankun已在蚂蚁内部
前端应用在提供无缝用户体验方面起着核心作用。在当今互联网的环境中，第三方集成和API的普及使得确保强大的安全性至关重要。安全漏洞可能导致数据盗窃、未经授权访问以及品牌声誉受损。本文将向您展示如何使用CORS和CSP为您的网页增加安全性。嗨，大家好！️欢迎阅读“使用CORS和CSP保护前端应用程序”——这是今天不断发展的网络环境中必读的文章。想象一下，一个恶意脚本被注入到你的应用程序中，窃取敏感用户数据或将用户重定向到欺诈网站。可怕吧？但不用担心！通过正确实施CORS和CSP，我们可以加固前端应用程序，保持领先，抵御潜在威胁。本文的目的和范围在本文中，我们深入探讨了CORS和CSP，为您揭开了这
目录一、vue2的前端路由（vue-router）1、路由：页面地址与组件之间的对应关系2、路由方式：服务器端路由、前端路由3、前端路由：在前端维护一组路由规则（地址和组件之间的对应关系），模式有两种：4、SPA：Vue适合开发单页面应用（SinglePageApplication）5、前端路由的工作方式：6、vue-router路由模块：是由vue.js官方给出的前端路由模块，只能和vue项目结合，方便SPA项目实现组件之间的切换7、示例：8、vue-router中常用的方法二、导航守卫1、用途：在页面导航过程中实现重定向、取消路由、权限验证等业务2、分类：全局守卫、组件内部守卫、路由独享的
希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言图像与多媒体文件网页文件常见的图像格式有：图像设置图像的替代文字设置图像的宽度和高度设置图像的边框设置图像对齐方式及间距设置图像热区链接（理解）滚动文字添加滚动文字添加滚动文字设置滚动文字背景颜色与滚动循环设置滚动方向与滚动方式设置滚动速度与滚动时延设置滚动范围与滚动空白空间音频、视频及Flash文件HTML5视频与音频video标记及属性课后练习练习html5中的audio标签，插入音频文件。练习html5中的video标签，插入视频文件总结前
错误效果错误描述 在切换radio切换的时候校验提示提示出来了，本身不应该出来但是如何取消呢？因为在切换时候我们置空但是并没有取消校验，所以从通过到拒绝置空时候肯定会出现提示语，那么我们把提示校验的方法去掉就行了。 错误代码reviewStateChange(val){if(val==='2'){this.ruleForm.remark=''}if(val==='3'){this.ruleForm.remark=''}}正确代码 reviewStateChange(val){if(val==='2'){this.ruleForm.remark=''}if(val==='3'){this.rul
前言： 随着现在手机像素，拍照功能越来越好，随之而来的是本地图片越来越大，那么如何更好的将本地图片上传到后端接口呢？这是后台管理系统常见的场景和头疼的问题，这里分享下个人的方法。实现效果：如下图所示，从580kb-> 压缩后 150kb 实现步骤：1、父级引入封装文件//页面上//js中data(){return{compressImgVisible:false,}2、首先实现上传功能，使用el-upload,封装uploadImg.vue//element的上传图片，压缩图片组件exportdefault{props:{/***自动上传参数**/autoUpload:{//是否需要选取
知者乐水，仁者乐山。XMLHttpRequestAJAX原理-XMLHttpRequest前面与服务器交互使用的不是axios吗？ajax并不等于axios我们使用的axios的内部，实际上对XHR对象/原理的封装为什么还要学习ajax？①在一些静态网站项目中，与服务器交互只有一到两处，可以采用XHR对象，几行代码就能与服务器交互；②也能了解axios内部是如何与服务器交互，了解axios内部原理。使用XMLHttpRequest使用XMLHttpRequest实践获取数据，代码如下：返回的是对象结构的json字符串。以前使用axios请求返回的不是一个对象吗，这里为何是json字符串？前面使
自定义主题命令行主题工具1.安装主题工具首先安装「主题生成工具」，可以全局安装或者安装在当前项目下，推荐安装在项目里，方便别人clone项目时能直接安装依赖并启动。yarnaddelement-theme--dev2.安装chalk主题安装白垩主题，可以从npm安装或者从GitHub拉取最新代码，这里从npm安装。yarnaddelement-theme-chalk-D3.初始化变量文件 主题生成工具安装成功后，如果全局安装可以在命令行里通过 et 调用工具，如果安装在当前目录下，需要通过 node_modules/.bin/et 访问到命令。执行 -i 初始化变量文件。默认输出到 eleme
