标签: javascript-framework

建议使用 javaScript 验证电子邮件的好模式?

问候所有我想用 javaScript 验证电子邮件,我需要使用最佳模式进行匹配 请建议我一个好的模式

javascript regex javascript-framework

3
推荐指数
1
解决办法
1348
查看次数

如何替换ExtJS中的组件

我有一个ExtJS窗口,顶部有一个工具栏,底部带有普通面板,带有纯HTML.这很好用.点击按钮,我希望能够用另一个面板替换底部面板(称为内容).如果试过这个

var clickHandler = function(calendar){
    // 'content' is the panel id
    // calendar is also an Ext.Panel object
    Ext.getCmp('content').update(calendar); 
};
Run Code Online (Sandbox Code Playgroud)

我错过了什么?

javascript extjs javascript-framework

3
推荐指数
1
解决办法
5635
查看次数

Javascript函数绑定问题

三年前,我是一个javascript大师.在JQuery发布之后,我忘记了JavaScript的一切.对我来说,这可能是这个框架的一个很大的缺点.大声笑

我的问题如何将函数与文档的onload事件绑定?我到目前为止试过的是:

<script type="text/javascript">
    var d = document.getElementsByTagName('body');
    d.onload=function(){
        alert('Welcome');
    }
</script>
Run Code Online (Sandbox Code Playgroud)

我也试过document.onload = function()等等,但都没有用

javascript javascript-framework

3
推荐指数
1
解决办法
60
查看次数

Meteor页面使用Backbone路由器重新渲染

我正在尝试使用Meteor创建一个博客应用程序.在这个博客中有一个主页面,访问者只需阅读帖子,另一个部分是"管理员"面板,我可以在其中编辑帖子.我正在尝试使用车把模板助手,但我不确定我在哪里弄错了.我也是业余开发人员,并试图更好地学习Meteor框架.我的代码是这样的:

blog.html

<head>
  <title>Jeff Lam Tian Hung</title>
</head>

<body>
  <h1>Jeff Lam Tian Hung</h1>
  <a href="/" class="main">Main Page</a>
  <a href="/admin" class="admin">Admin</a>
  {{> content}}
</body>

