前言 因为Joe主题作者不再更新,我便基于原主题 7.3.7 最新版开发了再续前缘版,秉承着原版作者大神免费开源的伟大初衷(在这里吐槽一下...密...),再续前缘版是朝着简便实用的路线发展的。 如果有问题可以跟我反馈,共同进步。祝各位道友一路飞升,顶峰相见!
├── assets │ ├── audio // 鼠标划上去的音效文件 │ ├── background // 动态背景文件 │ ├── css // 主题样式目录 │ │ └── joe.min.scss // 全局样式文件,优先PC端 │ │ └── joe.responsive.min.scss // 自适应样式文件 │ │ └── joe.setting.min.scss // 后台外观设置的样式文件 │ │ └── OwO.min.scss // 评论
😁作为一个程序员,在日常的工作、生活、学习的过程中基本都有很多需要做笔记的地方;做笔记的主要目的之一是为了“温故而知新”,另一个则是为了在下一次遇到的时候,不需要再次耗费精力去找解决方法; 回顾自己之前写的那个主题,不管是写还是查都不怎么方便,最终下定决心重写一个主题;以 “方便记、方便查、简约”作为设计核心; 开源地址 Github:https://github.com/friend-nicen/theme-document Gitee:https://gitee.com/friend-nicen/the
个人网站 www.yanlongwang.net 已经运营近一年,每日的浏览量不断上升,现在维持在两位数,打算承接一点广告赚睡后收入,用来维持网站的日常运营,希望能覆盖网站的服务器和域名开销。
如果你不知道 企业微信侧边栏 是什么,那就可以划走这篇文章了。如果你知道这是个啥,那你一定非常苦恼要怎么开始。
之前写过很多 App 端自动化的文章,大都基于 Appium、Airtest、无障碍服务等技术来实现的
mall项目是我去年写的SpringBoot实战电商项目,现在在Github上面已经有18k+star。去年12月份的时候,mall项目只有一些必要的说明文档和部署文档。mall项目涉及到的技术栈比较广泛,业务也比较复杂,却没有系统的学习教程。今年5月份的时候,我开始完善整套学习教程,目前已经更新了三十余篇。最近使用docsify搭建了一个小型的文档网站,希望大家能有更好的阅读体验。本文将介绍如何使用docsify来写开源项目文档。
有时候,我们想让我们的网站博客更加顺畅,用户体验更好,可以结合一些第三方的插件,开箱即用
我的旧主题是基于初学前端时写的 Fuji 主题构建的大改版,而在历经多次小修小补之后终于进入了维护不动的的状态。无论是 Hugo 模板本身,还是相配的 JS 和 CSS 都进入了完全的混乱状态。趁着近期有一点时间,是时候来一次重构了。
Docsify是一款开源的文档生成工具,目前在Github上已有21K+Star。Docsify可以快速帮你生成文档网站,不同于VuePrese和Hexo的地方是它不会生成静态的.html文件,所有转换工作都是在运行时。
好消息是,我们已经进入了 AIGC时代,随着AI大模型的爆发,AI工具,尤其是AI阅读工具为我们提供了全新的高效解决方案。
黄色的方框里是我博客的名字,也相当于是一个 logo吧,绿色的部分我计划每小时随机显示一条名言(或者鸡汤?)
页面整体布局是一个产品最外层的框架结构,往往会包含导航、侧边栏、面包屑以及内容等。想要了解一个后台项目,先要了解它的基础布局。
本篇为一移动端博文,个人觉得这篇外文还可以,就翻译了一下,最终实现的一个效果是:用手势创建一个本地菜单(点击一菜单按钮,实现设置一个触摸侧滑,滑动滑出效果,如下文中的gif图所示),主要涉及的知识点有移动端三大触摸事件(touchstart,touchmove,touchend),触摸属性,以及实现侧边栏动画,在处理移动端点击,拖动,滑动时,是不得要考虑用户的触摸手势,判断手指在页面上到底是点击还是滑动的,利用原生js的方法封装点击,移动,抬起功能函数,尽管移动(手机)端与pc端有很多相似之处,但还是有很多要注意的地方的,如果你想获得该Demo的源码,复制该标题后台回复[手势魅力-设置一个触摸菜单]就可以了的,初次翻译,如果有误导的地方,欢迎路过的老师,多提意见和指正,如果你想阅读英文原文,扫文末下方二维码或者跳转到指定链接就可以了的
本项目侧边栏和路由是绑定在一起的,所以你只有在 @/router/index.js 下面配置对应的路由,侧边栏就能动态的生成了。大大减轻了手动重复编辑侧边栏的工作量。当然这样就需要在配置路由的时候遵循一些约定的规则。
vue3也出来了一段时间,现在风头正火最新潮流技术莫过于vite、typescript、pinia这些了,如果在找工作面试的过程中,或者在公司做项目的时候,稍微透露一下你做过相关的项目,相信老板也会对你刮目相看的
转载请标明出处: https://www.jianshu.com/p/307684deff51
GitHub 主要对 UI 设计以及 Repository 布局进行了更新,改善了访问和维护 Repository 的体验,其实主要有以下几点更新:
pushbar.js是一款带模糊效果的js隐藏滑动侧边栏插件。pushbar.js能制作上下左右四个方向的滑动侧边栏效果,并且在侧边栏菜单显示的时候,主页面会带有炫酷的模糊特效。
emlog侧边栏复古翻牌时钟效果。(涛先森原创) 小编发现,本博客的后边侧边栏总是觉得空空的,反复思索了一下,决定加个时钟 但是时钟现在的人体艺术时钟已经泛滥,思索着整一个新的。 放
先给大家看一下网站封面,个人是非常喜欢的,记得高中下课后的娱乐项目之一就是,趴在桌子下面,用手机偷偷看灌篮高手,这个是真的好看,喜欢打篮球的哥们应该都看过这个动漫。
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。通过基础的 24 分栏,迅速简便地创建布局。
其实关于主题家这个模板我之前一直在打算找一款插件,可以自动调整右侧的跟随效果,但是苦于没有思路一直没整,前几天网友又反映到这个问题了,于是重新整理查找资料,我记得之前写过一篇“zblogphp侧栏跟随代码教程,看了就会。”的博文,但是这个仅仅针对右侧某个栏目跟随,而且不能判断整体。所以在网上找相关功能,整理之后代码如下:
要让你的网站显示内容, 就需要进行配置, 需要在.vuepress文件夹下新建一个总的配置文件config.js, 这个文件的名字是固定的,即.vuepress/config.js,它导出一个 JavaScript 对象,使用的是Commonjs文件导入导出的规范 如有对 CommonJS 使用疑惑可参考文档:commonJs 使用规范
于是我们跳转到这个界面,也就是我们的移动端的点餐的主界面,大体的话,就是这样的一个界面。
对于动效的看法,我个人也觉得微动画,微交互是最好的。不过有动画总比没有的好,也要看实际用途
侧边栏的作用应该就不用多说了吧,能够很方便我们回到网页的指定位置,在大屏设备中,侧边栏往往是悬浮于屏幕右侧,很方便用户的使用,但在小屏设备中,屏幕空间有限,所以我们会通过隐藏侧边栏的方式,来节省视口空间的使用
作者:matrix 被围观: 2,028 次 发布时间:2013-10-01 分类:Wordpress | 9 条评论 »
TYPECHO主题-NoLine图片是我第一次学习前端基础不久创作的一款主题主题预览:https://www.idkzr.com/目前这款主题用到了bootstrap框架,highlights代码高亮等 1. 响应式布局,移动端舒适体验 2. 主题足够轻量,在大部分css与js在本地的情况下,依然能快速响应到浏览器 3. 支持“时光动态”功能(类似说说) 4. 显示侧边栏:个人名片、标签云、最新评论5条 5. 支持自定义备案号、网站统计代码 6. 支持归档、友链独立页面 7. 将默认Grava
该教程从基础开始,介绍了Vue Router的概念,如何配置路由以及如何使用组合式API。它还介绍了如何在Vue Router中使用组合式API来创建布局。教程还包括如何使用路由钩子函数和路由元信息来控制布局。
滚动侧边栏的方式,好处显而易见,当博文较长的时候就不会因为侧边栏太短而产生不美观了。其实有集中方法:另一种方法请参考侧边栏滚动教程;滚动侧边栏的教程,其实很简单,先来看看代码。需要加载jquery。emlog可以直接使用/include/lib/js/jquery/jquery-1.7.1.js。js代码如下:
通过淘宝镜像下载安装所有的依赖,几分钟后下载完成 如果没有安装淘宝镜像,请使用npm install
这样做的好处,是能让读者快速定位到这条评论,并且给予回复。找到自己感兴趣的内容。 但是弊端也有: 就是不利于seo 我这里用我的一篇被百度收录的文章来举例。 因为首页侧边栏那里有评论的链接,所以百度在抓取的时候,很容易将这种带评论参数的链接直接收录。 如图所示
相信很多的前端小伙伴都有过和我一样的烦恼,就是要写很多很多的xx后台管理系统,写这个系统的时候就无可厚非需要去使用到后台管理系统的模板,但是目前市面上主流的开源的后台管理系统的模板存在以下几个问题,都是我本人亲自使用感觉出来的,有同感的小伙伴可以把公屏打在同感上。
上篇,我们讲了后端的授权。与后端不同,前端主要是通过功能入口如菜单、按钮的显隐来控制授权的。具体来讲,就是根据指定用户的制定权限来加载对应侧边栏菜单和页面内的功能按钮。我们一个个来讲。
本人刚用 VuePress 写完一个 UI 框架的文档:https://zyqq.github.io/wheel 确实很好用且自带PWA,访问速度飞快。特此总结使用方法。
搭建后台管理系统最基础的是什么呢?个人的体会是整体的基础框架,这个是指最基础的框架,比如根 router-view, 侧边栏以及侧边栏的router-view,以及顶部栏,等基础布局的控制。
最近有人在问:小智, Vue3 有没有对应制作文档的工具。于是,我去查了一些资料,发现,Vue3和新的Vite构建工具为我们提供了另一种快速开发静态站点的方法,那就是 Vitepress。
大前端是指在传统前端开发基础上,结合新的技术和工具,拓展前端开发能力,进一步提升用户体验和页面交互性。大前端开发涉及到多种技术领域,包括前端技术、移动端开发、桌面端开发等,旨在实现跨平台、跨终端的统一开发和用户体验。
写在前面的话:随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
可能你也想拥有一个属于自己的博客网站,但是自己搭个博客网站不知道从何下手,而且还需要租个云服务器,虽然一个月只需几十块钱,但是我们的博客网站是要长期维护的,日积月累也要不少钱呢。
前段时间我一直想着给博客添加一个公告栏,本来已经想好了建立一个模型然后前端留个公告栏的窗口即可,很简单。但是偶然发现了别人博客使用了一个开源的前端插件 tctip,可以公告栏和打赏还有微信群二维码显示,感觉非常符合我的要求,于是经过一轮考虑之后,我把这个前端插件做成了 django 的应用,可以非常方便地接入任何 django 项目。
贴出本站关闭打开侧边栏(不带Cookie),适用于大前端主题;想要Cookie,百度有实例,接下来是代码部分了
同事 K 微信里发过来一张手机拍的图片,他在客户现场,原来我们都是开发部前端组的,现在开发人员按业务线划分,他去另外一个组了,客户现场那里的开发电脑由于安全需要不能连外网。
在templates目录下增加employee文件夹,将list.html页面放入该文件夹下。在controller包中新建EmployeeController,增加list方法来获取Employee列表,然后返回list.html页面
因为博主最近一直在想着把自己的文章同步到博客园,掘金,简书等类似的技术博客网站上,偶然间看到了博客园可以自己自定义博客的样式。博主立马就来了兴趣,毕竟谁不喜欢好看的,我就是馋它的身子。我下贱。
上篇文章有介绍一些小程序的自定义组件语法,这篇文章就不多做赘述,重点介绍组件的实现逻辑。
平时通过Notion/飞书进行团队工作的时候,总有这么几个常用文档都需要每次都得在浏览器打开并且排列好顺序,但是有可能隔天又得反复操作😱,不禁感叹:如果能把常用的文档文件都能在一个地方轻松打开就好了! 那么,飞书这个功能的更新,你一定会感到很舒适!
领取专属 10元无门槛券
手把手带您无忧上云