小编Fra*_*ain的帖子

我在Babel选项/配置中有点迷失.我想使用最近的js功能并编译(使用webpack)浏览器代码.

babel-polyfill和babel插件有babel-preset-env什么区别？

他们打算一起工作吗？

我正在尝试使用ui-bootstrap datepicker绑定到unix时间戳数据.

为此,我想使用这个指令将unix时间戳转换为ng-model的javascript日期.

这是代码(plunker)

<div ng-model="date" date-format>
    <datepicker min="minDate" show-weeks="false"></datepicker>
</div>

和指令

  .directive('dateFormat', function() {
        return {
              require: 'ngModel',
              link: function(scope, element, attr, ngModelCtrl) {
                    ngModelCtrl.$formatters.unshift(function(timestamp) {
                          if (timestamp) return new Date( timestamp * 1000 );
                          else return "";
                    });
                    ngModelCtrl.$parsers.push(function(date) {
                          if (date instanceof Date) return Math.floor( date.getTime() / 1000 ); 
                          else return "";
                    });
              }
        };
  })

可以选择日期.unix时间戳是正确的但是,日历切换到1970 ...

是否有解决方案使这项工作和使用ui bootstrap的datepicker与unix时间戳数据？

我尝试在mac os 10.9.4上安装Vagrant和Ubuntu来制作一个本地开发服务器,遵循@fideloper:Vagrant和Apache的强大指示.

Vagrantfile包含:

config.vm.box = "ubuntu/trusty64"
config.vm.network "forwarded_port", guest: 80, host: 8080
config.vm.synced_folder ".", "/var/www/html"

evreything在此过程中运行良好:安装了Vagrant和virtualbox,在guest虚拟机上安装了Apache.

从这个答案,我试过:

• 在guest上,curl 'http://localhost:80'返回带有文件列表的html
• 在主机上,curl -v 'http://localhost:8080'返回相同的页面.

但浏览器this webpage is not available在localhost:8080 说.

为什么浏览器没有显示localhost:8080？

我正在尝试使用Mac OS 10.9.4上的Vagrant为本地PHP开发创建一个简单的服务器.

Vagrant在主要的"〜/ Sites"目录中运行,并在指向那里的客户端使用"/ var/www/html".Vagrantfile看起来像这样:

config.vm.box = "ubuntu/trusty64"
config.vm.network "forwarded_port", guest: 80, host: 8080
config.vm.synced_folder ".", "/var/www/html"

在Apache上,"000-default.conf"包含默认的东西,加上:

<Directory "/var/www/html">
    Options -Indexes +FollowSymLinks +MultiViews
    AllowOverride All
    Require all granted
</Directory>

mod_rewrite 被启动了 sudo a2enmod rewrite

'Sites'文件夹包含几个基于Wordpress,Kirby或Drupal的网站.每个网站的文件夹仅包含"公共"文件及其自身.htaccess( - >然后上传到他们自己的生产服务器的"public_html"目录).

Apache,Php和MySql运行良好,每个项目的第一页都在localhost:8080/project中可见,但是无法浏览页面,因为url重写不起作用(找不到没有htaccess文件的页面).

我该怎么做才能使网址重写工作？

之后npm install jquery-migrate，我可以只require('jquery-migrate');在主scripts.js文件中。这工作正常：

console.log(jQuery.migrateVersion); // JQMIGRATE: Migrate is installed with logging active, version 3.0.0

现在，我想对其进行设置，以便 jquery-migrate 不存在于生产版本中。

webpack.config.js：

var dev = process.env.NODE_ENV !== 'prod';
var webpack = require('webpack');
var dist = '/dist/js';

