前两天搁置的笔记今天给记一下,说的两个功能很多评论程序都有自带,不过 Valine 没有只能自己改了。获取博主显示的思路很简单,直接在 Valine 写入元素之前加一个对昵称/邮件的判断即可,置顶程序则需要在 leancloud 后台添加一个列来判断(实现方式各不相同)
我们平时在逛一些电商网站时,无论是首页还是详情页,通常会有一个导航菜单石红跟随着页面,无论是页面滚动到中间还是底部
Hexo博客Next主题文章置顶相关 我需要写一些文章做推荐相关,需要文章置顶功能 博客效果
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/129314.html原文链接:https://javaforall.cn
hexo+github搭建专属个人博客的教程很多,这里也就不再介绍了,当然你也可以点击阅读原文查看。但是在初始搭建完成后,需要进行很多配置,使得网站功能更加健全,因此本文主要介绍网站的功能补全和优化。
这是一个可以重要也可以不重要的方法,重要的是,它的权利真的很大,尤其是在模块化加载layer时,你会发现你必须要用到它。它不仅可以配置一些诸如路径、加载的模块,甚至还可以决定整个弹层的默认参数。而说它不重要,是因为多数情况下,你会发现,你似乎不是那么十分需要它。但你真的需要认识一下这位伙计。
HTML代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>选项卡</title> <link rel="stylesheet" href="css/tab.css" /> </head> <body> 视频</li02
见博客:http://zhwhong.ml/2017/03/23/deal-with-hexo-article-top-problem/ ---- Hexo默认只提供了按发布日期的排序,只好网上找了些资料修改。 原理:在Hexo生成首页HTML时,将top值高的文章排在前面,达到置顶功能。 修改Hexo文件夹下的node_modules/hexo-generator-index/lib/generator.js,在生成文章之前进行文章top值排序。 需添加的代码: posts.data = posts.d
先放个图看看滑动固顶是啥效果: image.png 中间那个 tab 条,平常的时候是固定的,等到页面滑上去的时候,又像 fixed 一样贴在顶部。 position: sticky 就是用来实现这个效果的,元素不脱离文档流,仍然保留高度,所以这个属性真是人畜无害啊,而且效果如丝般润滑,堪比原生。 事实上,很多看起来人畜无害的东西,其背后都有一个大坑。 我们的 html 结构是这样的: <body ontouchstart=""> 06
本次魔改需修改源文件,望各位下手前先备份
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/148173.html原文链接:https://javaforall.cn
近期热门学习C语言编程看这篇就够了,信息量很大,建议收藏【置顶】十大排序算法,来这看看-基本思想+动画演示+C语言实现【置顶】 一个好玩的小游戏(纯C语言编写)【置顶】C语言基础——短短几分钟就让你了解数据是怎样在内存中存储的【置顶】 C语言实现将人员信息写入磁盘文件并读出显示【置顶】 c语言学生信息管理系统(基于文件、链表)【必读】 一文搞懂C语言对文件的操作 | 经典【必读】 23种设计模式的通俗解释,看完秒懂【必读】 10分钟,快速掌握C语言指针【必读】 17 张程序员壁纸(使用频率很高)【必读】
很多人都说 WordPress 后台很慢,有些同学反馈甚至都需要2-3秒才能打开,并且他们使用的服务器是阿里云 / 腾讯云这些,基本可以排除是服务器问题,那么为什么 WordPress 后台那么慢?
两年前写的一个文章目录生成插件vue-outline,一直用着没出啥问题(本站的文章目录也是用该插件生成的)。但是最近一个网友在使用的时候却出现了异常报错,异常代码使用了一个for...in遍历数组:
最近开发了一个博客项目 ,属于bbs论坛博客帖子,可以发技术性博客,也可以发其他类型(比如美妆、育儿交流、厨艺交流等),分类可有管理员动态添加,博客可以设置为置顶和精华帖。普通用户可以注册登录,发布自己的博客帖子,关注写作达人,收藏,评论,回复等。
实际上,AppBar 这个组件有许多的属性,我们通过这些属性,可以用来定义顶部导航栏的各种样式。下面我将为你一一说明这些属性的作用:
本项目是对冰卡诺老师写的教程:基于Butterfly主题的轮播手动置顶文章进行重构,精简了部分样式。适配pjax。
这个图片我用了阿里的矢量图库,如果不懂如何使用的朋友,可以访问iconfont阿里巴巴矢量图标库从注册到使用。
将首页置顶或分类置顶文章作为幻灯片/轮播图片的方法,当然要结合css和js才能实现轮播,下面代码只能实现调用的方法,首先在module.php加入代码(如何已经有下面代码的请忽略)
人在学校,身不由己。总有一些奇奇怪怪的学习任务,需要我们刷够一定的时长去完成,但这很多都是不太令人感兴趣的文字或是视频,而这些课都有共同的特点就是会间隔一定时间发出弹窗,确认屏幕前的我们是否还在浏览页面。每次靠人工去点击,会严重影响我们做其他正事的效率。
javascript的使用要用<script>元素,外部的文件使用src指向相应的文件,<script>会按照他们在页面的先后依次被解析,defer属性可以让当前脚本不必等待其他脚本,使用<noscript>元素可以指定在不支持脚本的浏览器中显示替代的内容。
前言 最近看到群里有小伙伴贴出一组面试题,最近又是跳槽黄金季节,小编忍不住抽出一点时间总结了下, 回答不妥的地方欢迎各位高手拍砖指点。 一、selenium中如何判断元素是否存在? 首先selenium里面是没有这个方法的,判断元素存在需要自己写一个方法了。 元素存在有几种形式,一种是页面有多个元素属性重复的,这种直接操作会报错的;还有一种是页面隐藏的元素操作也会报错 判断方法参考这篇:Selenium2+python自动化36-判断元素存在 二、selenium中hidden或者是display = n
前面介绍了Laravel中Websocket基本使用(Workerman) 接下来利用uni-app+laravel+workman实现一个简单的聊天功能。 聊天功能主要涉及到以下场景
每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件,如果 CSS 和 JavaScript 内联代码或者文件一多,就开始出现了两个比较难受的问题:
为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS 由此诞生,CSS 是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表。有了 CSS,html 中大部分表现样式的标签就废弃不用了,html 只负责文档的结构和内容,表现形式完全交给 CSS,html 文档变得更加简洁。
2)css、js、img等静态资源合并压缩(vue的项目有压缩css和js)
大家好,我是HoMeTown,web领域有一本神书大家应该都有看过,这本书我看过两遍,但是每次看都是粗粗的略过一些重要的知识点,甚至一些面试过程中的问题,在这本书里都能找到答案。
要想让输入的字符串倒序输出有很多种方法,我们可以用字符串处理函数,也可以将字符数组内的元素进行交换,在这里,我们用递归的方式来封装一个可以将字符串倒序输出的函数。
在写系列博文时对于某一篇文章的寻找过程会比较繁琐(对于博主而言自然会简单些,但是对于访客来讲就没那么轻松),因此参考Akilar的博文弄了一个置顶轮播图。可以把系列博文的链接汇总起来做一个索引,放置在轮播图中。这样既可以展示博主想对外展示的内容,又方便快速进行文章跳转。
说到消息“撤回”,应该能想到 qq 或者微信提供的消息撤回功能,应该算是互联网上的一剂后悔药,这样做不仅能减少评论错误,还能极大程度提升用户使用体验,这两全其美的事情何乐而不为,可我们修改的对象 Valine 一如既往的没有提供这些人性化的功能,所以我们还得和以前一样看看文档写写 bug 才能把功能捣鼓出来..(想法来自 @Zsedczy 的评论重新编辑和撤销删除)
但是如果其他程序也置顶,后来的置顶就会覆盖之前的置顶,所以我们要保证我们的窗口永远置顶就要做如下设置。
https://developer.yahoo.com/performance/rules.html
如果在markdown文件中不添加updated这个值,那么hexo会获取文件的修改日期,并渲染出来。
在上一篇教程《WebGL简易教程(八):三维场景交互》中,给三维场景加入了简单的交互,通过鼠标实现场景的旋转和缩放。那么在这一篇教程中,综合前面的知识,可以做出一个稍微复杂的实例:绘制一张基于现实的地形图。
按需加载 合并压缩文件 将小图标合并成雪碧图 字体图标 dataURL 内置图片
首先,你需要启动Links插件才能保证主题正常运行。 由于原插件存在一定问题,我将修改后的版本置于下载区。
日常工作中再牛逼的大佬都不敢说自己的代码是完全没有问题的,既然有问题,那就也就有调试,说到调试工具,大家可能对于fiddler、Charles、chrome devtools、Firebug、还有Safari远程调试等比较熟悉,甚至有些是我可能也没有用过的;
总结:元素发生溢出时可以设置scrollTop,设置的值为元素里内容向上滚动的不可见区域的高度
需求描述为,点击视频或图片,将其放大或者播放在上图中的播放窗口中;下方区域居中显示对于图片或者视频的描述文字;黑色背景区域显示为覆盖全屏的黑色半透明窗体;右上角有播放关闭按钮,关闭后即关闭整个播放区域和黑色窗体背景;并且要求覆盖浏览器的返回按钮,返回时效果同点击关闭按钮。
安装electron依赖经常会不成功 在项目目录下创建.npmrc文件,设置镜像地址 npm config set strict-ssl false
金三银四,又到了一年一度的跳槽季,相信大家都在准备自己的面试笔记,我也针对自己工作中所掌握或了解的一些东西做了一个目录总结,方便自己复习。详细内容会在之后一一对应地补充上去(有些在我的个人主页笔记中也有相关记录),这里暂且放一个我的面试知识点目录,大家有兴趣可以自己根据目录去扩展。欢迎在评论下方指点一二,看还有哪些没考虑到的,互相交流一哈...
可视化编辑器,解决传统文章编辑器编辑及发布页面不一致的痛点,实时同步后台编辑与前端效果,大幅度提升内容管理效率,实现真正的所见即所得—— What You See Is What You Get. 简
最近从0开始,开发了【企鹅速算检查】小程序,在开发过程中遇到一堆的问(巨)题(坑),这里记录下来分享给大家。
Fusionapp小文档.jpg 最近又重构了下博客的套壳app,还是用的FusionApp制作的,为了避免忘记特此写一些基础文档。 基础控件ID
最近官网改版的任务交给了我,开发使用的是jq操作dom,后台php渲染的方式,如今已经开发完成,现在把一些问题记录下来,已备忘。
本项目是基于springboot开发的小区垃圾分类的监管系统。为了更好的督促小区业主更好的进行垃圾分类和垃圾投放,本系统设计了一套积分奖罚机制,如果业主此次投放垃圾符合分类要求则加10积分,不符合则扣除200积分,积分不够需要进行扫码支付罚款。为了更好的提高业主的垃圾分类理念和认知,本系统还开发了新闻模块,由管理员发布环保新闻,普通用户可以进行评论。
领取专属 10元无门槛券
手把手带您无忧上云