首页
分类
杂记
笔记
随记
闲说
关于
其他
友联
留言
归档
登 录
Search
1
Typecho 后台美化插件——WangStyle
39,669 阅读
2
第三期全国中小学校党组织书记网络培训示范班学习心得
5,186 阅读
3
Typecho 主题——Joe 使用文档
3,785 阅读
4
JOE 主题小王先森改版
2,536 阅读
5
一个多引擎搜索主页
2,363 阅读
标签搜索
jQuery
后台美化
小王先森
累计
343
篇文章
收到
952
条评论
首页
栏目
杂记
笔记
随记
页面
闲说
关于
更多
友联
留言
归档
登录
登 录
笔记
共 28 篇
JOE 主题小王先森改版
JOE 是一款开源免费的 TypeCho 主题,功能之强大可以甩掉那些收费主题几条街,主题文件结构清晰,代码一目了然,是一款难能可贵的学习参考资料。本站长呢,基于 JOE 主题进行了一些列的改造,诚如所见,它已成了有异于原 JOE 主题风格的新风格。本想着独享的,但还是决定把它分享出来,独乐乐不如众乐乐,有缘人可用之。更新日志1、修改:全局改版,前端登录、更加便捷。 2、增加:头部导航分类合并开关,并支持三级分类。 3、增加:导航栏最大显示个数,超出的以下拉菜单显示。 4、增加:底部导航栏自定义,为空则不显示,默认分辨率小于768显示。 5、增加:页面头部batten背景图片,首页顶部壁纸。 6、增加:侧边栏开关,默认开启。 7、增加:侧边栏随机文章。 8、增加:首页动态显示,页面别名与说说页面一致,默认关闭时显示通知文字。 9、增加:首页底部友情链接显示,友链页面分为首页链接和内页链接。 10、增加:留言页面读者排行开关,默认显示最近180天的30个读者且后台可重新设置,可排除不上榜的邮箱。 11、修改:主题备份、恢复和删除时页面弹窗的方式为自动刷新。 12、删除:JOE文章编辑器,保留短代码功能。 13、增加:说说页面,支持点赞、回复,前端直接发表内容且能贴图、放链接和表情。 14、增加:文章闲聊模式,支持列表点赞。 15、增加:移动端侧边栏菜单登录框,页面导航预设超出个数时以合并展开的方式显示。 16、增加:评论区PC端显示IP归属地,默认显示到市级。以上增加的内容,后台主题设置都能修改,更多细节不一一列出了,可参考本站,若有不明之处,可留言咨询。下载地址隐藏内容,请前往内页查看详情
6月30日
41
46
Swiper5 设置按屏幕宽度响应式
写前端页面时,添加轮播图是加分的。Swiper 是一个很不错的选择,但默认情况下,不会按照屏幕大小响应宽度,需要自己设定。以下是我在项目里用到的代码,它能设置按屏幕宽度响应式。breakpoints: { 372: { slidesPerView: 2 }, 576: { slidesPerView: 3 }, 768: { slidesPerView: 5 }, 992: { slidesPerView: 7 } }
4月3日
0
3
2021-08-22
联想Z470 体验 Windows 11
按照 MicroSoft 的说法,我这台十年前的联想 Z470 笔记本是不支持安装 Windows 11 的,但办法总比困难多,我还是体验到了。1、机器的配置处理器:Intel(R) Core(TM) i3-2310M CPU @ 2.10GHz 2.10 GHz 内 存:6.00 GB (2GB + 4GB)2、windows版本版本:Windows 11 专业版 版本:21H2 安装日期 2021/8/22 操作系统版本:22000.160 体验:Windows 功能体验包 1000.22000.160.03、系统激活之前还担心激活问题,但系统联网后自动数字激活了。整体比较流畅,之前用的软件也能正常运行,可以正常检查更新,安装完后我立马更新到最新的160版本了。
2021年08月22日
2
4
2021-06-20
python 打印九九乘法表
代码j = 1 while j <= 9: i = 1 while i <= j: # 格式化输出,每行的个数与行号相同 print(f'{i}*{j}={i*j}',end='\t') i += 1 # 输出一行后换行显示 print() j += 1
2021年06月20日
0
0
python 猜一个随机生成的数
题意使用 random 随机生成一个数,然后去猜。实现import random a = random.randint(1,100) while True: num = int(input('请输入一个1~100之间的数:')) if num == a: print('恭喜你,猜对了!') break elif num > a: print('猜大了,重新输入!') else: print('猜小了,重新输入!')扩展猜拳游戏import random computer = random.randint(0, 2) while True: player = int(input('(0-石头|1-剪刀|2-布)玩家出拳:')) if (player == 0 and computer == 1) or (player == 1 and computer == 2) or (player == 2 and computer == 0): print('玩家赢了') break elif player == computer: print('本局平局') else: print('玩家输了')
2021年06月20日
1
0
python 判断年份是否为闰年
闰年判断的依据1、可以被4整除,但不能被100整除;2、能够被400整除Year = int(input('请输入年份Year:')) while str(Year) != 'quit': year = int(Year) if year > 0: if year%4 == 0 and year%100 != 0 or year%400 == 0: print(str(year) + '年是闰年') else: print(str(year) + '年是平年') elif year < 0: if (year+1)%4 == 0 and (year+1)%100 != 0 or (year+1)%400 == 0: print('公元前'+str(-year) + '年是闰年') else: print('公元前'+str(-year) + '年是平年') else: print('年份不能为零,请重新输入') print('------------') Year = input('请输入年份(quit退出):') print('退出,结束!!') exit()
2021年06月18日
0
1
vscode 配置与扩展
vscode 是 Microsoft 发布的一款开源跨平台的轻量级的源代码编辑器,可扩展性强、支持的语言多。我常用的几个扩展:主题(Atom Material Theme)自动重命名标签(Auto Rename Tag)js代码自动压缩(Minify)代码格式化(Prettier)PHP 代码格式化(PHP Intelephense)css代码压缩(scss-to-css)scss-to-css 扩展需要 node.js 的支持,安装后在命令提示符中安装 node-sass 依赖。npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm i node-sass我配置的 settings.json{ /* 主题 */ "workbench": { "colorTheme": "Atom Material Theme" }, /* 面包屑 */ "breadcrumbs": { "enabled": false }, "prettier": { /* 格式化插件的tab长度 */ "tabWidth": 4, /* 设置JS以单引号格式化 */ "singleQuote": true, /* html换行宽度 */ "printWidth": 999999999, /* 箭头函数是否有小括号 */ "arrowParens": "avoid", /* 缩进不使用tab,使用空格 */ "useTabs": true, /* 句尾添加分号 */ "semi": true, /* 对象数组最后一个是否有逗号 */ "trailingComma": "none", /* 标签换行 */ "htmlWhitespaceSensitivity": "ignore" }, "editor": { /* 保存时格式化 */ "formatOnSave": false, /* 字体大小 */ "fontSize": 16, /* 右侧的代码预览小窗口 */ "minimap": { "enabled": false } }, "explorer": { /* 删除文件的弹框 */ "confirmDelete": false, /* 文件夹展开方式 */ "compactFolders": false }, "git": { /* 关闭git */ "enabled": false }, "html": { /* html禁止换行 */ "format": { "wrapLineLength": 999999 } }, "emmet": { /* 按下标签时自动补全html */ "triggerExpansionOnTab": true }, /* 文件顶部的作者信息 */ "fileheader.customMade": { "Descripttion": "", "Author": "小王先森", "Date": "Do not edit", "LastEditTime": "Do not Edit" }, "rootFontSize": 18, /* 打开软件时是否显示欢迎界面 */ "workbench.startupEditor": "newUntitledFile", /* 默认格式化插件 */ "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }, "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "files.exclude": { ".gitignore": true, ".tea": true }, "files.associations": { "*.vm": "html" }, "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "easysass.formats": [ { "format": "compressed", "extension": ".min.css" } ], "explorer.confirmDragAndDrop": false, "minify.minifyExistingOnSave": true, "workbench.colorTheme": "Atom Material Theme", "diffEditor.ignoreTrimWhitespace": false, "files.autoSave": "afterDelay", "prettier.tabWidth": 4, "[php]": { "editor.defaultFormatter": "bmewburn.vscode-intelephense-client" } }
2021年04月26日
0
0
Typecho 主题——Joe 使用文档
遇上 Joe 主题之前,我用的是知更鸟的 Begin 主题,前者开源免费,后者我花了 299 大洋买的。主题功能都多,前者由 Typecho 驱动,后者由 WordPress 驱动,萝卜白菜各有所爱吧。今后打算用 Joe 养老了,在此把相关使用记录一下。主题配置都有说明,编辑器被我阉割了,以下是编辑器能插入的相关代码:还有一部分我已添加到 Typecho 编辑器上,算是常用的了。
2021年04月21日
20
11
jQuery 判断元素是否隐藏
经过学习我发现,判断元素是否隐藏的方式有很多,我觉得越简单越好。使用 css 属性值if($('div').css('display') == 'none'){ $('div').show() } else { $('div').hide() }使用 jQuery 选择器if($('div').is(':hidden')){ $('div').show() } else { $('div').hide() }使用 toggle() 函数$('div').toggle();
2021年04月07日
4
0
2021-04-06
jQuery + CSS 实现侧边栏左侧滑入滑出动画
需求点击某个图标或文字时,从左侧滑入侧边栏,再次点击滑出。实现<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery + CSS 实现侧边栏左侧滑入滑出</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } #sidebar { position: fixed; height: 100%; width: 200px; left: -200px; background: #34be56; z-index: 9; } </style> </head> <body> <div class="nav">显示/隐藏</nav> <div id="sidebar"> <div>菜单1</div> <div>菜单2</div> <div>菜单3</div> <div>菜单4</div> </div> </body> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> //isHiden只是返回部件的隐藏属性,并不能表示部件当前的真实状态。 isHiden = true; $(".nav").click(function () { if (isHiden) { $('#sidebar').animate({ left: '0' }).show();//菜单块向右移动 } else { $('#sidebar').animate({ left: '-200px' }); //菜单块向左移动 } isHiden = !isHiden; }) </script> </html>效果
2021年04月06日
5
0
1
2
3
首页
闲说
归档
关于