module.exports = {
    context: __dirname,
    entry: __dirname + '/src/js/scripts.js',
    output: {
        path: __dirname + dist,
        filename: 'scripts.js'
    },
    resolve: {
        alias: {
            'jquery': 'jquery/src/jquery',
            'jquery-migrate': 'jquery-migrate'
        }
    },
    plugins: dev ? [
        new webpack.ProvidePlugin({
            '$': 'jquery',
            'jQuery': 'jquery',
            'jquery-migrate': 'jquery-migrate'
        })
    ] …

我使用jwilder / nginx-proxy进行反向代理。我尝试重定向http://localhost:8000/api到特定的php服务。

目录结构：

.
+-- docker-compose.yml
+-- nginx
+-- nodejs
|   +-- index.js
|   +-- …
+-- php
|   +-- api

docker-compose.yml：

version: "3.1"

services:

  nginx-proxy:
    image: jwilder/nginx-proxy:alpine
    ports:
      - "8000:80"
    volumes:
      - ./php:/srv/www
      - /var/run/docker.sock:/tmp/docker.sock:ro

  nodejs:
    image: node:alpine
    environment: 
      - NODE_ENV=production
      - VIRTUAL_HOST=localhost
      - VIRTUAL_PORT=8080
    expose:
      - "8080"
    working_dir: /home/app
    restart: always
    volumes:
      - ./nodejs:/home/app
    command: ["node", "index.js"]

  php:
    image: php:apache
    environment:
      - VIRTUAL_HOST=localhost
    volumes:
      - ./php:/var/www/html

这对于nodejs服务来说很好用。

现在，我想将调用重定向http://localhost:8000/api到该php …

我在 sveltejs 项目中使用 tailwind。

一些顺风类的名称中带有斜线，与简洁的条件类不兼容。

例子：

<div class:w-1/3={condition}>

有一个错误3：Expected >svelte(unexpected-token)

如何在 svletejs 条件类中使用名称中带有斜杠的 tailwind 类？

我尝试使用相同的nodejs应用程序在两个容器之间进行nginx反向代理负载平衡.

目录结构:

.
+-- docker-compose.yml
+-- nginx
+-- nodejs
|   +-- index.js
|   +-- …
+-- php

泊坞窗,compose.yml:

version: "3.1"

services:

  nginx-proxy:
    image: nginx:alpine
    ports:
      - "8000:80"
    volumes:
      - ./nginx/default.conf:/etc/nginx/conf.d/default.conf
    links:
      - php:php-app
      - nodejs:nodejs-app

  nodejs:
    image: node:alpine
    environment: 
      NODE_ENV: production
    working_dir: /home/app
    restart: always
    volumes:
      - ./nodejs:/home/app
    command: ["node", "index.js"]

  php:
    image: php:apache
    volumes:
      - ./php:/var/www/html

index.js 在港口听 8080

nginx conf default.conf:

upstream nodejs-upstream {
  server nodejs-app:8080;
}

server {
  listen 80;
  root /srv/www;

  location / {
    try_files …

使用graphql enum可以创建预定义的元素列表，但是字符串不起作用。

例如：

enum Dias {
  lunes
  martes
  miércoles
  jueves
  viernes
  sábado
  domingo
}

这返回一个错误 GraphQLError: Syntax Error: Cannot parse the unexpected character "\u00E9".

如何创建预定义的字符串列表？

编辑：为了提供更多的上下文，我想反映数据库架构，这是这样的（与猫鼬）：

dias: {
  type: String,
  enum: ['lunes', 'martes', 'miércoles', 'jueves', 'viernes', 'sábado', 'domingo'],
  lowercase: true,
  required: true
}

如何在同一组件之间转换时触发转换？

(使用vue-router 1,有一个canReuse钩子.它在vue-router 2中不再存在.)

const Index = {
  template: `<div id="app">
    <router-link :to="{ path: '1' }">page 1</router-link> | 
    <router-link :to="{ path: '2' }">page 2</router-link>
    <router-view></router-view>
  </div>`
};

const Page = {
  template: `<transition @enter="transitionEnter" @leave="transitionLeave">
    <div>
      <p>page {{ id }}</p>
    </div>
  </transition>`,
  data() {
    return {
      id: this.$route.params.id,
    }
  },
  methods: {
    transitionEnter(el, done) {
      console.log('transitionEnter');
      done();
    },
    transitionLeave(el, done) {
      console.log('transitionLeave');
      done();
    },
    fetchData() {
      this.id = this.$route.params.id;
    }
  },
  watch: {
    '$route': 'fetchData'
  },
};

const …