草庐IT

vue-events

全部标签

javascript - 默认情况下,Vue 是否为 XSS 提供安全性或防止 XSS?

我在想办法保护自己,Angular视觉react对抗XSS攻击。当我访问Angular官方文档时,https://angular.io/guide/security,它说:TosystematicallyblockXSSbugs,Angulartreatsallvaluesasuntrustedbydefault.WhenavalueisinsertedintotheDOMfromatemplate,viaproperty,attribute,style,classbinding,orinterpolation,Angularsanitizesandescapesuntrustedva

javascript - Serviceworker Bug event.respondWith

我的serviceworker有这样的逻辑,当一个获取事件发生时,首先它获取一个包含一些bool值(不是event.request.url)的端点并根据我调用的值检查该值事件.respondWith()对于当前的获取事件,我在其中提供来自缓存的响应。但是我收到以下错误,Uncaught(inpromise)DOMException:Failedtoexecute'respondWith'on'FetchEvent':Thefetcheventhasalreadybeenrespondedto我检查了here当m_state不等于Initial时抛出此错误if(m_state!=Init

javascript - 我可以在生产环境中从 CDN 加载 Vue.js 吗?

我为一个新项目选择了Vue.js,因为它似乎可以在浏览器中本地运行,而不是像React这样必须通过Node编译/转译的东西。有什么理由不能在我的生产代码中像这样链接到CDN?一位同事建议这可能仅用于开发,而unpkg只是即时转译(这听起来对性能不利)。但除此之外它似乎工作正常。我还可以链接到更强大的CDN,例如thisone,但只是想确保我没有因为不使用Node构建系统(例如webpack)而违反某种最佳实践。 最佳答案 IsthereanyreasonIcouldn'tjustlinktoaCDNlikethisinmyprodu

javascript - 从 JS 文件中获取 Vue

我对现代前端开发工具还很陌生。我安装了Nodejs和NPM。下载了一些包(es:“jquery”)并且一切正常。然后我安装了Webpack(第2版),我创建了这个演示配置文件module.exports={entry:"./entry.js",output:{path:__dirname,filename:"bundle.js"}};在我的JS入口点(entry.js)我可以成功使用jQuery模块,如下var$=require("jquery");$('#test').html('Changed!');一切正常。当我选择Vue时,问题就出现了。我安装了npminstallvue--s

javascript - 为什么 react-tap-event-plugin 在我的 TypeScript 项目中不起作用?

我正在尝试使用material-ui和react-tap-event-plugin但在加载应用程序时出现此错误:react-dom.js:18238Warning:Unknownprop`onTouchTap`ontag.Removethispropfromtheelement.Fordetails,seehttps://....inbutton(createdbyEnhancedButton)inEnhancedButton(createdbyIconButton)inIconButton(createdbyAppBar)indiv(createdbyPaper)inPaper(cr

javascript - Vue.js 过渡出现/发生在进入视口(viewport)的元素上

首先请不要使用jQuery。我可以在jQuery等中做到这一点,问题的重点是在没有不必要的依赖的情况下做到这一点。这里的场景是我正在创建一个单页网站,其中有几个部分可供滚动浏览。我想用Vue.js'stransitions在浏览器滚动到该部分后简单地淡入。我已经设法使转换与appearattribute一起工作但问题是这个初始渲染触发器适用于屏幕外的元素,我想推迟该触发器,直到浏览器在屏幕上滚动该元素。我找到了像vue-observe-visibility这样的图书馆这可以满足我的需要,但老实说,我不想简单地为触发器创建大量数据属性,以将其更改为true,以便v-if语句触发淡入淡出效

javascript - vue 在 v-model 之后执行@click

我有一个状态基于todo.complete的复选框todo.save()将当前的完整值保存到数据库中。但是@click似乎在v-model绑定(bind)更新todo.complete之前被触发我必须这样做才能让它工作:有什么方法可以在v-model更新后执行todo.save()。类似于@click.after 最佳答案 尝试使用change事件代替: 关于javascript-vue在v-model之后执行@click,我们在StackOverflow上找到一个类似的问题:

javascript - Vue 在用 webpack 编译时用注释替换 HTML

我遇到的问题是,一旦我importvue,vue的包装元素(在我的例子中是#app)将被替换为以下注释控制台中没有错误,webpack编译正常,但是我确实从vue的mounted方法获取了控制台日志。我的index.htmlDocumentsomecontent{{test}}webpack.config.jsconstpath=require('path');module.exports={entry:'./src/app.js',output:{filename:'bundle.js',path:path.resolve(__dirname,'dist')}}源/app.jsimp

JavaScript 事件循环 : Queue vs Message Queue vs Event Queue

阅读了大量的JavaScript事件循环教程,我看到了不同的术语来标识队列存储消息,当调用堆栈为空时,事件循环准备好获取消息:队列消息队列事件队列我找不到规范的术语来识别它。甚至MDN似乎也对theEventLooppage感到困惑因为它首先称它为队列,然后是消息队列,但在标签中我看到了事件队列。循环的这一部分是否在某处进行了详细定义,或者它只是一个没有“固定”名称的实现细节? 最佳答案 问得好,我也提倡使用正确的术语。队列、消息队列和事件队列指的是同一个构造(事件循环队列)。此构造具有在事件循环中触发的回调。有趣的是,有两个不同的

javascript - Vue.js:如果值为空则不呈现属性(例如:至 =""或键入 ="")

我有一个Button组件,它呈现一个nuxt-link或一个按钮,这取决于你是否提供了一些属性,比如to或type.(type是一个计算属性,用于返回内部链接的nuxt-link,如果是外部链接则返回a标记,如果未定义这些属性则返回button)现在我们有时会渲染一些打开模态框或提交的按钮。在那里我们不传递任何类型或属性:{{component.text}}在呈现的HTML中我得到:如果我验证这一点,我会得到关于这些空属性的错误:Attributetonotallowedonelementbuttonatthispoint.如何呈现属性to=""仅当我将实际值传递给Btn组件时?我正在