Swiper5 设置按屏幕宽度响应式 写前端页面时，添加轮播图是加分的。Swiper 是一个很不错的选择，但默认情况下，不会按照屏幕大小响应宽度，需要自己设定。以下是我在项目里用到的代码，它能设置按屏幕宽度响应式。breakpoints: { 372: { slidesPerView: 2 }, 576: { slidesPerView: 3 }, 768: { slidesPerView: 5 }, 992: { slidesPerView: 7 } }

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('玩家输了')

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()

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" } }

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();