标签: frontend

什么是Bootstrap?

这里有很多与Bootstrap有关的问题.我看到很多人都在使用它.所以我试着研究它,然后我找到了官方的Bootstrap网站,但之后只有一个下载部分和几个字.没有什么可以解释它是什么......我只是明白它是一个前端的帮手.我试图通过谷歌搜索找到一些东西,但没有找到具体的东西.我发现的一切都与计算机科学的定义有关.

所以,我的问题是:

  • 什么是Bootstrap?
  • 它用于什么,它如何帮助前端开发?
  • 我还想了解更多细节.

html css frontend twitter-bootstrap

502
推荐指数
6
解决办法
47万
查看次数

使用React Variable Statements(JSX)插入HTML

我正在使用React构建一些东西,我需要在JSX中使用React Variables插入HTML.有没有办法让变量像这样:

var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>';
Run Code Online (Sandbox Code Playgroud)

并将其插入反应中,并让它工作?

render: function() {
    return (
        <div className="content">{thisIsMyCopy}</div>
    );
}
Run Code Online (Sandbox Code Playgroud)

并按预期插入HTML?我没有看到或听到任何关于可以执行此内联的react函数,或者解析可以使其工作的事物的方法.

html javascript frontend reactjs react-jsx

177
推荐指数
7
解决办法
15万
查看次数

在Reactjs中获取表单数据

我的render函数中有一个简单的表单,如下所示:

render : function() {
      return (
        <form>
          <input type="text" name="email" placeholder="Email" />
          <input type="password" name="password" placeholder="Password" />
          <button type="button" onClick={this.handleLogin}>Login</button>
        </form>
      );
    },
handleLogin: function() {
   //How to access email and password here ?
}
Run Code Online (Sandbox Code Playgroud)

我应该在handleLogin: function() { ... }访问EmailPassword字段中写什么?

html javascript frontend reactjs

166
推荐指数
17
解决办法
19万
查看次数

Vue.js- v-model和v-bind之间的区别

我是Vue.js的新手,我正在学习Udemy的在线课程.导师给了我一些练习.其中一个练习是使用默认值创建输入文本.我使用v-model做得非常好.但是,教师使用了v-bind:value,我不明白为什么.

有人可以给我一个简单的解释,说明这两者之间的差异,以及何时更好地使用每一个?

javascript frontend frameworks mvvm vue.js

158
推荐指数
4
解决办法
7万
查看次数

我应该何时使用内联与外部Javascript?

在性能和易维护性方面,我想知道何时应该包含外部脚本或使用html代码内联编写它们.

这是什么一般做法?

真实场景 - 我有几个需要客户端表单验证的html页面.为此,我使用了一个jQuery插件,我将其包含在所有这些页面中.但问题是,我是否:

  • 编写内联配置此脚本的代码位?
  • 包括所有这些html页面中共享的一个文件中的所有位?
  • 将每个位包含在一个单独的外部文件中,每个html页面一个?

谢谢.

html javascript performance frontend

125
推荐指数
7
解决办法
6万
查看次数

jQuery:将javascript数组转换为字符串

我正在尝试迭代"值"列表并将其转换为字符串.这是代码:

var blkstr = $.each(value, function(idx2,val2) {                    
     var str = idx2 + ":" + val2;
     alert(str);
     return str;
}).get().join(", ");    
Run Code Online (Sandbox Code Playgroud)

alert()函数工作正常并显示正确的值.但不知何故,jquery的.get()函数无法获得正确的对象并失败.我究竟做错了什么?

javascript arrays string jquery frontend

108
推荐指数
7
解决办法
37万
查看次数

H1-H6标签最常用的字体大小是什么

我一直不确定从哪里开始作为一般的最佳实践基线.是的,我知道这取决于你的设计 - 但最常见的是什么?

这是我目前作为首发者所拥有的:

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}
Run Code Online (Sandbox Code Playgroud)

是的,我目前的工作不使用EMs.

谢谢

html css frontend

99
推荐指数
1
解决办法
23万
查看次数

Ember.js或Backbone.js用于Restful后端

我已经知道,与backbone.js相比,ember.js是一种更重量级的方法.我读了很多关于两者的文章.

我问自己,哪个框架更容易作为铁轨休息后端的前端.对于backbone.js,我看到了不同的方法来调用休息后端.对于ember来说,似乎我必须包含更多的库,如'data'或'resources'.为什么有两个库?

那么更好的选择是什么?还有很多例子可以将前端与后端连接起来.什么是后端休息呼叫的良好工作示例:

URI:../ restapi/topic GET auth凭证:admin/secrect格式:json

rest frontend ruby-on-rails backbone.js ember.js

98
推荐指数
2
解决办法
3万
查看次数

React.js中的setState vs replaceState

我是React.js Library的新手,我正在浏览一些教程,我遇到了:

  • this.setState
  • this.replaceState

给出的描述不是很清楚(IMO).

setState is done to 'set' the state of a value, even if its already set 
in the 'getInitialState' function.
Run Code Online (Sandbox Code Playgroud)

同样的,

The replaceState() method is for when you want to clear out the values 
already in state, and add new ones.
Run Code Online (Sandbox Code Playgroud)

我试过this.setState({data: someArray});跟着this.replaceState({test: someArray});然后控制台.记录它们,我发现state现在有两个datatest.

然后,我尝试this.setState({data: someArray});跟着this.setState({test: someArray});然后控制台.记录它们,我发现state再次有两个datatest.

那么,这两者究竟有什么区别?

javascript frontend reactjs

93
推荐指数
3
解决办法
6万
查看次数

如何转到Chrome开发者工具中的特定文件?

我正在开发一个前端方法很重的Web应用程序.通过使用Dojo和AMD方式,我目前有测试屏幕,可以轻松加载超过一百个不同的JavaScript文件.

当我想针对任何特定问题进行调试,或者验证我是否看到特定文件的旧版本时,我发现很难在Chrome开发者工具的"源"选项卡中找到我的文件.

是否有任何快捷方式或操作可以让我输入文件的名称并将我带到该文件的来源?

javascript debugging frontend google-chrome google-chrome-devtools

90
推荐指数
3
解决办法
4万
查看次数