小编Dea*_*ool的帖子
使用Angular JS将类添加到元素
我知道如何在'jQuery'中单击按钮添加类
$('#button1').click(function(){
$('#div1').addClass('alpha');
});
我想通过角度js实现同样的目的.我有一个控制器 - myController1.有人可以帮助我做到这一点吗？
推荐指数
解决办法
查看次数
为什么Angular-CLI没有为Angular Project中的'model'生成命令？
在学习Angular时,我只是通过各种Angular-CLI命令来生成Angular的各个部分,如"Component","Services","Interface","Pipes"等.
通过Angular-CLI生成角度项
ng g c components/comp-1 //generates component
ng g s services/service-1 // generates service
ng g i interfaces/interface-1 // generates interface
但是,我很惊讶为什么没有' 模型 '的生成命令(虽然接口也做了几乎一些工作 - 但模型更强大,因为也可以在类中包含方法).
我是否遗漏了某些内容或Team-Angular错过了生成"自动生成模型"的命令 - 因为它们是OOPS Framework的核心.
参考:
推荐指数
解决办法
查看次数
空选或空白的CSS选择器
我们有一个选择器:empty,可以在元素完全为空时匹配它:
<p></p>
但我有一个条件,它可能是空的,或者它可能包含换行符或空格:
<p> </p>
我找到了Firefox的解决方案,:-moz-only-whitespace:
:empty { width: 300px; height: 15px; background: blue; }
:-moz-only-whitespace { width: 300px; height: 15px; background: orange; }<p></p>
<p> </p>
<p>This is paragraph three.</p>其他浏览器是否有类似的解决方案？
推荐指数
解决办法
查看次数
使用CDN与NPM安装库
虽然,我一直在使用NPM,但我不明白node_modules中的文件是如何添加到我的index.html并从那里工作的.
例如,如果我必须使用jQuery,它就这么简单.我将通过cdn获取文件并添加到我的index.html文件中
案例I:CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$('body').css('background','red');
});
</script>
</body>
</html> 现在,我不是通过cdns添加,但现在我将包含NPM的jQuery.我将创建一个package.json文件,然后通过转到相应的文件夹添加jQuery并键入:
案例II:NPM - node_module文件夹
我现在已经完成了以下步骤:
创建了package.json
npm init --yes包含jQuery
npm install jquery --save
现在,按文件夹看起来像这样:
现在,因为我现在已经删除了jQuery的cdn链接,我不知道如何将来自node_modules的'jQuery文件'添加到我的index.html中？
请有人帮忙.我不知道......我在浏览器上这样做!
推荐指数
解决办法
查看次数
$ .ajaxPrefilter()Vs $ .ajaxSetup() - jQuery Ajax
同时通过在jQuery的阿贾克斯学习,我遇到了2项,即,$.ajaxPrefilter()和 $.ajaxSetup().我所能发现的是,这些在加载或调用之前在AJAX中进行了一些更改$.ajax().
有人可以用最简单的形式简化和解释这些术语,并略微比较两者吗？
推荐指数
解决办法
查看次数
React.js中的一个简单的"Hello World"无效
我在React.js中制作了一个简单的"Hello World"程序.我期待将"Hello World"打印在html的正文中.
的index.html
<html>
<head>
<script src="http://fb.me/react-0.12.2.min.js"></script>
<script>
var HelloWorld = React.createClass({
render: function() {
return <div>Hello, world!</div>;
}
});
React.render(new HelloWorld(), document.body);
</script>
</head>
<body>
</body>
</html>
错误:
Uncaught SyntaxError: Unexpected token <
有人能告诉我我在哪里弄错了吗？
推荐指数
解决办法
查看次数
简单对象与工厂与构造函数 - 实例
在JavaScript中有三种创建对象的方法:
- 通过简单的对象创建
- 按工厂功能
- 通过Constructor函数
简单对象创建:
Run Code Online (Sandbox Code Playgroud)var ronaldo = { name: "Ronaldo", age: "35", quote: "Hi I am Ronaldo", salary: function(x){ return x+2500; } };工厂功能:
Run Code Online (Sandbox Code Playgroud)function human(x,y,z,i){ return{ name: x, age: y, quote: z, salary: function(i){ return i+2500; } } }; var Zini = human('Zenidan','41','I am Zidane',7500);构造函数:
Run Code Online (Sandbox Code Playgroud)var human = function(x,y,z,i){ this.name = x, this.age = y, this.quote = z, this.salary = function(i){ return i+2500; } }; var Lampd = new human('Frank Lampard','39','I am Frank J Lampard',5500);
有人可以提供简单的插图,说明何时使用这些方法中的哪一种以简单的方式创建对象,这样一个天真的人也可以理解？
我浏览了以下链接,但理解起来有点复杂: …
推荐指数
解决办法
查看次数
错误:相邻的JSX元素必须包装在封闭标记中
我试图打印反应组件的道具,但收到错误.请帮忙:
片段:
<!-- DOCTYPE HTML -->
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.min.js"></script>
<script src="http://fb. me/JSXTransformer-0.12.1.js"></script>
<!-- gap above is intended as else stackOverflow not allowing to post -->
</head>
<body>
<div id="div1"></div>
<script type="text/jsx">
//A component
var George = React.createClass({
render: function(){
return (
<div> Hello Dear!</div>
<div>{this.props.color}</div>
);
}
});
ReactDOM.render(<George color="blue"/>, document.getElementById('div1'));
</script>
</body>
</html>
我期待"亲爱的你好!" 然后下一行"蓝色".但是,我收到了这个错误.
错误:
推荐指数
解决办法
查看次数
这两个字符串的区别（JavaScript）
我试图以两种方式创建带有值的字符串数据类型变量。
- 作为字符串文字
- 使用新关键字
但在我看来，这两者在console.log 上的表示方式不同。有人能告诉我第二种方式是否不返回字符串或者它有什么不同吗？
var str1 = "abc";
var str2 = new String("def");
console.log(str1);
console.log(str2);预期的：
abc, 定义
输出：
推荐指数
解决办法
查看次数
CSS:令人惊讶地删除了没有处理子显示:内联块div
如果我应用文本修饰,我有一个代码:line-through; 在外部div上,所有内部div元素也必须是"strikethroughed".这通常100%正常; 但是,如果我将子元素设置为' display:inline-block ',现在应用于父div的删除线不会影响对孩子的攻击.我必须把孩子作为显示器:内联块,我需要在添加文本装饰时划掉孩子:直通; 到父div.
div{padding:10px;}
#outer{background:yellow;text-decoration: line-through;}
#inner{background:pink;display:inline-block;}<div id=outer>
<div id=inner>
This is the text
</div>
</div>这是一个办公室项目,非常感谢您的帮助!
推荐指数
解决办法
查看次数
标签 统计
javascript ×7
html ×4
jquery ×3
css ×2
reactjs ×2
ajax ×1
angular ×1
angular-cli ×1
angularjs ×1
components ×1
constructor ×1
factory ×1
node.js ×1
npm ×1
oop ×1