首页
分类
杂记
笔记
随记
闲说
关于
其他
友联
留言
归档
登 录
Search
1
Typecho 后台美化插件——WangStyle
38,110 阅读
2
第三期全国中小学校党组织书记网络培训示范班学习心得
4,558 阅读
3
Typecho 主题——Joe 使用文档
2,890 阅读
4
一个多引擎搜索主页
1,866 阅读
5
jQuery + CSS 实现侧边栏左侧滑入滑出动画
1,484 阅读
标签搜索
jQuery
后台美化
小王先森
累计
334
篇文章
收到
813
条评论
首页
栏目
杂记
笔记
随记
页面
闲说
关于
更多
友联
留言
归档
登录
登 录
笔记
共 27 篇
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日
19
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
jQuery 弹出层点击非本区域或遮罩层隐藏
扯一下闲话菜鸟想要实现一个效果,就要受尽很多折磨。今天花了几个小时都没实现,回家后又花了半小时,终于实现了。想要的效果点击一个按钮,弹出一个侧边菜单,同时显示一个遮罩层再次点击按钮,侧边栏和遮罩层隐藏弹出层的子元素不受影响实现过程css代码.proup { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; z-index: 7777; background: rgba(0,0,0,0.65); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }html代码<div class="btn"></div> <div class="proup"></div> <div class="menu"> <ul> <li></li> <li></li> <li></li> </ul> </div> jQuery 代码$('.btn').click(function(event) { event.stopPropagation(); $('.menu').toggle(); $('.proup').toggle(); }) $(document).click(function(event){ var _m = $('.menu'); if(!_m.is(event.target) && _m.has(event.target).length == 0){ $('.menu').hide(); $('.proup').hide(); } })实现原理使用 event.stopPropagation(); 取消事件冒泡;通过 !_m.is(event.target) && _m.has(event.target).length == 0 判断,点击非本区域或遮罩层时隐藏侧边栏
2021年04月01日
2
0
1
2
3
首页
闲说
归档
关于