小编zok*_*zok的帖子

创建一个使用Gulp和Livereload运行PHP的服务器

我想调整此代码来提供PHP文件.我让MAMP运行本地服务器,但我无法弄清楚此代码如何工作以进行必要的更改.我知道Node服务器不会解释PHP文件,但我对这个架构使用感到困惑serve-static,serve-index因为显然我不能只使用MAMP的localhost中的本地文件路径来提供这些文件,对吧?我也想知道它为什么需要2个端口(9000和35729).

gulp.task('connect', ['styles'], function () {
  var serveStatic = require('serve-static');
  var serveIndex = require('serve-index');
  var app = require('connect')()
    .use(require('connect-livereload')({port: 35729}))
    .use(serveStatic('.tmp'))
    .use(serveStatic('app'))
    .use('/bower_components', serveStatic('bower_components'))
    .use(serveIndex('app'));

  require('http').createServer(app)
    .listen(9000)
    .on('listening', function () {
      console.log('Started connect web server on http://localhost:9000');
    });
});


gulp.task('serve', ['connect', 'watch'], function () {
  require('opn')('http://localhost:9000');
});

gulp.task('watch', ['connect'], function () {
  $.livereload.listen();

  // watch for changes
  gulp.watch([
    'app/*.php',
    '.tmp/styles/**/*.css',
    'app/scripts/**/*.js',
    'app/images/**/*'
  ]).on('change', $.livereload.changed);

  gulp.watch('app/styles/**/*.scss', ['styles']);
  gulp.watch('bower.json', ['wiredep']);
});
Run Code Online (Sandbox Code Playgroud)

我基本上想用PHP来为一个网站设置模板(页脚,标题等),就像这个人发布在这里一样.

我觉得人们不再这样做了,所以欢迎使用静态资产和模板进行前端开发的任何建议(以便以后适应WordPress或其他基于PHP的CMS).

编辑

请阅读:运行BrowserSync和PHP的Gulp-webapp

php node.js livereload gulp server

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

如何使用动态值插入标记模板字符串?

我想插入一个模板字符串(在其他地方定义):

const url = `www.example.com/${query}/current.json`;
Run Code Online (Sandbox Code Playgroud)

带有动态值(例如“es6”):

"www.example.com/es6/current.json"
Run Code Online (Sandbox Code Playgroud)

例如,如果我有这样的事情:

function makeRequest(url, query){
  // how do I generate my final url, here from the url and query?
}

// somehwere else:
makeRequest(url, query)
Run Code Online (Sandbox Code Playgroud)

带标签的模板字符串和标签函数是正确的方法吗?我见过很多不同的例子,但没有一个适合这种特殊情况。

javascript ecmascript-6 template-strings tagged-templates

5
推荐指数
1
解决办法
1357
查看次数

无法使用Safari检查iOS 11设备

我正在尝试调试显然只在iOS 11移动设备上发生的CSS转换样式错误。

但是,当我尝试使用Safari检查这些设备时,设备名称会在“开发”菜单上短暂显示,然后消失

我能够正常检查运行iOS 10(iPhone 6)的设备,但随后发生的实际问题不会发生。

尝试过两个运行iOS 11的不同设备和多台计算机。还有不同的电缆,包括原始的Apple电缆。

行动装置:iPhone 7 11.0.2(15A421),iPhone 7 11.0.3(15A432)

桌面设备:MacBook Sierra 10.12.5(16F73)等

Safari:版本10.1.1(12603.2.4)和其他

iphone debugging safari ios ios11

5
推荐指数
1
解决办法
4714
查看次数

如何使用Git摆脱不需要的文件引用

我不小心在一个项目的工作树内搭建了一个带有Git存储库的样板项目(我在项目文件夹中,创建了一个文件夹,输入并输入yo gulp-webapp).

它发生了,对吗?

所以首先我用它来恢复被覆盖的文件git checkout HEAD -- <filename>.

之后,通过键入git status一些不需要的文件显示在"未跟踪文件"中.

我删除了它们(通过Sublime Text)然后它们出现在"未提交的更改中".为什么?他们不是未跟踪,这意味着他们从未被添加到存储库中?

