上篇，我们讲了后端的授权。与后端不同，前端主要是通过功能入口如菜单、按钮的显隐来控制授权的。具体来讲，就是根据指定用户的制定权限来加载对应侧边栏菜单和页面内的功能按钮。我们一个个来讲。
该教程从基础开始，介绍了Vue Router的概念，如何配置路由以及如何使用组合式API。它还介绍了如何在Vue Router中使用组合式API来创建布局。教程还包括如何使用路由钩子函数和路由元信息来控制布局。
同事 K 微信里发过来一张手机拍的图片，他在客户现场，原来我们都是开发部前端组的，现在开发人员按业务线划分，他去另外一个组了，客户现场那里的开发电脑由于安全需要不能连外网。
最近有人在问：小智， Vue3 有没有对应制作文档的工具。于是，我去查了一些资料，发现，Vue3和新的Vite构建工具为我们提供了另一种快速开发静态站点的方法，那就是 Vitepress。
pushbar.js是一款带模糊效果的js隐藏滑动侧边栏插件。pushbar.js能制作上下左右四个方向的滑动侧边栏效果，并且在侧边栏菜单显示的时候，主页面会带有炫酷的模糊特效。
emlog侧边栏复古翻牌时钟效果。（涛先森原创） 小编发现，本博客的后边侧边栏总是觉得空空的，反复思索了一下，决定加个时钟 但是时钟现在的人体艺术时钟已经泛滥，思索着整一个新的。 放
先给大家看一下网站封面，个人是非常喜欢的，记得高中下课后的娱乐项目之一就是，趴在桌子下面，用手机偷偷看灌篮高手，这个是真的好看，喜欢打篮球的哥们应该都看过这个动漫。
如果你不知道 企业微信侧边栏 是什么，那就可以划走这篇文章了。如果你知道这是个啥，那你一定非常苦恼要怎么开始。
要让你的网站显示内容, 就需要进行配置, 需要在.vuepress文件夹下新建一个总的配置文件config.js, 这个文件的名字是固定的,即.vuepress/config.js，它导出一个 JavaScript 对象,使用的是Commonjs文件导入导出的规范 如有对 CommonJS 使用疑惑可参考文档:commonJs 使用规范
其实关于主题家这个模板我之前一直在打算找一款插件，可以自动调整右侧的跟随效果，但是苦于没有思路一直没整，前几天网友又反映到这个问题了，于是重新整理查找资料，我记得之前写过一篇“zblogphp侧栏跟随代码教程，看了就会。”的博文，但是这个仅仅针对右侧某个栏目跟随，而且不能判断整体。所以在网上找相关功能，整理之后代码如下：
上篇文章有介绍一些小程序的自定义组件语法，这篇文章就不多做赘述，重点介绍组件的实现逻辑。
侧边栏的作用应该就不用多说了吧，能够很方便我们回到网页的指定位置，在大屏设备中，侧边栏往往是悬浮于屏幕右侧，很方便用户的使用，但在小屏设备中，屏幕空间有限，所以我们会通过隐藏侧边栏的方式，来节省视口空间的使用
作者：matrix 被围观: 2,028 次 发布时间：2013-10-01 分类：Wordpress | 9 条评论 »
很多应用程序都采用了侧边栏这样的界面结构，MMDrawerController是一个轻量级的侧边栏抽屉控件，其支持左侧抽屉和右侧抽屉，可以很好的支持导航控制器，并且支持开发者对手势和动画进行自定义。MMDrawerController的git地址如下：
本项目侧边栏和路由是绑定在一起的，所以你只有在 @/router/index.js 下面配置对应的路由，侧边栏就能动态的生成了。大大减轻了手动重复编辑侧边栏的工作量。当然这样就需要在配置路由的时候遵循一些约定的规则。
滚动侧边栏的方式，好处显而易见，当博文较长的时候就不会因为侧边栏太短而产生不美观了。其实有集中方法：另一种方法请参考侧边栏滚动教程；滚动侧边栏的教程，其实很简单，先来看看代码。需要加载jquery。emlog可以直接使用/include/lib/js/jquery/jquery-1.7.1.js。js代码如下：
前段时间我一直想着给博客添加一个公告栏，本来已经想好了建立一个模型然后前端留个公告栏的窗口即可，很简单。但是偶然发现了别人博客使用了一个开源的前端插件 tctip，可以公告栏和打赏还有微信群二维码显示，感觉非常符合我的要求，于是经过一轮考虑之后，我把这个前端插件做成了 django 的应用，可以非常方便地接入任何 django 项目。
直接在 Chrome 的调试窗口中调试 Vue 代码有诸多不便， 好在 Visual Studio Code 中提供了 Debugger for Chrome 插件，能够通过配置直接在 VS Code 断点调试代码, 并且在 VS Code 的调试窗口看到 Chrome 中 console 相同的值，这篇文章就来介绍一下这个配置过程。
上篇文章(webpack+vue项目实战（一,搭建运行环境和相关配置）)搭建了好了基本的一个项目目录，安好好了一些要用到的依赖，以及把项目跑了起来。接下来，我们就进行第二步的操作，第二步就是做好一个开发系统的主页面，这个页面主要也就是一个侧边栏，通过侧边栏的各个选项来进行操作（切换各个组件）。比如回款管理，订单管理，物流管理等等的操作。
在我们日常使用中，会安装很多插件，如： 主题、Prettier、code snippets、Eslint、Jest Runner、Git等等。每种插件都能解决我们实际开发中的某一块诉求。我把所有的插件大致归为三类：UX/UI类、语言类、工具类
搭建后台管理系统最基础的是什么呢？个人的体会是整体的基础框架，这个是指最基础的框架，比如根 router-view, 侧边栏以及侧边栏的router-view，以及顶部栏，等基础布局的控制。
很多人习惯在 Chrome 的调试窗口中调试 Vue 代码， 或者直接使用 console.log 来观察变量值， 这是非常痛苦的一件事，需要同时打开至少 3 个窗体。个人还是更加习惯于断点调试。这篇文章将介绍如何配置 Visual Studio Code 和 Chrome 来完成直接在 VS Code 断点调试代码, 并且在VS Code的调试窗口看到Chrome中console相同的值。
可能你也想拥有一个属于自己的博客网站，但是自己搭个博客网站不知道从何下手，而且还需要租个云服务器，虽然一个月只需几十块钱，但是我们的博客网站是要长期维护的，日积月累也要不少钱呢。
贴出本站关闭打开侧边栏（不带Cookie），适用于大前端主题；想要Cookie，百度有实例，接下来是代码部分了
因为博主最近一直在想着把自己的文章同步到博客园，掘金，简书等类似的技术博客网站上，偶然间看到了博客园可以自己自定义博客的样式。博主立马就来了兴趣，毕竟谁不喜欢好看的，我就是馋它的身子。我下贱。
这次我们需要实现的场景是在前端表格环境中，像模板按钮那样，点击之后弹出一个侧边栏，然后通过点击不同的单元格显示不同的内容。
bootstrap-vertical-menu是一款基于Bootstrap的CSS3响应式滑动侧边栏布局模板。该滑动侧边栏布局在大屏幕中以侧边栏的形式存在，在小屏幕设备中，菜单会被移动到屏幕的底部，只显示菜单的图标。
在templates目录下增加employee文件夹，将list.html页面放入该文件夹下。在controller包中新建EmployeeController，增加list方法来获取Employee列表，然后返回list.html页面
本站在修改侧边栏的时候，进行了侧变栏内容固定浮动跟随浏览器，但是问题来了，固定浮动侧边栏之后随机文章的比较长的标题会凸出去外边、或者两行显示，感觉很难看的样子，所以寻找办法修改标题字数使之截断过长的标题！
今天封装了一个用于自动生成VitePress 侧边栏的npm包，分享一下，求求帮忙Star。
当然也可以自己写不用vuepress，自己写代码然后通过githubPages也是可以的，只是使用vuepress相对来说时间快一点，他生成的网站也是响应式的。
Github 仓库链接：plugins/MenuTree at master · typecho-fans/plugins · GitHub
本篇文章来自好友肥子哥，原文连接：https://xhhdd.cc/index.php/archives/80/
编者按：本文作者Anthony Rose，是社交网络电台Zeebox的联合创始人及CTO，文章不仅分析了侧边栏导航和Tab导航的利弊，还有改版过程进行A/B test 的详尽过程，且最后也给了建议，读完能对这两种导航有清晰的认识，非常有价值的经验分享 。 设想你需要设计一个含有许多页面和模块，不能在一屏内显示完全的应用。你一定会首先想到去设计一个底部或顶部的Tab导航。等一下，多出来的一排导航看上去有点碍眼？我们尝试下把他们收到侧边栏里，或者叫安卓团队给它的名字“侧边抽屉导航”。 如果你们的应用的也是多
请注意，本文编写于 179 天前，最后修改于 161 天前，其中某些信息可能已经过时。
多级目录构建navbar、sidebar引用404问题：在构建多级文件目录的时候，针对多级文件夹下的md文件，其会相应加载同级目录下的navbar.md、sidebar.md文件，但这个时候由于navbar.md、sidebar.md文件存放在根目录或者是自定义指定的文件夹下，引用相对路径则会报404问题。针对上述情况，可以有如下调整方案：
这篇文章 Guide 哥就手把手教大家搭建一个像下面这样的文档类型的网站，你可以用来当做项目的说明文档，也还可以当做自己专属的知识小仓库。
转载请标明出处： https://www.jianshu.com/p/307684deff51
VuePress是Vue驱动的静态网站生成器。对比我们的Docsify动态生成网站，对SEO更加友好。
😁作为一个程序员，在日常的工作、生活、学习的过程中基本都有很多需要做笔记的地方；做笔记的主要目的之一是为了“温故而知新”，另一个则是为了在下一次遇到的时候，不需要再次耗费精力去找解决方法； 回顾自己之前写的那个主题，不管是写还是查都不怎么方便，最终下定决心重写一个主题；以 “方便记、方便查、简约”作为设计核心； 开源地址 Github：https://github.com/friend-nicen/theme-document Gitee：https://gitee.com/friend-nicen/the
最近一直在想如何利用 COS 简化静态博客的搭建过程。搜了很多的静态博客搭建过程，发现大部分的静态博客都要通过编译才能生成静态页面。功夫不负有心人，终于让我找到了一个超简洁博客的搭建方法。
近期，随着新版互推联盟自适应 iframe 代码的推出，调用的博友也慢慢增加了 ，这是很高兴的事情，也有博友反应调用的这个页面加载会有点慢。我来说明一下，因为这个互推联盟这个页面是纯动态页面，也就是每次刷新都要重新从数据库查询并输出，而且随着成员越来越多，这加载速度也会越来越慢，而且，对玛思阁的服务器也会造成更大的负载。这是一个需要解决的问题。 第一时间，我就想到使用静态缓存此页面的方法来解决加载过慢的问题。于是就安装了 WP-Super-Cache 这个插件，并根据实际情况设置了下，发现效果还不错！但还是
在我们知道如何创建一系列输入和输出控件之后，我们需要学会如何在一个页面中对它们进行排列，以达到比较好的展示效果。这正是布局函数的工作，布局函数提供了一个应用高层次的可视化结构。
Docsify是一款开源的文档生成工具，目前在Github上已有21K+Star。Docsify可以快速帮你生成文档网站，不同于VuePrese和Hexo的地方是它不会生成静态的.html文件，所有转换工作都是在运行时。
每次 DDIA 读书会[1]之后，会把文字稿发在知乎[2]、博客[3]或者微信上。但是文字稿实在是又臭又长，这些平台似乎都不太是一个好的载体。而 GitHub Pages 使用 Jekyll[4] 渲染，但只支持寥寥几个免配置的主题，怎么说呢，就都挺丑的。
基于vue3实现的SwaggerUI 这只是一个试用版，还会继续调整ui样式，目前只提供源码包需要install到本地使用，未来会release到maven中央仓库，ui的源代码也会发布。 它目前仅仅是一个皮肤，但是未来会走两条路线，第一条是单纯的ui，另外就是与 YDoc一款支持Swagger和YApi的文档生成器 集成实现更多实用的功能。 不要拦截资源: /doc.html /assets/* github github.com/NoBugBoy/Yd… 预览（我这里只展示了黑天模式，还有白天模式）
经过前面两期文章，我相信你已经可以在本地建立一个非常令人满意的静态博客了，本篇文章将介绍如何将自己的静态博客部署到 gitpage 上，并托管到 github 上；以及关于 Hexo 和 NexT 中更深层次的一些问题及解方案。
这是一个透明底的代码： <script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehonecl04
今天我们继续介绍一款文档软件，它堪称程序员文档利器。是Docute的大哥。也是专注纯净的文档构建。对于SEO并不擅长，但是它简单高效的特点斩获了大批的用户，我也是其忠实的拥护者。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
