笔记
共 27 篇
-
联想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版本了。
-
-
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" } }
-
Typecho 主题——Joe 使用文档 遇上 Joe 主题之前，我用的是知更鸟的 Begin 主题，前者开源免费，后者我花了 299 大洋买的。主题功能都多，前者由 Typecho 驱动，后者由 WordPress 驱动，萝卜白菜各有所爱吧。今后打算用 Joe 养老了，在此把相关使用记录一下。主题配置都有说明，编辑器被我阉割了，以下是编辑器能插入的相关代码：还有一部分我已添加到 Typecho 编辑器上，算是常用的了。
-
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>效果
-
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 判断，点击非本区域或遮罩层时隐藏侧边栏