然后我用它删除了它们git -rm -rf.现在他们出现在Staging区域.发生了什么.

我如何让Git忘记它们?

git

4
推荐指数
1
解决办法
359
查看次数

如何从mac上的命令行运行mysql?

我想从命令行运行MYSQL,如

mysql -u root -p
Run Code Online (Sandbox Code Playgroud)

但它回来了

-bash: mysql: command not found
Run Code Online (Sandbox Code Playgroud)

所以,我认为需要安装它.但那么我需要安装什么应用程序呢?我在这里看到十几个应用程序:http://dev.mysql.com/downloads/,安装了一些,但仍然无法从命令行使用mysql.

我正在使用小牛队.非常感谢

mysql

2
推荐指数
1
解决办法
3259
查看次数

选择的AngularJS模型返回undefined

我正在尝试检索a的当前选项的值select,但它返回undefined(我希望它返回一个对象).

标记:

<div ng-app ng-controller="MyCtrl">
    <select ng-model="selectedLocal" ng-options="item.Nome for item in locais" ng-change="localSelectChange()">
        <option value="">Locais</option>
    </select>
</div>
Run Code Online (Sandbox Code Playgroud)

控制器:

function MyCtrl($scope) {
    $scope.locais = [{
        ID: 109,
        Nome: 'Aeroporto Internacional Hercilio Luz'
    }, {
        ID: 161,
        Nome: 'Koxixos'
    }, {
        ID: 184,
        Nome: 'Praça XV de Novembro'
    }];

    $scope.localSelectChange = function() {
        alert('$scope.selectedLocal: ' + $scope.selectedLocal); // returns undefined
    }
}
Run Code Online (Sandbox Code Playgroud)

奇怪的是我创建了这个jsfiddle以重现问题,使用完全相同的代码,并且它可以工作.

更新:

我在这里创建了一个plunkr ,我那里复制了这个问题.

第一个选择包含在具有自己的控制器"MyCtrl"的div上,并且它按预期工作,因为我能够从ng-change事件处理函数中检索模型.

第二个选择"属于"DashCtrl,整个Dash选项卡视图控制器.当我尝试从ng-change事件处理函数中检索模型时,它返回undefined.这是为什么?

javascript angularjs angularjs-controller angular-ngmodel

2
推荐指数
1
解决办法
6925
查看次数

如何使用Bootstrap 4在多列中拆分列表?

使用Bootstrap 4,我如何拥有这样的东西:

[ 1 ] [ 4 ]
[ 2 ] [ 5 ]
[ 3 ] [ 6 ]
Run Code Online (Sandbox Code Playgroud)

换句话说,如何将一个列表分成相等的两列,仅使用一个将其垂直排序<ul>?因此,例如,我可以拥有动态数量的商品吗?

我可以使用column-width并且column-count 喜欢这样,但是我想知道是否可以使用Bootstrap 4网格系统实现相同的效果。

css list bootstrap-4

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

动画初始状态等于“ translate3d(0,0,0)”的转换时,useSpring()不起作用

如何使用useSpring()挂钩?

我正在尝试使用useSpring()挂钩为transform属性设置动画:

它只是如果初始状态是不工作"translate3d(0,0,0)",举例来说,如果我初始化这样说,这与togglefalse

const props = useSpring({
  transform: toggle ? "translate3d(0,-25px,0)" : "translate3d(0,0,0)"
});
Run Code Online (Sandbox Code Playgroud)

另一方面,这可以工作:

const props = useSpring({
  transform: toggle ? "translate3d(0,-25px,0)" : "translate3d(0,1px,0)"
});
Run Code Online (Sandbox Code Playgroud)

这是错误吗?谢谢

reactjs react-spring react-hooks

2
推荐指数
1
解决办法
73
查看次数

Chrome开发工具中奇怪的console.log行为?

在Chrome Dev Tools中,您console.log是一个数组.它表明:(4)[Location, Location, Location, Location]完美,这就是我的预期.

您单击它,以显示元素,它显示:

截图

这怎么可能?

javascript css devtools

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