标签: frontend

前端测试:测试的内容和方法,以及使用的工具?

我已经为我的Ruby代码编写了一段时间的测试,但作为一个前端开发人员,我显然很有兴趣将它带入我为前端代码编写的代码中.我一直在玩的有很多不同的选择:

人们用于测试的是什么?还有人们测试的是什么?只是JavaScript?链接?形式?硬编码的内容?

任何想法将不胜感激.

testing frontend ui-automation jasmine casperjs

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

如何在运行create-react-app构建脚本时设置构建.env变量?

我在create-react-app中使用以下环境变量:

console.log(process.env.REACT_APP_API_URL) // http://localhost:5555
Run Code Online (Sandbox Code Playgroud)

当我npm start通过读取.env文件运行时它可以工作:

REACT_APP_API_URL=http://localhost:5555
Run Code Online (Sandbox Code Playgroud)

如何设置不同的值,如http://localhost:1234执行npm run build

这是我的package.json档案:

{
  "name": "webapp",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "0.9.0"
  },
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}
Run Code Online (Sandbox Code Playgroud)

frontend reactjs webpack react-scripts create-react-app

49
推荐指数
5
解决办法
5万
查看次数

是否有一个我可以重新设计的所有Bootstrap元素的巨大"资产页面"?

http://twitter.github.com/bootstrap/base-css.html

查看所有的例子元素,如h1,h2,h3,inputs,等?

我正在寻找一个简单的网页,上面有每一个Bootstrap inputs/forms/elements/etc,没有别的.

然后我可以让我们的设计师用他自己的样式修改基本CSS文件,并可以刷新资产页面以查看他的所有更改以及整个样式指南的形成方式.

这对我们的团队和我们的客户来说非常有帮助,因此他可以在一个统一页面上看到我们的整个"外观和感觉".

这样的页面是否存在?

html css frontend web-applications twitter-bootstrap

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

什么是与AngularJS一起使用的好后端

我想知道你对AngularJS作为前端使用的好后端的建议.

为什么你建议的后端好,易于使用或易于学习?

frontend backend angularjs

46
推荐指数
4
解决办法
8万
查看次数

如何在vuejs中绑定html <title>内容?

我正在尝试关于vuejs的演示.现在我希望html标题绑定一个vm字段.

以下是我试过的:

index.html

<!DOCTYPE html>
<html id="html">
<head>
    <title>{{ hello }}</title>
    <script src="lib/requirejs/require.min.js" data-main="app"></script>
</head>
<body>
{{ hello }}
<input v-model="hello" title="hello" />
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

app.js

define([
    'jquery', 'vue'
], function ($, Vue) {
    var vm = new Vue({
        el: 'html',
        data: {
            hello: 'Hello world'
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

但标题似乎没有限制,如何使它工作?

html javascript frontend mvvm vue.js

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

节点js服务器的终端中无法识别nodemon命令

我正在从https://scotch.io/tutorials/authenticate-a-node-js-api-with-json-web-tokens进行node.js服务器设置.我是node.js的新手.我正在安装npm install nodemon --save.但是当我用这个运行服务器的时候nodemon server.js.
在终端显示:

nodemon不被识别为内部或外部命令,可操作程序或批处理文件

在此输入图像描述

node server.js命令工作并启动服务器,但nodemon命令不起作用.

我从https://scotch.io/tutorials/authenticate-a-node-js-api-with-json-web-tokens视频中设置了节点js服务器.

我不知道为什么它不工作我已经尝试了一些安装nodemon的命令.

npm install -g nodemon 
npm install -g nodemon --save 
npm install --save-dev nodemon 
npm install -g nodemon@debug 

npm install -g --force nodemon
Run Code Online (Sandbox Code Playgroud)

我看到一个链接我无法全局安装nodemon,"nodemon"无法识别,但我不知道如何设置路径,因为我的项目位于D盘.

我想跑nodemon server.js.如果有任何机构有想法请分享.提前致谢.

javascript frontend node.js nodemon

44
推荐指数
14
解决办法
8万
查看次数

以正确的方式重新学习CSS

我是一名从事Web开发两年多的程序员.尽管过去两年我一直在做前端工程,但我认为我没有以正确的方式做到这一点
.例如:

  • 我仍然使用表格进行布局,而不仅仅使用CSS.我还没有找到一种正确呈现数据对齐和表格的方法.
  • 我不知道之间的区别display: nonevisibility: hidden(当然,我现在知道了.但也有很多时候喜欢-填充,边距,溢出等)
  • 我没有真正遵循继承方式来编写CSS.几乎每种风格都以一个#而不是一个类开头.
  • 每当页面加载缓慢时,html元素就会不合适,只有在它完全加载时才会按顺序排列.
  • 我不知道萤火虫的这张照片是什么传递的(顺便说一下,萤火虫是我的救世主.如果没有萤火虫,生活将是不可能的)

替代文字

  • 每当布局乱七八糟时,我很想使用position:absolute.它总是会陷入更大的混乱.

我知道我做了很多错事(我需要把它弄好),但是我设法让事情到位并以某种方式显示出来,只是看到它在不同的浏览器中搞砸了.

我不想在CSS或CSS上做假人的入门.我知道的不止于此.我想以正确的方式学习CSS.专注于我上面展示的例子和纠正它们之类的问题.

您能否指出我的资源或添加CSS开发人员使用的常见建议和提示,以使其正确.

css user-interface frontend

43
推荐指数
5
解决办法
4022
查看次数

什么是前端开发中的"乐观更新"

我正在阅读模式介绍redux,那里有以下段落:

...考虑新要求在前端产品开发中变得普遍,例如处理乐观更新,在服务器上呈现,在执行路由转换之前获取数据等等.

我的问题是这里的乐观更新是什么?

html javascript frontend

42
推荐指数
1
解决办法
5621
查看次数

ng build和ng serve之间有什么区别?

ng build和ng serve之间有什么区别?在构建和ng服务之后,究竟完成或改变了什么?

frontend angular-cli angular

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

当Javascript中的鼠标悬停时,棘手的按钮移开?

我记得在网上看到一些关于这个有趣/棘手的按钮的网站或脚本:基本上它是一个无法点击的按钮.当鼠标悬停时,它会随机移动.

有人可以指向我或者向我展示几行代码吗?最好使用jQuery.

html javascript jquery frontend

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