草庐IT

Vue的组件化编程

全部标签

javascript - Firebug 编程断点?

有什么方法可以在JavaScript中设置程序断点,以便Firebug停止执行代码,我可以在Firebug中继续逐步调试。类似于在python中完成的操作,例如:importpdb;pdb.set_trace() 最佳答案 如果我没理解错的话,你可以使用debuggerkeyword. 关于javascript-Firebug编程断点?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/question

javascript - 使用 JavaScript 以编程方式编辑 Google 文档

我想做的是运行一些JavaScript代码,将文本输入到Google文档中。到目前为止,我所做的是在嵌入Google文档的个人网页上创建一个iframe元素。我现在想做的是使用Google源代码中的函数来输入文本。当我将Chrome检查器与js美化器一起使用时,我发现如果我监听一个按键事件,我将被带到以下代码段:functiondKa(){vara=eKa,b=TJa?function(c){returna.call(b.src,b.key,c)}:function(c){c=a.call(b.src,b.key,c);if(!c)returnc};returnb}我曾尝试在使用简单的

javascript - 以编程方式搜索图像

所以我为我的friend和我自己建立了这个有趣的小网站--quotegen.meteor.com--我认为让它在网络上搜索(通过Google、Bing等)寻找对应的图像会很酷引用并在后台显示。但是,我找不到可以为我执行此操作的api。谁能指出我正确的方向?编辑:我想做的是调用一个api来搜索图像,然后大概返回一个包含URL和其他信息的对象,然后插入第一个结果的图像。 最佳答案 有允许图像搜索的谷歌自定义搜索https://developers.google.com/custom-search/json-api/v1/overview

javascript - React ES6 父子组件状态问题

我是React的新手,正在尝试基于react-starter-kit构建一个简单的ToDo应用程序。我正在使用ES6类,但无法找到从子组件更新父状态的方法。代码如下:importReact,{PropTypes,Component}from'react';importwithStylesfrom'../../decorators/withStyles';importstylesfrom'./ToDoPage.less';@withStyles(styles)classToDoPageextendsComponent{staticcontextTypes={onSetTitle:Prop

javascript - Vue.js v-show 和 v-else 没有按预期工作?

我似乎无法让v-show和v-else工作。文档说:Thev-elseelementmustfollowingimmediatelyafterthev-iforv-showelement-otherwiseitwillnotberecognized.文档:http://vuejs.org/guide/conditional.html#v-showfiddle:https://jsfiddle.net/p2ycjk26/2/HTML:Heading{{test.name}}NodataavailableintableJavaScript:newVue({el:'table',data:{

javascript - 在 React 组件中哪里应用我的 moment() 函数?

我正在尝试做一个时钟组件,只是为了在网页中以本地格式提供日期和时间。我在我的webpack环境中使用命令行npmimoment--save导入了MomentJS。接下来,我将其写入我的Clock.jsx组件(主要基于网站上的React示例)。importReactfrom'react';importMomentfrom'moment';exportdefaultclassClockextendsReact.Component{constructor(props){super(props);this.state={dateTimestamp:Date.now()};}tick=()=>{

javascript - 带有 React 组件的装饰器

我对能够使用@myDecorator语法(使用babel)感到非常兴奋。我正在尝试装饰生命周期函数之一,特别是componentWillMount,并检查装饰器中组件的props和context。但是,我似乎无法访问props或context。我不确定这是否是一种反模式,或者我只是在做这个错误。小例子://TestComponent.jsximportcheckPropsfrom'checkProps.js';classTestComponentextendsReact.Component{@checkPropscomponentWillMount(){//Dosomething.}r

javascript - Angular 2-再次单击routerLink时重新加载组件

我正在处理具有以下文件结构的Angular2项目。HeaderComponent.tsAppComponent.tsPage1Component.tsPage2Component.ts我的HeaderComponent.ts中有以下模板WebSiteNameHomePage1Page2在我的AppComponent中使用以下路由@Component({selector:'my-app',template:``,directives:[ROUTER_DIRECTIVES,HeaderComponent]})@Routes([{path:'/',component:HomeComponen

javascript - Vue.js 的 CORS 问题

我正在使用:Vue2.0.3vue-router2.0.1vuex0.8.2vue资源0.7.0在使用远程API而不是本地运行的API尝试登录到我的页面后,出现如下所示的cors错误vue-resource.common.js?2f13:1074OPTIONShttps://mywebsite/api/auth/login(anonymousfunction)@vue-resource.common.js?2f13:1074Promise$1@vue-resource.common.js?2f13:681xhrClient@vue-resource.common.js?2f13:103

javascript - 在 Vue.js 中迭代 JSON 和打印值

我是Vue的新手,我正在尝试从API检索JSON响应,然后将其打印在我的页面上。这是我目前所拥有的:MyTopTracks@{{track.name}}@{{tracks|json}}Fetchstats$vue=newVue({el:'#mystats',data:{tracks:[],},methods:{fetchStats:function(){this.$http.get('/mystatsdata',{params:{type:'tracks'}}).then((response)=>{this.tracks.push(response.body);console.log(