标签: frontend

有许多技术和工具可用于构建应用程序的前端.

哪个是最好的技术/工具/平台,我可以使用它来构建更好的GUI,通过它我可以构建一个漂亮的外观以及一个高效的GUI？

"更好"的定义包括诸如效率,用户友好性,更好的内容控制机制,导航等因素.

实现数据库,需要一个易于使用的前端.尝试过:HeidiSQL - 编辑领域非常繁琐MySQL-Front - 没有通过SQL Editior添加表格,只在prog重新启动时才更新.

任何人都可以推荐一个他们认为合适的前端吗？

我没有广泛使用Client Side/Front End应用程序,我试图阅读HTML, CSS and DOM但不知何故无法弄清楚它们之间的区别,所以如果有人能够:

1. 用简单的英语解释我,HTML,CSS和DOM是如何工作的？
2. 从客户端技术的角度来看,它们如何相互关联？

更新 我已经阅读了wikipedia文章,但无法清楚地了解DOM的工作.

谢谢.

我在highcharts中使用整数值序列,但是在每个结果之后添加.00.有关如何解决的任何提示？

你可以在这里看到我正在使用的代码:http: //jsfiddle.net/CAKQH/20425/

所以我刚开始在新的环境中工作.它是一个在大多数项目中使用ASP.NET MVC 4的Microsoft Shop.我来自mac/linux /开源环境,我专门在前端工作.

我在这个.Net环境中工作很困难有几个原因,一个是ASP.NET MVC对我来说是全新的.我也想有效地解决我需要拥有一些完整堆栈技能的问题.

我一直在寻找一些ASP.NET MVC书籍,但大多数人都希望你能够了解一些C#.我对学习C#没兴趣.我能做些什么来帮助自己在这种环境中更有效地工作？

基本上我要做的是使用下划线js编译带有一些数据的模板.我的代码如下:

var temp = "<div> Hello <%=names%> </div>";
var html = _.template(temp, {names:'world'};

我期待我的变量html

<div> Hello world </div> 

但由于某些原因,变量名称未定义,而编译和模板永远不会编译.

这是下划线js最基本的东西,根据文档和Web上的大量示例,它应该工作.我究竟做错了什么？

我正在尝试通过wp主题上的ajax在地图上创建标记。经过一番挣扎之后，我发现我无法使用任何php文件通过ajax获取数据，我必须使用admin-ajax.php文件。

根据许多示例，这是我的代码

在functions.php中

add_action( 'wp_enqueue_scripts', 'add_frontend_ajax_javascript_file' );
function add_frontend_ajax_javascript_file()
{
   wp_localize_script( 'frontend_ajax', 'frontendajax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' )));
    wp_enqueue_script( 'ajax_custom_script',  get_stylesheet_directory_uri() . '/includes/ajax-javascript.js', array('jquery') );

}

add_action( 'wp_ajax_get_post_information', 'get_post_information' );
add_action( 'wp_ajax_nopriv_get_post_information', 'get_post_information' );


function get_post_information() 
{ 

$get_this= $_GET['this'];
$get_that= $_GET['that'];

...my select...

echo json formatted data
}

js文件已加载并正常工作，它在ajax调用之前做了其他工作，在此行中由于出现错误而停止：

$.post({ 
        url:frontendajax.ajaxurl,
        {
            action: 'get_post_information',
            data: data
        },
        success: function(response) {

但是我总是有同样的错误：

参考错误：未定义frontendajax.ajaxurl

我的错误在哪里？

PS：我使用get_stylesheet_directory_uri（）是因为我处于子主题中。

我很难安装angular2并在本地设置它Babel并Webpack重新实现Hello world角度组件中的简单应用程序,只是为了开始.

我目前遇到此运行时错误:

index.html:9 Uncaught TypeError: Cannot read property 'Version' of undefined 如果你很好奇

这是一个描述情况的性感形象.

我试图弄清楚这个错误发生在哪里,结果证明它是有角度的(如果我错了,请纠正我).

这条线确切地说,var VERSION=new _angular_core.Version(\"2.4.8\") ....

我能得到一些帮助吗？谢谢 !!

app.component.js

import {Component} from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
        <h1>Hello Angular 2</h1>
    `
}) export class AppComponent {};

app.module.js

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {AppComponent} from './app.component'

@NgModule({
    imports: [BrowserModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
}) export class AppModule {};

main.js

import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {AppModule} …

我是javascript/html/css的新手,请原谅我,如果这看起来像一个简单的问题,但我正在页面上构建一个叠加层,并且有两个带onclick函数的元素.

<div id="calibration" class="overlay">

  <a href="#" class="closeBtn" onclick="closeCalibration()">&times;</a>
  <a href="#" class="calDot" onclick="moveCalibrationDot()">&bull;</a>

  <div class="overlay__content">
    <a href="#">Please look at the red dots and click on them as they appear.</a>
  </div>

</div>

然而,两个元素似乎都调用相同的函数而不是它们应该使用的两个不同的函数.这两个功能是,

document.getElementById('calibration').style.height = "100%";


function closeCalibration() {
  document.getElementById('calibration').style.height = "0%";
}

function moveCalibrationDot() {
  console.log("Hello");
}

如果有帮助的话,这里是jsfiddle的链接,https://jsfiddle.net/mnc8m3tr/2/

而我正在使用的CSS是,

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;

background: rgba(1, 1, 1, .9);
  overflow-x: hidden;
  transition: all 0.5s;
  z-index: 1;
}

.overlay__content {
  position: relative;
  top: …

在我的div元素中，我想放置两行。在第一行包含两个inputelements.For这个原因，我可以把那两个输入元素分成两个单独的列。

但是在第二行中，只有一个按钮元素，我不能放在两列中。这是我的代码。

<div id="app">
    <div class="row">
      <div class="col">
        First name: <input type="text" name="" value="">
      </div>

      <div class="col">
        Last name:  <input type="text" name="" value="">
      </div>
    </div>

    <div class="row">
        <button type="button" name="button">Save</button>
    </div>
  </div>

对于第二行而不是第二行，我必须将该按钮包装在列中。像这样

<div class="row">
      <div class="col">
        <button type="button" name="button">Save</button>
      </div>
    </div>

还是我以前的代码很好？专业的方法是什么？我希望你能理解我的问题。谢谢。