草庐IT

Web组件

全部标签

javascript - Web Workers 是一种安全的方式来沙盒不受信任的 JavaScript 代码吗

我想知道WebWorker是否是对不受信任的JavaScript代码进行沙盒处理的安全方法。例如,在绘图应用程序的上下文中,开发人员可以在其中实现新的绘图工具,您可以将他们的代码放入webworker中,并且每当用户单击Canvas时,向他们发送包含光标位置的JSON消息,以及图像数据数组,当脚本完成时,它会传回一条包含新图像数据的消息。这是否安全,或者是否存在我没​​有想到的风险? 最佳答案 DOM对Webworker不可用,但可以访问同源内容,例如indexedDB。请参阅我的相关问题:Canworkersbesecureeno

javascript - 如何使用 Angular 将 JSON 和文件发布到 Web 服务?

如何使用AngularJS发送POST请求?JSON部分是必需的,但文件不是。我已经根据其他博客文章尝试过此操作,但它不起作用。我收到一个错误请求400错误。答对加200分vartest={description:"Test",status:"REJECTED"};varfd=newFormData();fd.append('data',angular.toJson(test));return$http.post('/servers',fd,{transformRequest:angular.identity,headers:{'Content-Type':undefined}});

javascript - 带有 Flux 的嵌套循环 React 组件,更改父级或子级的监听器?

我正在React/Flux中构建一个WordDojo克隆。该游戏本质上是Boggle-您可以通过点击网格中相邻的字母来拼词:我的React组件及其来源:GameboardTileColumnTile所有源代码canbeviewedhere.目前的运作方式:有一个GameStore包含javascript对象的二维数组。这些对象有一个“字母”字符串值和一个“事件”bool值。当用户单击一个字母时,它会分派(dispatch)到GameStore,GameStore会更新该二维数组并发出Change事件。GameBoard组件监听该更改事件,然后重新呈现10个TileColumns,每个T

javascript - 在两个同级 React.js 组件之间传递数据

我在一个页面上有一个组件(一个搜索字段)的两个实例,它们之间有第二个组件(一个调用服务器的按钮),例如:ReactDOM.render(,document.getElementById('root'));我想做的就是从CardSearch字段向RunOnServer按钮每个传递一个未修改的参数,但如果这很容易,我会被诅咒的。Accordingtothis我可以使用this.state.var作为Prop,但是这样做会在代码编译时给了我“undefined.state.var”。React'sofficialdocs不是很好;他们只是告诉我自己去使用Flux,这看起来很愚蠢……我不需要一

javascript - 如何在 Vuejs 组件中应用过滤器?

如果我有一个简单的过滤器,请说:Vue.filter('foo',function(value){returnvalue.replace(/foo/g,'bar');});还有一个简单的组件:Vue.component('example',{props:{msg:String,},});在标记内:{{msg}}我可以简单地应用过滤器:{{msg|foo}}我可以轻松地在模板中应用过滤器,但我想将该逻辑移回到组件中。它不需要成为过滤器,但基本上是一种为数据字段创建getter和setter的方法。类似于:Vue.component('example',{props:{msg:{type:

javascript - 是通过 Prop 将对象传递给子 react 组件,克隆原始对象还是通过引用传递?

如果我要通过components属性将对象传递给子组件,这个对象是被克隆还是只是传递对原始对象的引用?例如,在我的App.js中,我正在导入一个JSON对象ENTRY_DATA。然后我通过Prop将该对象传递给我的子组件(或在本例中为路由)。我这样做是在节省内存还是与在每个组件上导入ENTRY_DATA一样?importReact,{Component}from'react';import{withRouter,Route}from'react-router-dom'importENTRY_DATAfrom'./../../entry_data.json';importRegister

javascript - 如何在 React Native 中重用 React JS 组件

我是ReactJS的新手。我正在尝试构建一个应该也可以在移动设备(Android和IOS)上运行的Web应用程序,因此考虑将reactjs用于webapplication并创建了几个组件。那么是否可以在Reactnative中使用Reactjs组件。 最佳答案 提前计划好。JS和Native之间的100%匹配是不可能的,但是通过仔细规划,你可以重用很多东西。您可能想看看ReactNativeWeb反射(reflect)Web的本地特定组件的项目(例如View、图像、文本等)。我建议在ReactJS中构建一个简单的原型(prototy

javascript - 如何从 Vue.js 中的变量名加载组件?

我想从我的vue.js应用程序中的动态变量名加载一个组件。我注册了以下组件:Goal:{{data.text}}而不是像这样加载我想从一个变量名加载,像这样:当然,在这种情况下,mytemplate.type等于“目标” 最佳答案 使用dynamiccomponent像这样: 关于javascript-如何从Vue.js中的变量名加载组件?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

javascript - 为什么 getter 无法访问 React 组件中的状态?

尝试从getter访问组件状态时,我注意到this设置为与普通方法不同的上下文,因此this.state没有工作。看这里:http://jsfiddle.net/tkaby7ks/这是为什么?我如何才能从getter访问状态? 最佳答案 重点是getter是您传递给React.createClass的对象的属性,而不是创建的类的属性:react将其视为一个值。从Reacts的Angular来看,以下2个代码片段完全相同:varMyComponent=React.createClass({foo:"asdf",...})对比varMy

javascript - 跨共享组件的 React js 和 PropTypes 重复

我已经创建了一些React组件,因此,父级...获得了一些Prop...随后的每个child都会使用这些Prop中的大部分,然后是child的child。**-->Parent**(requiredprops)**------->child**(requiredprops)**------->child**(requiredprops)**------------>subchild**(requiredprops)**------------>subchild**那些“必需的Prop”对于所有这些组件都是相同的。似乎过分了,每当我更新Parent中的Prop时,我就必须进入所有这些ch