草庐IT

Web组件开发

全部标签

javascript - 类似 Photoshop、可嵌入的基于 Web 的图像编辑器?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。OnlineImageEditor-AjaxorFlex/Flash?Theabovewasn'treallytheanswerthatIwaslookingfor.我正在寻找可以嵌入到我的页面中的在线图像编辑器,以便用户可以编辑图像并提交它们。我可以接受Flash或Canvas/JS,请不要使用Silverlight或Java。应该有这些特征,或者接近

用于 Web 应用程序的基于 Javascript 的拼写检查器

我刚刚收到一项要求,要求在我们正在创建的Web应用程序上实现拼写检查。我对FF、Chrome、IESpell等都了如指掌,但这是客户的要求。鉴于实现此类(实时)的唯一方法是使用JavaScript库,我想知道是否有人尝试过任何开源库?他们有什么好处吗?一般来说,这种方法有哪些好/坏的地方?我想进入这个,我反对它,因为它只是让最终用户的机器做更多的工作而没有什么好处。我想我的意思是,它将是一个不断做某事的脚本,而不是AJAX请求或快速div更新,这可能导致我们的应用程序看似糟糕的性能,即使它是检查每个输入的拼写检查器页面上的字段。javascript错误似乎也有很大的空间使整个站点停滞。

javascript - 从 Web Worker 内部运行 window.crypto.getRandomValues()

我已经无计可施了。知道网络worker无法访问window对象,有什么办法可以做到这一点吗?请帮忙! 最佳答案 我知道这是一个老问题,但我偶然发现了这个问题,事情发生了变化。大多数浏览器现在都支持网络worker中的加密。在webworkers中,您可以访问self,它不包含所有“窗口”属性(尤其是与dom无关的属性),但包含加密函数等API方法。因此,您可以从webworker中简单地访问self.crypto.getRandomValues()。我做了一个fiddle作为例子:http://jsfiddle.net/jbrosi

javascript - 如何在整个 Web 应用程序堆栈中利用 Haskell 类型安全?

我想知道以CRUD为中心的Web应用程序可以从Haskell的类型系统中获益多少,尤其是当前端是使用JavascriptMVC框架(如AngularJS传递无类型数据对象)构建时。在我看来,一旦将Haskell数据类型转换为JSON对象,并将其传递给繁重的JavaScriptMVC框架层,将Haskell的类型系统作为Web堆栈的一部分的好处就会开始急剧下降,因为没有让类型检查器确保通过整个Web应用程序的数据流的类型完整性的方法。例如,您可以更改数据库模式和关联的Haskell类型,但类型检查器无法告诉您JavaScriptMVC前端的哪些部分也需要更新。我认为这是一个问题。我是否正

javascript - 使用 redux 时应该如何在 react 组件中处理取消订阅?

在我的组件中,我有以下内容:componentWillMount:function(){this.unsubscribe=store.subscribe(function(){this.setState({message:store.getState().authentication.message});}.bind(this));},componentWillUnmount:function(){this.unsubscribe();},不调用取消订阅会导致以下错误:Warning:setState(...):Canonlyupdateamountedormountingcompon

javascript - 从 react 组件的数组类型状态属性中弹出的正确方法?

假设我有一个像这样的react组件:varMyComponent=React.createClass({getInitialState:function(){return{myStack:[]};},...pop:function(a){//anyconcise,elegantwaytopopfromarraytypestate?}}也许我可以写pop:function(){varclone=_.clone(this.state.myStack);clone.pop();this.setState({myStack:clone});}但它看起来很丑...我知道它可以工作,但是当我编写这

javascript - React 组件中 "shouldComponentUpdate"生命周期方法的默认实现是什么

shouldComponentUpdate()方法的自定义实现不需要作为React组件生命周期的一部分。我知道这是一个bool函数,它决定是否在组件props和state发生变化时调用render(),并且有mixins像PureRenderMixin它实现了shouldComponentUpdate()如果没有提供自定义实现或混合。默认的实现和行为是什么? 最佳答案 从Reactv0.13和v0.14开始,默认实现等于null并且按照这个逻辑:varshouldUpdate=this._pendingForceUpdate||!i

javascript - Node js 捕获键盘按下和鼠标移动(不在 Web 浏览器上)

我正在尝试使用Nodejs制作一个程序,该程序将捕获按键和鼠标移动。不在网络浏览器上。这是我个人项目的一种键盘记录器类型。我试过robotjs但它需要很多依赖才能运行。有什么简单的方法可以做到这一点。提前致谢 最佳答案 看起来你需要全局键钩子(Hook)。尝试使用iohook模块'usestrict';constioHook=require('iohook');ioHook.on("mousemove",event=>{console.log(event);//result:{type:'mousemove',x:700,y:400

javascript - Angular2 Routing - 将数据从父组件传递到子子组件

我正在尝试将一个简单的字符串对象从父组件传递到子子组件。我尝试通过以下方式进行:parent.tsimport{Component}from'angular2/core';import{Router,ROUTER_DIRECTIVES,ROUTER_PROVIDERS,RouteConfig}from'angular2/router';import{ChildCmp}from"./child";import{bootstrap}from'angular2/platform/browser';@Component({selector:'app',template:``,directive

javascript - 从 Material UI 中的 TableRow 组件获取数据

我在最新版本的MaterialUI中使用表格组件,但我不确定在表格行被选中时我应该如何获取数据。文档提到了名为onRowSelection的Table组件的prop,但它只为您提供所选行的RowNumber,没有其他内容。您应该如何使用它?我不明白你是怎么想捕获说...设置到TableRow的关键Prop只使用同一TableRow的RowNumberProp。下面的代码展示了我是如何呈现表格本身并分配键的:handleSelect(id){console.log(id);this.props.dispatch({type:'SET_SELECTED_USER',user:id});}r