我想调整此代码来提供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).
编辑
我想插入一个模板字符串(在其他地方定义):
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)
带标签的模板字符串和标签函数是正确的方法吗?我见过很多不同的例子,但没有一个适合这种特殊情况。
我正在尝试调试显然只在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)和其他
我不小心在一个项目的工作树内搭建了一个带有Git存储库的样板项目(我在项目文件夹中,创建了一个文件夹,输入并输入yo gulp-webapp).
它发生了,对吗?
所以首先我用它来恢复被覆盖的文件git checkout HEAD -- <filename>.
之后,通过键入git status一些不需要的文件显示在"未跟踪文件"中.
我删除了它们(通过Sublime Text)然后它们出现在"未提交的更改中".为什么?他们不是未跟踪,这意味着他们从未被添加到存储库中?
然后我用它删除了它们git -rm -rf.现在他们出现在Staging区域.发生了什么.
我如何让Git忘记它们?
我想从命令行运行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.
我正在使用小牛队.非常感谢
我正在尝试检索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以重现问题,使用完全相同的代码,并且它可以工作.
更新:
第一个选择包含在具有自己的控制器"MyCtrl"的div上,并且它按预期工作,因为我能够从ng-change事件处理函数中检索模型.
第二个选择"属于"DashCtrl,整个Dash选项卡视图控制器.当我尝试从ng-change事件处理函数中检索模型时,它返回undefined.这是为什么?
使用Bootstrap 4,我如何拥有这样的东西:
[ 1 ] [ 4 ]
[ 2 ] [ 5 ]
[ 3 ] [ 6 ]
Run Code Online (Sandbox Code Playgroud)
换句话说,如何将一个列表分成相等的两列,仅使用一个将其垂直排序<ul>?因此,例如,我可以拥有动态数量的商品吗?
我可以使用column-width并且column-count 喜欢这样,但是我想知道是否可以使用Bootstrap 4网格系统实现相同的效果。
如何使用useSpring()挂钩?
我正在尝试使用useSpring()挂钩为transform属性设置动画:
它只是如果初始状态是不工作"translate3d(0,0,0)",举例来说,如果我初始化这样说,这与toggle是false:
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)
这是错误吗?谢谢
在Chrome Dev Tools中,您console.log是一个数组.它表明:(4)[Location, Location, Location, Location]完美,这就是我的预期.
您单击它,以显示元素,它显示:
这怎么可能?
javascript ×3
css ×2
angularjs ×1
bootstrap-4 ×1
debugging ×1
devtools ×1
ecmascript-6 ×1
git ×1
gulp ×1
ios ×1
ios11 ×1
iphone ×1
list ×1
livereload ×1
mysql ×1
node.js ×1
php ×1
react-hooks ×1
react-spring ×1
reactjs ×1
safari ×1
server ×1