vue

Vue中$nextTick的使用

  • Post author:
  • Post category:vue

Vue渲染是一个异步的渲染，在做添加任务(如下)的时候，Vue不会马上去做渲染，而是在下一个tick的时候做渲染，这个时候要是尝试获取一些dom元素属性的时候，还是获取的数据改变之前的数值，这样子就会出现慢一拍的情况。为了能准确获取到数据改变之后的情况，这时就可以使用Vue中提供的一个api----$nextTick。 主要思路就是采用微任务优先的方式调用nextTick包装的方法。 this.$…

继续阅读 Vue中$nextTick的使用

Vue3 + Photo-sphere-viewer 全景

  • Post author:
  • Post category:vue

Photo Sphere Viewer是一款基于Three.js的360X180度全景图预览js插件。该js插件可以360度旋转查看全景图，也可以上下180度查看图片。使用该插件的唯一要求是浏览器支持canvas或WebGL。 这只是一个简单的全景图，我们还可以在全景图上面不同位置添加标注，修改、删除标注等操作。 一、插件引入 1、npm 安装 npm install photo-sphere-v…

继续阅读 Vue3 + Photo-sphere-viewer 全景

vue3中emit(‘update:modelValue‘)使用

  • Post author:
  • Post category:vue

父 <template> <TestCom v-model="test1" v-model:test2="test2"></TestCom> <h1>{{test1}}测试1</h1> <h1>{{test2}}测试2</h1> </template> <script setup> impo…

继续阅读 vue3中emit(‘update:modelValue‘)使用

vue+echarts饼图

  • Post author:
  • Post category:vue

效果： <template> <!-- 2.为echart准备一个具备大小的容器 --> <div id="stat-model" style="width:200px;height:200px"></div> </template> <script> // 1.导入echart import * as echarts fro…

继续阅读 vue+echarts饼图

vue 如何防止xss攻击 框架_前端防范xss攻击的实用方案

  • Post author:
  • Post category:vue

一、xss攻击原理 大家想必都听过xss攻击，那么这个xss到底是如何攻击、我们又应该如何防范的呢？ xss攻击主要是针对表单的input文本框发起的，比如有这样一个文本框： xss攻击图1 在说明一栏填入一段js代码，如果前端不进行过滤直接提交到后端(比如php)，而php端也没有进行过滤直接入库，那么在下一个展示页面，就会发生这样的情况： xss攻击图2 为什么会酱紫呢？ 因为我们在说明这一栏…

继续阅读 vue 如何防止xss攻击 框架_前端防范xss攻击的实用方案

vue ui创建项目时，报错ERROR Failed to get response from http://registry.npmjs.org/vue-cli-version-marker

  • Post author:
  • Post category:vue

今天通过vue脚手架创建项目时，报错： 解决办法：找到C:\Users\Administrator目录下的.vuerc文件，修改其配置为 { "useTaobaoRegistry": false, "packageManager": "yarn" } 版权声明：本文为weixin_45905537原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：http…

继续阅读 vue ui创建项目时，报错ERROR Failed to get response from http://registry.npmjs.org/vue-cli-version-marker

Vue—-品牌列表案例

  • Post author:
  • Post category:vue

效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit…

继续阅读 Vue—-品牌列表案例

vue与jQuery的区别？

  • Post author:
  • Post category:vue

1.jquery介绍：想必大家都用过jquery吧，这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替，随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率将会越来越低 2.vue介绍：vue是一个兴起的前端js库，是一个精简的MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewM…

继续阅读 vue与jQuery的区别？

vue项目使用videojs + videojs-contrib-hls播放 3mu8/直播视频流

  • Post author:
  • Post category:vue

1、安装 video.js 和 videojs-contrib-hls 插件 ： npm install video.js --save npm install videojs-contrib-hls  --save npm install @videojs/http-streaming  --save 或者在官网引入cdn文件 2、在需要加载视频的页面 <template> <…

继续阅读 vue项目使用videojs + videojs-contrib-hls播放 3mu8/直播视频流