我通常使用Gulp将我的CSS捆绑为一个最小化文件,然后从CDN分别导入FontAwesome,Google字体或插件文件等资源.这是最好的选择还是下载这些第三方资产然后将它们与我们的代码捆绑在一起作为一个文件更好的性能？
当我访问时my_site.com/page.php#something,滚动位置是携带此特定主题标签而不是页面顶部的元素之一.
执行window.scrollTo(0, 0);并不会改变这一事实.什么可以呢？
编辑:还尝试了如何在加载页面时禁用锚点"跳转"的接受答案？.似乎不再起作用了.
是否有一种简单的方法或插件来保留客户离开并返回后输入的结账信息？
这个插件保留了"来回导航时为客户提供的字段信息"但是它最近有很多不好的评论,所以我认为我不会将其用于制作.还有其他建议吗？
我知道F12和CTRL+ SHIFT+ C快捷方式,但我无法在任何地方找到关闭 Chrome上的开发人员工具窗口的快捷方式.有吗？
运行时出现以下间歇错误之一npm run dev：
EPERM: operation not permitted, mkdir 'D:\projects\my_project\.nuxt\components'
EPERM: operation not permitted, lstat 'D:\projects\my_project\.nuxt
我npm cache clear无济于事。有人将此问题归因于npm安装在某个网络上共享的文件夹，而不是我的情况。
注意：这是一个随机问题。我几个小时后才再次尝试，现在可以了。但是，在提出这个问题时，无论我尝试多少次，它都不会起作用。
任何的想法？
在我看来gulpfile.js,JS更改会自动触发BrowserSync重载和我的JS处理任务.但由于某种原因,尽管重载确实有效,但我的JS任务无法正确处理JS更改并在dist/文件夹中创建新的JS文件.我必须重新启动Gulp.为什么？
Gulpfile.js:
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var concat = require('gulp-concat');
var jshint = require('gulp-jshint');
var uglify = require('gulp-uglify');
gulp.task('sass', function() {
return gulp.src('../assets/styles/**/*.scss')
.pipe(sass())
.pipe(gulp.dest('../dist/styles'))
.pipe(browserSync.reload({
stream: true
}))
});
gulp.task('js', function() {
return gulp.src(['../assets/scripts/*.js'])
.pipe(jshint())
.pipe(jshint.reporter('default'))
.pipe(concat('main.js'))
.pipe(uglify())
.pipe(gulp.dest('../dist/scripts'))
});
gulp.task('browserSync', function() {
browserSync.init({
proxy: 'http://127.0.0.1/my_site/new-front-page/',
})
})
gulp.task('watch', ['sass', 'js', 'browserSync'], function() {
gulp.watch('../assets/styles/**/*.scss',['sass']);
gulp.watch('../**/**/*.php', browserSync.reload);
gulp.watch('../assets/scripts/*.js', browserSync.reload);
gulp.watch('../*.html', browserSync.reload);
});
编辑:
还尝试了下面的代码为"js"任务(参见上面的代码与上面的代码相比),无济于事:
gulp.task('js', …从一个名为的外部文件中，utils.js我导出一个名为的函数todayYyyyMmDd：
export const todayYyyyMmDd = () => new Intl.DateTimeFormat('fr-FR', {year: 'numeric', month: '2-digit', day: '2-digit'}).format(Date.now()).split('/').reverse().join('-');
然后在我的组件中我导入这个函数：import { todayYyyyMmDd } from '@/utils';
我想todayYyyyMmDd直接在组件的模板中使用，如下所示：
<date-input
:max="todayYyyyMmDd"
/>
不起作用。相反，我必须使用中间计算属性：
today () {
return todayYyyyMmDd();
},
可以用，但是很难看。有什么办法可以直接在模板中使用导入的函数吗？
尝试按照这些说明绑定一个调用命令的脚本license-checker，我想出了这个片段npmpackage.json
{
"scripts": {
"postinstall": "license-checker --json --out license-list.json",
"poststart": "license-checker --json --out license-list.json"
},
不起作用。手动运行该命令会生成licence-list.json文件，但不会在安装包 ( npm i package-name --save) 时生成。为什么不？
注意：我正在尝试在 (1) 将新包安装到项目中时以及 (2) 构建项目以进行部署时运行此脚本。但是build ，文档中没有任何内容：我可以使用start或poststart尝试使用它，或者如果没有，我可以使用什么代替？
我想为我的项目生成静态路由 ( /contact, /about, ...) 和动态路由 ( /project/1, /project/2,...)，这样当用户在访问任何这些路由时刷新页面时，页面仍然有效。
但是当npm run generate我这样做时，我只Generated route "/"在/dist文件夹中看到没有生成路由。
使用的 Nuxt.js 版本： 2.14.7
我尝试了两种模式universal和spa模式，但两者都不适用。
在 nuxt.config.js 我在顶部：
const axios = require('axios')
const dynamicRoutes = async () => {
const routes = await axios.get('http://my-project.com/wp/wp-json/projects/v1/posts')
.then(res => res.data.map((project) => `/project/${project.ID}/${project.post_name}`))
.then(res => res.concat(
[
'/about',
'/contact',
'/portfolio'
]
))
return routes
}
然后在export default {}：
generate: {
routes: dynamicRoutes
},
在PHP当我们从另一个文件包含的代码,我们包括它,就是这样,代码现在我们进行的包含文件中提供给我们.但是Vue.js,在导入组件后,我们还必须将其导出.
为什么？我们为什么不简单地导入它？