小编nic*_*ish的帖子

在当前的Web项目中,我使用了几个jQuery插件并在关闭body标签之前初始化它们.我的问题是,从加载时间/性能的角度来看,我最好将所有这些初始化并将它们复制到一个外部化的js文件中吗？插件在网站的所有页面中以相同的方式进行初始化,因此看起来加载一个,集中文件最好,不是吗？感谢您的任何反馈.

我有一个使用 Vue CLI 创建的简单的基于 Vue 的网站，我正在尝试弄清楚如何使用动态路由为视图动态生成页面标题。该网站正在从无头 CMS 中提取 JSON 数据，并且我为“项目”内容类型的详细视图设置了动态路由。我的动态路由设置如下：

// single project vue (dynamic)
{
    path: "/projects/:project_name_slug",
    name: "single-project",
    component: () =>
        import(
            /* webpackChunkName: "single-project" */ "./views/SingleProject.vue"
        ),
    meta: {
        title: "project detail",
    }
}

我添加了以下内容，适用于添加静态页面标题：

// show page titles
const DEFAULT_TITLE = "my blog";
router.afterEach((to, from) => {
    // document.title = to.meta.title || DEFAULT_TITLE;
    document.title = "my blog - " + to.meta.title || DEFAULT_TITLE;
});

目前，在访问项目详细信息视图时，标题将显示为“我的博客 - 项目详细信息”；但是，我希望它从 JSON/字段数据中提取实际的项目名称project_name（就像路由路径正在使用一样project_name_slug），但到目前为止我尝试过的任何方法都不起作用。例如，使用meta: { title: (route) …

我有一个简单的jQuery函数（在下面进行详细介绍），用于操纵文档标题的位置，我想知道是否可以添加一个参数，以便仅在浏览器窗口为一定大小？在这种情况下，我希望仅在浏览器窗口宽度超过1024px时才执行“ stickyHeaderTop”函数；这可能吗？

<script type="text/javascript">
    $(function(){
    var stickyHeaderTop = $('header').offset().top;

    $(window).scroll(function(){
            if( $(window).scrollTop() > stickyHeaderTop ) {
                    $('header').css({position: 'fixed', top: '0px'});
            } else {
                    $('header').css({position: 'relative', top: '30px'});
            }
    });
});
</script>

我正在使用Owl Carousel响应滑块,我正在试图弄清楚如何在主容器中定位图像和标题元素.我在这里设置了一个测试页面,我附上了一个模型指南.理想情况下,我想为容器元素设置最大/最小高度,将<p>标题固定到容器的左下角,并将图像垂直对齐到滑块的中间.

这可以通过基本的CSS吗？感谢您的任何指导.

我正在努力让我的生活找出应该是一个极其简单的CSS任务:将一个文本块对齐到一个图像的右边并垂直定位该块以使其与图像的底部对齐; 而且我宁愿不必为包含元素声明一个高度,因为这是一个冗长的图像列表,尺寸会有所不同(但都有一定的最大宽度/高度).我试图用"position:relative"定义一个父元素,其中包含两个左浮动的div,一个包含图像,另一个包含文本块,位于"absolute"和"bottom:0",我似乎无法看到让文本块与图像底部对齐...

这里的任何帮助都可以帮助我避免精神错乱;)