![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 68
武童乐
00年前端小白~
展开
-
苹果手机微信内打开报错invalid signature
在main.js中修改router.beforeEach((to, from, next) => { var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isiOS && to.path !== location.pathname) { location.assign(to.fullPath) }else { n原创 2021-06-22 17:05:33 · 408 阅读 · 0 评论 -
vue始终保持1920*1080样式
1.在index.html中引入jq<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>2.写css/* html{overflow-x: hidden;overflow-y: visible;} */ body { width: 1920px; /* height: 1080px; */ /* background: url(../images/bg.p原创 2021-06-15 16:05:11 · 1321 阅读 · 0 评论 -
一文搞懂Web常见的攻击方式
一、是什么Web攻击(WebAttack)是针对用户上网行为或网站服务器等设备进行攻击的行为如植入恶意代码,修改网站权限,获取网站用户隐私信息等等Web应用程序的安全性是任何基于Web业务的重要组成部分确保Web应用程序安全十分重要,即使是代码中很小的 bug 也有可能导致隐私信息被泄露站点安全就是为保护站点不受未授权的访问、使用、修改和破坏而采取的行为或实践我们常见的Web攻击方式有XSS (Cross Site Scripting) 跨站脚本攻击CSRF(Cross-site requ转载 2021-06-05 11:01:41 · 298 阅读 · 0 评论 -
vue大文件上传如何做断点续传
一、是什么不管怎样简单的需求,在量级达到一定层次时,都会变得异常复杂文件上传简单,文件变大就复杂上传大文件时,以下几个变量会影响我们的用户体验服务器处理数据的能力请求超时网络波动上传时间会变长,高频次文件上传失败,失败后又需要重新上传等等为了解决上述问题,我们需要对大文件上传单独处理这里涉及到分片上传及断点续传两个概念分片上传分片上传,就是将所要上传的文件,按照一定的大小,将整个文件分隔成多个数据块(Part)来进行分片上传如下图上传完之后再由服务端对所有上传的文件进行汇总整原创 2021-05-29 09:31:15 · 2294 阅读 · 2 评论 -
Vue 项目性能优化指南
一、代码层面的优化1.1、v-if 和 v-show 区分使用场景v-if 是 真正 的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。v-show 就简单得多, 不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 的 display 属性进行切换。所以,v-if 适用于在运行时很少改变条件,不需要频繁切换条件的场景;v-show 则适用于需要非常频繁切换转载 2021-05-28 14:38:38 · 172 阅读 · 0 评论 -
Vue的自我模拟面试
先介绍一下Vue的响应式系统Vue为MVVM框架,当数据模型data变化时,页面视图会得到响应更新,其原理对data的getter/setter方法进行拦截(Object.defineProperty或者Proxy),利用发布订阅的设计模式,在getter方法中进行订阅,在setter方法中发布通知,让所有订阅者完成响应。在响应式系统中,Vue会为数据模型data的每一个属性新建一个订阅中心作为发布者,而监听器watch、计算属性computed、视图渲染template/render三个角色同时作为订原创 2021-01-19 19:18:21 · 107 阅读 · 1 评论 -
8个非常实用的Vue自定义指令
8个非常实用的Vue自定义指令原创 2020-12-20 09:19:26 · 462 阅读 · 3 评论 -
Vue项目部署的最佳实践
Vue项目部署的最佳实践原创 2020-12-18 15:27:22 · 228 阅读 · 1 评论 -
Vue 项目打包部署总结
Vue 项目打包部署总结原创 2020-12-15 11:24:46 · 356 阅读 · 1 评论 -
Vue源码中一些好玩的函数
1、数据类型判断Object.prototype.toString.call()返回的数据格式为 [object Object]类型,然后用slice截取第8位到倒一位,得到结果为 Objectvar _toString = Object.prototype.toString;function toRawType (value) { return _toString.call(value).slice(8, -1)}运行结果测试toRawType({}) // Object toRaw原创 2020-12-13 14:04:57 · 115 阅读 · 1 评论 -
Vue Router 4.0 正式发布!焕然一新。
大前天,Vue Router 4 正式发布稳定版本。在经历了 14 个 Alpha,13 个 Beta 和 6 个 RC 版本之后,Vue Router v4 闪亮登场,为你带来了 TypeScript 集成、新功能以及对现代应用程序的一致性改进,已经准备好成为 Vue3 新应用的最佳伴侣。将近 2 年的时间,大约 1500 次提交,15 个RFC[1],无数的心血……以及许多用户的帮助以及他们的错误报告和功能请求。 谢谢大家的帮助!项目结构优化Vue Router 现在分为三个模块:Histo原创 2020-12-11 18:27:04 · 1104 阅读 · 1 评论 -
基于 qiankun 的微前端最佳实践 - 从 0 到 1 篇
引言大家好~本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇,本文将分享如何使用 qiankun 如何搭建主应用基座,然后接入不同技术栈的微应用,完成微前端架构的从 0 到 1。本教程采用 Vue 作为主应用基座,接入不同技术栈的微应用。如果你不懂 Vue 也没关系,我们在搭建主应用基座的教程尽量不涉及 Vue 的 API,涉及到 API 的地方都会给出解释。注意:qiankun 属于无侵入性的微前端框架,对主应用基座和微应用的技术栈都没有要求。我们在本教程中,接入了转载 2020-12-11 18:10:17 · 542 阅读 · 1 评论 -
Vue3有哪些不向下兼容的改变
作为技术人员,随时保持技术同步是很重要的事情。虽然Vue3已经发布很长时间了,现在开始保持更新也还不晚。新项目可以拿来练练手XD,老项目就不建议升级了。本篇文章整理自官方文档-BreakingChanges部分????????建立项目1. 使用 vite-appnpm init vite-app <project-name>这里的vite-app是一个新项目,它的官方介绍是一个快速的WEB开发构建工具。这里我们试了一下,整个构建过程十分的快速。和以往的webpack build的方式不原创 2020-12-08 10:20:22 · 1048 阅读 · 4 评论 -
让你30分钟快速掌握Vue 3
经过了漫长的迭代,Vue 3.0 终于在上 2020-09-18 发布了,带了翻天覆地的变化,使用了 Typescript 进行了大规模的重构,带来了 Composition API RFC 版本,类似 React Hook 一样的写 Vue,可以自定义自己的 hook ,让使用者更加的灵活,接下来总结一下 vue 3.0 带来的部分新特性。setup()ref()reactive()isRef()toRefs()computed()watch()LifeCycle Hooks(新的生命周原创 2020-12-01 15:26:31 · 277 阅读 · 1 评论 -
js浅拷贝与深拷贝的区别和实现方式
js浅拷贝与深拷贝的区别和实现方式原创 2020-11-30 16:02:14 · 163 阅读 · 1 评论 -
vue解决长列表方法,ui复用组件用法
重复ui占用浏览器资源原创 2020-11-29 14:47:32 · 546 阅读 · 1 评论 -
按某个数组的顺序排列数组,对应下标没有对应的值用符号代替,一般用于比较两个数组中哪些值不一样。
按某个数组的顺序排列数组,对应下标没有对应的值用符号代替,一般用于比较两个数组中哪些值不一样。原创 2020-11-24 14:47:13 · 192 阅读 · 3 评论 -
el-image大图浏览增加自己想要的小图标(preview-src-list)
el-image大图浏览底部增加自己想要的小图标(preview-src-list)原创 2020-09-14 10:29:30 · 5761 阅读 · 3 评论 -
vue单页面引入jquery.js,非全局引入。
vue单页面引入jquery.js1.先下载jquery到assets文件夹目录下2.在需要引入的.vue文件中import 'jquery.js' // 找到文件对应的位置引入即可项目中遇到的小问题记录~如有错误请指出原创 2020-09-14 10:06:09 · 1646 阅读 · 0 评论 -
vue换行Ctrl+Enter,发送消息Enter
vue换行Ctrl+Enter,发送消息Enter原创 2020-08-30 16:40:16 · 2675 阅读 · 1 评论 -
vue+elemenet el-table 滚动到某一条数据遇到的坑-----亲测有效
刚开始使用document.getElemenById("id"),scrollIntoView() //实现,发现点击了之后vue头部就会消失,所以只能在重新找个方法了//先通过循环获取到你要展示的那条数据//通过document.getElementById("id").parentElement // 一直.parentElement 直到你找到了表格中对应行的那个td标签//然后let topHeight = document.getElementById("id").pa原创 2020-08-30 16:37:22 · 1289 阅读 · 0 评论 -
vue滚动到对应的元素位置
1.使用a标签+#号<a href="#box1">我跳到box1</a><div id="box2"></div>上面这一种的缺点是,url会发生改变,会在url最后面加上片段识别符#box2,这样就改变了URL的路径,这是我们不想看到的。因为再次刷新的时候回出现问题。当使用 vue-router回退时,发现需要回退很多次。2.scrollTop滚动到某位置document.documentElement.scrollTop=380;//不需要加原创 2020-08-30 16:34:39 · 948 阅读 · 0 评论 -
el-table 分页情况下index一直累加 ------亲测有效
<el-table-column label="序号" type="index" :index="indexMethod"></el-table-column>methods:{ indexMethod(index){ index = (index + 1) + (页数 - 1) * 每页条数 return index }}原创 2020-08-30 16:32:05 · 1089 阅读 · 0 评论