首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用 gulp-file-include 构建前端静态页面

前言 虽然现在单页面很流行,但是在 PC 端多页面还是常态,所以构建静态页面的工具还有用武之地。最近也看到了一些询问如何 include HTML 文件的问题。...单纯的静态页面不具备这种功能,而使用 gulp 插件可以很容易的完成,比如 gulp-file-include 插件。.../dist'));//输出文件路径 }); 导航条 导航条是主要的引用内容,但是一般当前页面的导航都会有选中效果,那么就要使用 gulp-file-include 的判断功能。...其实无论是后台还是前台,在引入导航条这个问题上的解决方法差不多,都是在当前页面定义一个私有变量,通过这个变量来设置链接的选中效果,而 gulp-file-include 的变量通过传参实现。...联系我们 面包屑 面包屑也是常用的功能,不过有些时候并不需要前端构建的方式生成

1.7K60

使用纯粹的JS构建 Web Component

定制的组件基于 Web Component 标准构建,可以在现在浏览器上使用,也可以和任意与 HTML 交互的 JavaScript 库和框架配合使用。...它赋予了仅仅使用纯粹的JS/HTML/CSS就可以创建可重用组件的能力。如果 HTML 不能满足需求,我们可以创建一个可以满足需求的 Web Component。...为了继续教程,我们需要创建一个 文件,然后写入下面的代码: 因为并不是所有浏览器都支持 Web Component,我们需要引入 webcomponents.js 这个文件。...我希望这篇文章可以提供给你足够的信息来让你尝试不添加任何依赖来构建自己的定制组件。...你可以在这里阅读第二部分的教程:使用纯粹的JS构建 Web Component - Part 2! 关注我们

1.2K60

使用Node.js构建API网关

使用Node.js构建API网关 当微服务架构中的服务被外部的客户端访问时,可以共享有关身份验证和传输的一些常见请求。...由于JavaScript是为浏览器开发应用程序的主要语言,即使你的微服务体系结构使用其他的语言进行开发,但是使用Node.js也不失为一个实现API网关的绝佳选择。...Netflix成功使用Node.js构建API网关及其Java后端来支持绝大部分的客户端 - 了解更多关于他们的方法的信息,请阅读Netflix的微服务--'已经铺好路'的平台既服务商业模式文章。...在这种情况下,你可以在Node.js中实现自己的 API网关。...你可以将不同的通用逻辑添加到你的API网关,需要注意的是,你应该避免构建过于庞大的API网关,从而让服务团队获得控制权。

5K90

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券