<template name="content">
  {{#if currentPage "blog"}}
    {{#each posts}}
      <h2>{{Title}}</h2>
      <p>{{Body}}</p>
    {{/each}}
  {{/if}}

  {{#if currentPage "admin"}}
    <h2>{{admin}}</h2>
  {{/if}}
</template>
Run Code Online (Sandbox Code Playgroud)

blog.js

// Declaration of Collections
Posts = new Meteor.Collection("Posts");

// Helper variable is for pages
// TODO: changing this var will change the
// page but now how to rerender the page?
var page = "blog";

// Declaration of Template …
Run Code Online (Sandbox Code Playgroud)

html javascript javascript-framework handlebars.js meteor

3
推荐指数
1
解决办法
1826
查看次数

通过 Javascript 交互复杂 JSON 对象的最简单方法

我正在使用具有一些奇怪结构的 JSON 数据,例如:

{
    "RESULT": 
    {
        "COLUMNS": ["ID","name","ENABLED","perms","vcenabled","vcvalue","checkenabled","checkvalue","indxenabled","indxvalue"],
        "DATA": [
                    [7,"Site-A", 1, "1,2", 1, 1, 1, 0, 0, 0],
                    [15,"Site-B", 1, "1,2,3,4", 1, 1, 1, 0, 0, 0]
        ]
    },
    "ERROR": 0
}
Run Code Online (Sandbox Code Playgroud)

我想创建一些 JavaScript,将这些数据重组为正确的 JSON 结构,以便“列”数组值成为“数据”数组值的键。因此,在运行 JS 进程后,数据类似于以下内容:

[
  {"ID":7,"name":"Site-A","ENABLED":1,"perms":"1,2","vcenabled":1,"vcvalue":1,"checkenabled":1,"checkvalue":1,"indxenabled":1,"indxvalue":1},
  {"ID":15,"name":"Site-B","ENABLED":1,"perms":"1,2","vcenabled":1,"vcvalue":1,"checkenabled":1,"checkvalue":1,"indxenabled":1,"indxvalue":1}

]
Run Code Online (Sandbox Code Playgroud)

完成 JSON 重组的 JavaScript 最佳实践是什么?我可以使用 JQuery、Foundation JS 等 JS 框架来完成这项任务吗?

javascript jquery json javascript-framework

3
推荐指数
1
解决办法
2096
查看次数

jQuery与新Javascript框架/库(Angular,Ember,React等)

我是Rails开发人员的红宝石,他只是最近才开始学习除jquery之外的javascript技术(Angular和React)。我阅读了其中的一些比较文章,以了解人们为什么使用不同的javascript框架和库,但是我仍然很难弄清它们的重要性(很可能是由于我缺乏对网络工作原理的了解?)。我在使用Angular和React时发现的一件事是,我不需要像以前使用jquery一样单独处理ajax。另外,我似乎确实很欣赏React的语法和组件。

无论如何,请帮助我理解为什么我应该使用Angular或React而不是jQuery。有什么我可以做的事,而另一件事不能做?有些比其他快吗?只是风格和喜好问题吗?

javascript frontend javascript-framework angularjs reactjs

3
推荐指数
1
解决办法
1987
查看次数

我正在覆盖原始的.focus()方法.有没有办法让我继续这样做,而不会破坏原来的行为

几个月前我为我的工作制作了一个Javascript库,现在看起来它有一个事件处理程序的问题,问题是我有一个触发器事件函数使用fireEvent方法,这很好用,我有这样的事情:

["focus", "click", "blur", ...].each(function(e){
    MyEvents[e] = function(fn){
        if(!fn){
            trigger(element, e);
        } else {
            addEvent(element, e, fn);
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

当然这只是一个想法,原始功能要大得多......好吧,你可以注意到,我为所有标准事件创建了一个自定义函数,所以我只是把它称为"element.click(function ...);所以...

问题是现在如果我做"input.focus();" 它没有得到焦点,但它触发事件,我怎么能这样做元素实际上焦点?也许从数组中删除焦点?如果我这样做,我将不得不删除一些其他事件,如提交,模糊等?

谢谢,实际上库正在测试中,所以这个bug需要尽快纠正.

再次感谢你.

javascript javascript-framework

2
推荐指数
1
解决办法
2302
查看次数

AMD:javascript环境中的目的是什么?

关于AMD(异步模块定义)我读了这样的阶段:

AMD格式来自于想要一个比今天更好的模块格式"编写一堆具有隐式依赖关系的脚本标签,你必须手动订购"以及一些易于直接在浏览器中使用的东西.

javascript上下文的目的是什么?你能举个例子吗?pro et contro使用AMD?

javascript javascript-framework js-amd

2
推荐指数
2
解决办法
1319
查看次数

如何用Angular js做日常Javascript的东西?

在过去的3-4天里,我一直在研究Angular js.从它的外观(使用教程和视频)看起来非常直观.但是当我真正开始用Angular js替换我当前的Web应用程序代码时,我面临很多启动问题.

例如,如果在某个事件上我希望将一些HTML添加到DOM中某个已存在的元素,那么通过传统的jQuery路由,我只需获取元素并添加HTML.我无法理解如何使用Angular执行完全相同的操作,因为在Angular控制器中不建议使用DOM操作.所以我如何访问我应该扩展的元素.

另一个例子可能是我必须在某个时候重置一个Form元素.我再次面临在Angular控制器中使用jQuery样式元素选择器的困境.

有人可以向我解释如何用Angular做所有这些事情.

javascript javascript-framework angularjs

2
推荐指数
1
解决办法
721
查看次数

使用vue.js注册自定义过滤器

我正在使用Vue.js和Laravel一起使用Elixir和Browserify.我想在自己的文件中注册一些自定义全局过滤器.我试图遵循文档,但我无法让它工作.这是我得到的错误:

Uncaught ReferenceError: Vue is not defined
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

这是我的代码:

VUE /过滤器/ reverse.js

Vue.filter('reverse', function (value) {
 return value.split('').reverse().join('')
})
Run Code Online (Sandbox Code Playgroud)

VUE/app.js

var Vue = require('vue');
Vue.use(require('vue-resource'));

new Vue({
    el: 'app',
    data: {
        test: 'abcde'
    },
filters: {
    reverse: require './filters/reverse.js'
}

});
Run Code Online (Sandbox Code Playgroud)

视图

<h1 v-text="test | reverse"></h1>
Run Code Online (Sandbox Code Playgroud)

如果我在reverse.js中添加它,它仍然不起作用

var Vue = require('vue');
Run Code Online (Sandbox Code Playgroud)

而我的gulpfile

    mix.browserify('app.js');
Run Code Online (Sandbox Code Playgroud)

javascript javascript-framework browserify vue.js laravel-elixir

2
推荐指数
1
解决办法
3166
查看次数