个人博客https://210214.xyz/zh_CNhttps://210214.xyz/posts/2026-04-15-comfyui-mvp/https://210214.xyz/posts/2026-04-15-comfyui-mvp/验证三条workflow可导入，完成美图设计室对标系统六层架构设计，编写MVP PRD明确产品边界。Wed, 15 Apr 2026 00:00:00 GMT<h2>今天做了什么</h2> <ul> <li><strong>工作流验证</strong>：通过CDP注入验证场景图链、细节图链、卖点底图链均可被ComfyUI前端完整导入。</li> <li><strong>六层架构设计</strong>：完成美图设计室对标系统的完整解构——商品理解层、套图规划层、图像工作流层、模特系统、画布编排层、执行编排层。</li> <li><strong>编写MVP PRD</strong>：明确第一版只做单类目（T-shirt）、单平台（TikTok Shop）、单市场（EU），输出最小4图套图。</li> <li><strong>整理执行排期表</strong>：规划Day1-Day3的具体任务，把"设计好解构"变成"可执行清单"。</li> <li><strong>云端模型清单更新</strong>：明确各条workflow需要的云端模型，为后续云端执行做准备。</li> </ul> <h2>今天学到了什么</h2> <ul> <li>ComfyUI本地UI能作为workflow编辑和JSON验证底座使用，问题不在"能不能吃下JSON"，而在"怎么接到云端"。</li> <li>美图设计室的核心不是"图像生成器"，而是"电商设计操作系统"。套图为输出单位、商品任务为输入单位、画布为最终编辑界面。</li> <li>MVP不是功能尽量多，而是把"商品任务→套图结果"这条链路先跑通。</li> </ul> <h2>今天的感悟</h2> <p>"设计好这个解构"不是画一张图，而是定义系统边界。<br /> ComfyUI负责换装分割场景、Recipe负责编排执行、画布负责文案标签布局、数据层负责资产配方——边界清晰，后面才能分工开发。</p> <p><strong>结构完整，工程上可继续扩展。</strong></p> <h2>下一步计划</h2> <ul> <li>开始云端执行编排，把workflow体系接到云端模型。</li> <li>做recipe→workflow的执行映射。</li> <li>定义云端目录、模型位置、输入输出约定。</li> </ul> https://210214.xyz/posts/2026-04-14-trendradar/https://210214.xyz/posts/2026-04-14-trendradar/完成 TrendRadar 线上部署、定时策略调整、GitHub 提交与双重备份，形成可回滚闭环。Tue, 14 Apr 2026 00:00:00 GMT<h2>今天做了什么</h2> <ul> <li>完成代码上线：同步核心文件到服务器并重启容器生效。</li> <li>清理页面文案：移除“由 AI 自动分析生成 · TrendRadar”。</li> <li>调整定时策略：改为每天 <strong>05:00-11:00</strong> 每小时采集一次。</li> <li>把改动推送到 GitHub 分支并创建 PR，避免直接改主分支。</li> <li>完成双重备份：远程备份分支 + 本地 bundle/tar 包。</li> </ul> <h2>今天学到了什么</h2> <ul> <li>稳定交付靠流程，不靠记忆：上传、重启、验证、备份必须成套执行。</li> <li>“先走 PR 再合并”比直接改主分支更安全，尤其是线上配置频繁变动时。</li> </ul> <h2>今天的感悟</h2> <p>这次最有价值的不是“改了多少代码”，而是把“可上线、可回滚、可追溯”这条链路真正打通。<br /> 能持续跑起来的系统，才是好系统。</p> <h2>明天的计划</h2> <ul> <li>观察定时窗口运行质量，确认采集节奏和资源占用是否平衡。</li> <li>继续优化评分解释和前台展示，让结果更直观、更可执行。</li> </ul> https://210214.xyz/posts/2026-04-14-comfyui-workflow/https://210214.xyz/posts/2026-04-14-comfyui-workflow/完成AI换装技术选型报告、ComfyUI CDP交互测试、四条工作流蓝图设计，为电商套图系统奠定基础。Tue, 14 Apr 2026 00:00:00 GMT<h2>今天做了什么</h2> <ul> <li>完成<strong>AI换装扩图技术选型报告</strong>，对比CatVTON、IDM-VTON等多种方案，确定主链和备链。</li> <li>进行<strong>ComfyUI CDP交互测试</strong>，通过Chrome DevTools Protocol注入JSON workflow，验证前端加载能力。</li> <li>设计<strong>四条工作流蓝图</strong>：主图换装链、场景图链、细节图链、卖点底图链。</li> <li>编写<strong>云端完整试跑流程</strong>和<strong>云端模型清单</strong>，明确后续云端执行路径。</li> <li>整理<strong>诺梵提效需求提炼</strong>，把业务需求翻译成技术任务。</li> </ul> <h2>今天学到了什么</h2> <ul> <li>ComfyUI工作流不是"一张大图"，而是"一套体系"。模块化拆分比大一统更可维护。</li> <li>CatVTON在服装换装场景表现稳定，适合作为主链；IDM-VTON作为备链兜底。</li> <li>CDP注入能真实验证"前端吃下JSON workflow"的结果，比静态文件检查更有说服力。</li> <li>云端执行要提前规划模型清单和API格式，不能等到本地调完再想云端。</li> </ul> <h2>今天的感悟</h2> <p>做AI产品不是"先找一个万能workflow"，而是"先定义你的能力边界"。<br /> 把换装、场景、细节、海报拆成四条链，每条链负责一个清晰任务，比塞进一个超级节点图更靠谱。</p> <p>结构清晰，后面扩展才不痛苦。</p> <h2>明天的计划</h2> <ul> <li>继续验证三条辅链workflow的production-ready版本。</li> <li>完成美图设计室对标系统的完整解构设计。</li> <li>编写MVP PRD，明确第一版产品只做什么。</li> </ul> https://210214.xyz/posts/2026-04-13-trendradar/https://210214.xyz/posts/2026-04-13-trendradar/今天把 TrendRadar 的推荐理由从技术串改成业务口语表达，重点解决重复命中和可读性问题。Mon, 13 Apr 2026 00:00:00 GMT<h2>今天做了什么</h2> <ul> <li>重构了推荐理由生成逻辑，不再展示“命中/公式”式机器文案。</li> <li>增加去重处理，修复 <code>employment+employment</code> 这类重复展示问题。</li> <li>把理由改为老板视角：为什么值得关注、为什么会买单、预期会产生什么效果。</li> </ul> <h2>今天学到了什么</h2> <ul> <li>同一套评分逻辑，如果表达方式不对，用户感知价值会大幅下降。</li> <li>前台“解释文案”和后台“评分明细”要分层：前台讲决策价值，后台保留依据。</li> </ul> <h2>今天的感悟</h2> <p>真正提升产品体验的，不一定是更复杂的算法，而是更准确的表达。<br /> 把“可计算”翻译成“可决策”，才是 AI 产品落地的关键一步。</p> <h2>明天的计划</h2> <ul> <li>继续观察推荐理由在真实页面中的阅读反馈。</li> <li>把评分展示进一步标准化，减少用户对分值含义的理解成本。</li> </ul> https://210214.xyz/posts/2026-04-08/https://210214.xyz/posts/2026-04-08/从会话恢复到博客落地：把两天内容拆分成可发布日记Wed, 08 Apr 2026 00:00:00 GMT<h2>前言</h2> <p>今天做的事很聚焦：先恢复上下文，再按固定模板把两天内容拆开，最后直接落到博客目录，避免“总结停留在聊天里”。</p> <hr /> <h2>今天做了什么</h2> <h3>1. 恢复会话与素材</h3> <ul> <li>调用 <code>resume-session</code>，加载最近会话摘要。</li> <li>识别可用素材来源：昨天产出的盘点文档与今天的对话目标。</li> </ul> <h3>2. 切换到指定写作技能</h3> <ul> <li>按你的要求改用 <code>leileigwl-blog</code> 写作路径。</li> <li>放弃合并叙事，改成“昨天一篇、今天一篇”的独立发布结构。</li> </ul> <h3>3. 自动定位博客目录并写入</h3> <ul> <li>自动定位到：<code>/Users/leileigwl/Code/leileigwl-blog/src/content/posts</code></li> <li>新增两篇文件： <ul> <li><code>2026-04-07.md</code></li> <li><code>2026-04-08.md</code></li> </ul> </li> </ul> <hr /> <h2>今天学到了什么</h2> <ol> <li>先恢复上下文再写，能避免偏题和信息错位。</li> <li>同一批素材按“时间维度拆分”，比合并成一篇更适合持续复盘。</li> <li>真正有效的内容生产不是“写得多”，而是“写完能直接发布”。</li> </ol> <hr /> <h2>今天的感悟</h2> <p>把内容从“临时聊天输出”变成“项目内可检索资产”，这一步看起来小，但长期价值非常大。<br /> 流程越稳定，创造力越能留给真正重要的事情。</p> <hr /> <h2>明天计划</h2> <ul> <li>[ ] 继续沿用这套双日记结构，保证稳定输出。</li> <li>[ ] 补齐封面图与标签规范，让历史文章检索更清晰。</li> <li>[ ] 把“恢复会话 → 写作 → 入库”做成默认日更流程。</li> </ul> <hr /> <p><img src="/images/blog/2026-04-08-cover.jpg" alt="封面" /></p> https://210214.xyz/posts/2026-04-07/https://210214.xyz/posts/2026-04-07/把 Agent 资产从散点目录整理成可复用的项目地图Tue, 07 Apr 2026 00:00:00 GMT<h2>前言</h2> <p>今天的核心不是“又写了几个文档”，而是把过去分散在不同目录里的 Agent 相关资产，统一成一套可查、可比、可复用的项目地图。</p> <hr /> <h2>今天做了什么</h2> <h3>1. 统一盘点口径，清理噪声</h3> <ul> <li>在 <code>~/Code</code> 范围内做 Agent / Skills 扫描。</li> <li>排除了依赖与构建噪声目录（如 <code>node_modules</code>、<code>venv</code>、<code>dist</code>、<code>build</code> 等），保证结果可用。</li> </ul> <h3>2. 产出三份核心文档</h3> <ul> <li><code>code目录-agent-skill清单.md</code>：给出总体统计与目录清单。</li> <li><code>code目录-自研agent项目清单.md</code>：聚焦自研项目内可识别 Agent 目录。</li> <li><code>code目录-自研agent完整项目画像.md</code>：按完整项目视角整理，便于展示和决策。</li> </ul> <h3>3. 提炼重点项目，形成展示优先级</h3> <ul> <li>对 OpenMOSS、AgentTavern、BossAutoAgent 等项目进行了结构化归类。</li> <li>给出“可截图/可讲解”的优先级序列，降低后续分享与复盘的组织成本。</li> </ul> <hr /> <h2>今天学到了什么</h2> <ol> <li>目录扫描只是起点，真正有价值的是可决策信息（技术栈、入口、项目形态、可展示性）。</li> <li>“完整项目画像”与“命中清单”必须分离，才能兼顾全量检索与重点输出。</li> <li>先统一口径再做自动化，后续每次增量盘点都会更稳、更快。</li> </ol> <hr /> <h2>今天的感悟</h2> <p>以前我总把“知道东西在哪”当成进展，今天意识到真正的进展是：<br /> <strong>把信息组织成下一步可以直接行动的结构。</strong></p> <hr /> <h2>明天计划</h2> <ul> <li>[ ] 把今天的盘点结果转成可持续更新模板（固定字段 + 固定输出格式）。</li> <li>[ ] 基于重点项目补一版深挖笔记（架构、关键模块、可复用点）。</li> <li>[ ] 将盘点结果接入日更博客流程，形成“做事即沉淀”的闭环。</li> </ul> <hr /> <p><img src="/images/blog/2026-04-07-cover.jpg" alt="封面" /></p> https://210214.xyz/posts/2026-04-03/https://210214.xyz/posts/2026-04-03/把 Boss 投递链路从“状态成功”推进到“真实消息发送成功”的一天Fri, 03 Apr 2026 00:00:00 GMT<h2>前言</h2> <p>今天的核心任务只有一件： <strong>把 Boss 直聘自动投递从“显示已沟通”修到“真的发出打招呼文本”。</strong></p> <p>我不是在做表面状态，而是在补真实业务闭环：投递成功 -&gt; 进入沟通 -&gt; 消息送达。</p> <hr /> <h2>今天做了什么</h2> <h3>1. 先把问题跑实，确认不是错觉</h3> <ul> <li>用 CDP 连接真实 Chrome 会话，逐步复现“已投递但没发招呼”的场景。</li> <li>验证到关键事实： <ul> <li><code>friend/add</code> 接口成功不等于首条文本消息成功；</li> <li>页面会出现简历相关弹层，导致聊天输入链路被阻断；</li> <li>UI 能显示“正在沟通”，但不代表首条招呼语已送达。</li> </ul> </li> </ul> <h3>2. 对照 Boss-Aide，确认正确实现路径</h3> <ul> <li>对比 <code>Boss-Aide</code> 项目后确认： <ul> <li>它是“投递接口 + 聊天发送链路”两段式；</li> <li>首条消息走 websocket/chat 协议发送，不只靠 <code>friend/add</code> 参数。</li> </ul> </li> <li>这个对照直接明确了修复方向，避免在错误接口上继续试错。</li> </ul> <h3>3. 在 boss-ai-helper 里补齐真实发送链</h3> <p>今天落地了三个关键改造：</p> <ul> <li>新增“待发送招呼语队列”： <ul> <li>投递成功后把消息先入队，防止丢消息。</li> </ul> </li> <li>新增聊天页 websocket 发送器： <ul> <li>在 chat 页面用站内发送通道发真实文本，而不是只改状态。</li> </ul> </li> <li>新增后台自动拉起聊天页： <ul> <li>让队列可以被消费，不再卡在职位页。</li> </ul> </li> </ul> <p>同时把岗位分析的关键信息（如 bossName）继续透传，提升消息目标匹配精度。</p> <h3>4. 处理工程侧问题并完成构建验证</h3> <ul> <li>增加 <code>protobufjs</code> 依赖用于发送封包。</li> <li>完成两轮构建验证，产物正常输出。</li> <li>保持现有功能不回退，重点保证“首条招呼真实送达”这条主链。</li> </ul> <hr /> <h2>今天学到了什么</h2> <ol> <li> <p><strong>自动化最容易“看起来成功”</strong> 只有把“状态变化”和“真实副作用（消息送达）”分开验证，才算完成闭环。</p> </li> <li> <p><strong>对照成熟实现能大幅缩短排障路径</strong> 与其盲猜接口参数，不如直接找已验证方案做结构对齐。</p> </li> <li> <p><strong>复杂流程必须引入队列思维</strong> 页面跳转、弹层阻断、异步时序都可能导致消息丢失；有队列才能稳。</p> </li> </ol> <hr /> <h2>今天的感悟</h2> <p>今天最重要的不是“修了一个 bug”，而是把标准再次拉齐：</p> <blockquote> <p>业务自动化必须以真实结果为准，不以 UI 显示为准。</p> </blockquote> <p>这条标准以后会继续沿用到所有“看似成功”的场景里。</p> <hr /> <h2>明天的计划</h2> <ul> <li>[ ] 用真实投递批次做回归，验证不同公司/岗位下的首条消息成功率。</li> <li>[ ] 给发送链路加更细的埋点（入队、出队、发送成功、失败原因）。</li> <li>[ ] 增加失败重试策略分级，区分“目标未就绪”和“通道不可用”。</li> <li>[ ] 梳理一份自动投递可靠性清单，固化为后续开发标准。</li> </ul> <hr /> <h2>一句话总结</h2> <blockquote> <p>今天把自动投递从“状态正确”推进到了“结果正确”：真正把打招呼文本发出去了。</p> </blockquote> <hr /> <p><img src="/images/blog/2026-04-03-cover.jpg" alt="封面" /></p> https://210214.xyz/posts/2026-04-02/https://210214.xyz/posts/2026-04-02/从技能体系到项目交付：把“记录-执行-复盘-发布”跑成闭环的一天Thu, 02 Apr 2026 00:00:00 GMT<h2>前言</h2> <p>今天不是只做了 CutX，而是把我整套 AI 工作流又往前推进了一步： 从「skills 管理」到「浏览器联网能力验证」，再到「视频裁剪系统重构、仓库重建、规则沉淀、博客发布」。 核心目标很明确：<strong>让系统更懂我，并且每次都能直接产出可用结果。</strong></p> <hr /> <h2>今天做了什么</h2> <h3>1. 技能体系与记忆机制梳理</h3> <ul> <li>检索和导出本机 skills，确认当前可用能力边界。</li> <li>明确了「记录」和「推送」两类触发动作的优先级与用途： <ul> <li><code>记录</code>：沉淀偏好与规则，让模型持续贴合工作方式。</li> <li><code>推送</code>：把当日结果通过 Bark 输出成可读总结。</li> </ul> </li> <li>重点推动“跨 session 学习”思路，不只依赖当前上下文，要求能结合历史会话持续进化。</li> </ul> <h3>2. 联网与浏览器能力验证（web-access / dev-browser）</h3> <ul> <li>反复验证了浏览器连接与可见操作链路，确保不是“口头调用”，而是真实可执行。</li> <li>在多个站点场景下测试了检索、跳转、内容提取与故障重试，补齐了“连得上但看不到结果”的断点。</li> </ul> <h3>3. CutX 项目重构与全流程实跑</h3> <ul> <li>重新定义核心剪辑原则： <ul> <li>用「重来」做分割信号；</li> <li>全局判断，不做段位硬编码；</li> <li>重复表达保留后面的正确版本。</li> </ul> </li> <li>反复用原视频 + SRT 对比回归，针对误删/漏删/重复保留问题做多轮规则修正。</li> <li>连续输出并复核 <code>final.srt</code>、<code>final_cut.mp4</code>、<code>decision_report.md</code>，直到关键错误被消掉。</li> </ul> <h3>4. GitHub 仓库重建与清理</h3> <ul> <li>远端仓库清理后，重建私有仓库并重新连接本地 <code>cutx</code>。</li> <li>完成首推后，按“只保留代码”原则做二次清理： <ul> <li>移除 draft 产物、音视频文件、缓存文件；</li> <li>更新 <code>.gitignore</code>，防止后续再把产物推上去。</li> </ul> </li> </ul> <h3>5. Skill 指向修正</h3> <ul> <li>发现本机 <code>cutx</code> skill 仍指向旧路径（历史工程），已切换到当前项目路径与当前运行方式，避免后续调用跑偏。</li> </ul> <hr /> <h2>今天学到了什么</h2> <ol> <li> <p><strong>“能跑通”不等于“可交付”</strong> 指标过关（例如 near-dup=0）并不代表语义上没有问题，最终必须回到逐句业务判断。</p> </li> <li> <p><strong>硬编码最容易在边界场景翻车</strong> 一旦按“尾段/中段”这种位置假设做判断，遇到新语料就会错；全局规则 + 可解释决策才更稳。</p> </li> <li> <p><strong>仓库治理是产品体验的一部分</strong> 产物文件、缓存文件混进仓库，会直接拉低协作效率；“代码仓库”和“运行产物”必须分层。</p> </li> <li> <p><strong>记忆机制要服务执行，而不是增加负担</strong> 记录不是为了堆文档，而是为了下一次执行更快、更准、更少反复。</p> </li> </ol> <hr /> <h2>今天的感悟</h2> <p>今天最有价值的一点是： 我不是在“修一个脚本”，而是在训练一套长期可复用的个人工作系统。</p> <p>当我把标准说清楚（比如“重来分割 + 后者优先 + 不硬编码”）， 系统就能逐步从“会执行”变成“会按我的判断方式执行”。</p> <p>这才是我真正要的 AI 协作状态。</p> <hr /> <h2>明天计划</h2> <ul> <li>[ ] 把 CutX 所有阈值参数外置到配置文件，减少代码内硬编码。</li> <li>[ ] 增加一套自动回归样例（固定视频片段 + 期望 SRT）做快速验收。</li> <li>[ ] 把“记录 + 推送 + 博客发布”做成每日固定闭环，减少人工整理成本。</li> <li>[ ] 继续优化技能调用前置判断，让常用 skill 在高频场景下更稳定触发。</li> </ul> <hr /> <h2>一句话总结</h2> <blockquote> <p>今天把“技能系统、视频自动剪辑、仓库治理、知识沉淀”串成了一条闭环：从能做，到稳定可复用。</p> </blockquote> <hr /> <p><img src="/images/blog/2026-04-02-cover.jpg" alt="封面" /></p> https://210214.xyz/posts/2026-03-31/https://210214.xyz/posts/2026-03-31/为 wewrite 公众号自动创作系统优化核心功能Tue, 31 Mar 2026 00:00:00 GMT<h2>今天做了什么</h2> <ul> <li>为 wewrite 公众号自动创作系统添加了<strong>文章强制检查功能</strong> <ul> <li>新增 <code>check_and_add_personal_impact()</code> 函数，确保文章包含"对你意味着什么"部分</li> <li>缺失时自动补充约200字的个人影响内容，使用第二人称写作</li> </ul> </li> <li>重构了 <code>ai_call()</code> 函数，添加 <strong>API 重试机制</strong>（最多重试2次，间隔10秒）</li> <li>尝试将 wewrite 写作规范整合到 prompt 生成流程中</li> <li>Git commit: <code>feat(wewrite): 添加文章强制检查与API重试机制</code></li> </ul> <h2>今天学到了什么</h2> <ul> <li>公众号文章质量可以通过"后处理强制检查"机制保障，在 parse() 后插入校验逻辑</li> <li>API 调用稳定性问题可以通过简单的重试机制解决，无需引入复杂的队列库</li> <li>写作规范整合需要考虑 prompt 长度限制，分段读取文件内容</li> </ul> <h2>今天的感悟</h2> <ul> <li>做自动化系统时，<strong>质量保障</strong>比单纯追求效率更重要</li> <li>重试机制看似简单，但能解决大部分生产环境的不稳定问题</li> <li>AI 生成的文章缺少"个人视角"是普遍问题，强制补充能显著提升读者价值</li> </ul> <h2>明天的计划</h2> <ul> <li>验证强制检查功能在生产环境的效果</li> <li>测试 API 重试机制的实际稳定性</li> <li>继续优化 wewrite 的其他模块</li> </ul> <p><img src="/images/blog/2026-03-31-cover.jpg" alt="配图" /></p> https://210214.xyz/posts/2026-03-30/https://210214.xyz/posts/2026-03-30/完成 CDP 客户端开发和 Boss 插件测试，推进浏览器自动化工具链建设Mon, 30 Mar 2026 00:00:00 GMT<h2>今天做了什么</h2> <ul> <li> <p>开发了 <strong>CDP (Chrome DevTools Protocol) Python 客户端</strong></p> <ul> <li>实现 WebSocket 连接到 Chrome DevTools Protocol</li> <li>支持页面获取、连接、命令发送等核心功能</li> <li>绕过 MCP 依赖，直接操作 Chrome 浏览器</li> </ul> </li> <li> <p>完成 <strong>Boss 插件测试</strong></p> <ul> <li>多轮测试截图验证（boss_extension_test.png, boss_success.png, boss_fixed.png 等）</li> <li>测试流程顺利，无明显错误</li> </ul> </li> <li> <p>在 <strong>wewrite 项目</strong>开发自动创作脚本</p> <ul> <li><code>auto_create.py</code> - 自动创作脚本 v1</li> <li><code>auto_create_v2.py</code> - 改进版本 v2</li> </ul> </li> </ul> <h2>今天学到了什么</h2> <ul> <li><strong>CDP 协议</strong>：可以直接通过 WebSocket 操作 Chrome，适合自动化测试场景</li> <li><strong>测试验证习惯</strong>：多轮截图记录测试结果，按阶段命名便于回溯</li> <li>流程：<code>get_pages → connect → send_command → 截图验证</code></li> </ul> <h2>今天的感悟</h2> <p>浏览器自动化工具链正在逐步完善。CDP 方案比依赖 MCP 更直接可控，测试截图命名规范让问题追溯更高效。</p> <h2>明天的计划</h2> <ul> <li>[ ] 将 auto_create_v2.py 提交到 wewrite 项目</li> <li>[ ] 完善 CDP 客户端的错误处理</li> <li>[ ] 整理测试截图并归档</li> </ul> https://210214.xyz/posts/2026-03-28/https://210214.xyz/posts/2026-03-28/Claude Code 自学习系统搭建、视频后期工具迭代、X/Twitter 信息监控Sat, 28 Mar 2026 00:00:00 GMT<h2>今天做了什么</h2> <h3>1. Claude Code 自学习系统搭建</h3> <p>花了大半天时间，给 Claude Code 设计并实现了一套<strong>偏好自学习系统</strong>。核心思路很简单——AI 应该越用越懂你，而不是每次从零开始。</p> <p><strong>架构设计：</strong></p> <ul> <li><strong>分层存储</strong>：按「商业 / 模型建构 / 项目开发 / 通用」四个分类存储偏好</li> <li><strong>触发词机制</strong>：说"记录"就自动扫描全部上下文（包括被 compact 压缩的历史 session 日志），提取思维模式和工作习惯</li> <li><strong>自动纠正检测</strong>：当用户纠正 AI 时，自动记录到 corrections.md，同一错误出现 3 次以上才升级为永久规则</li> <li><strong>按需加载</strong>：每次会话只加载 rules.md（永久规则），对话过程中根据话题动态加载对应分类的偏好文件</li> </ul> <p><strong>解决了什么问题：</strong></p> <p>之前每次开新会话，AI 都不记得我的习惯。现在通过读取 JSONL session 日志，即使上下文被压缩过，也能恢复完整历史。这个方案不需要改 Claude Code 本身，纯靠 SKILL.md + 偏好文件实现。</p> <h3>2. 视频后期工具迭代</h3> <p>对视频剪辑工作流进行了持续优化，经过多轮迭代，最终完成了自动化裁剪工具的定型版本。主要解决了检测精度和裁剪边界的问题，现在可以更准确地识别需要处理的片段。</p> <h3>3. X/Twitter 信息监控工具</h3> <p>搭了一个 X/Twitter 监控工具，实时追踪 Elon Musk、Sam Altman、Karpathy 的推文动态，通过 Bark 推送到手机。方便第一时间获取 AI 圈的重要动态。</p> <h3>4. Context7 vs GitHub MCP 工具调研</h3> <p>确认了 Context7 和 GitHub MCP 的能力边界：</p> <table> <thead> <tr> <th>工具</th> <th>能力</th> <th>不能做</th> </tr> </thead> <tbody> <tr> <td>Context7</td> <td>查第三方库官方文档</td> <td>读源码、搜仓库</td> </tr> <tr> <td>GitHub MCP</td> <td>搜索仓库、读源码/Issue/PR</td> <td>查库文档</td> </tr> <tr> <td>gh CLI</td> <td>搜索、操作 GitHub</td> <td>无</td> </tr> <tr> <td>web_reader</td> <td>抓任意网页内容</td> <td>结构化 API</td> </tr> </tbody> </table> <p>结论：要搜 GitHub 仓库找现成方案，得装 GitHub MCP，Context7 帮不了这个。</p> <h2>今天学到了什么</h2> <ul> <li>Claude Code 的 session 日志完整保存在 <code>~/.claude/projects/</code> 下的 JSONL 文件中，即使 <code>/compact</code> 压缩了上下文，原始对话依然可恢复</li> <li>自学习系统不一定要靠模型微调，<strong>文件级的偏好存储 + 按需加载</strong> 就能实现"越用越懂你"的效果</li> <li>Context7 只管库文档，GitHub 仓库搜索得用专门的 MCP</li> </ul> <h2>今天的感悟</h2> <p>工具的价值在于<strong>自动触发</strong>，不是被动调用。好的系统设计应该让用户无感知——该加载什么、该记录什么，AI 自己判断。今天的自学习系统就是这个理念的落地：用户只需要说"记录"，剩下的全自动。</p> <h2>明天的计划</h2> <ul> <li>继续完善 X 监控工具，测试 Bark 推送稳定性</li> <li>尝试安装 GitHub MCP，提升仓库搜索效率</li> <li>探索更多自动化工作流</li> </ul> <p><img src="/images/blog/2026-03-28-cover.jpg" alt="封面" /></p> https://210214.xyz/posts/2026-03-27/https://210214.xyz/posts/2026-03-27/Chrome 扩展全栈开发、Logic Skill 规范设计、1362 个 Skills 生态扫描、视频剪辑方案调研Fri, 27 Mar 2026 00:00:00 GMT<p>今天是高产的一天，完成了 5 个课题。重点产出是一个 Boss 直聘 AI 助手 Chrome 扩展，以及一套用 Prompt Engineering 替代代码逻辑的 Skill 设计规范。</p> <h2>今天做了什么</h2> <h3>1. Boss AI Helper Chrome 扩展</h3> <p>从零开发了一个 Boss 直聘 AI 助手的 Chrome MV3 扩展，半天搞定全部核心功能：</p> <table> <thead> <tr> <th>功能</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>Popup 设置页</td> <td>AI 模型配置（GLM/DeepSeek/OpenAI/Claude）、API Key、求职偏好</td> </tr> <tr> <td>简历量化</td> <td>粘贴简历 → AI 提取技能标签和工作经历时间线</td> </tr> <tr> <td>聊天 AI 回复</td> <td>检测 HR 新消息 → 生成回复建议 → 一键填入</td> </tr> <tr> <td>职位匹配分析</td> <td>提取职位信息 → AI 评分 → 推荐打招呼话术</td> </tr> <tr> <td>今日统计</td> <td>投递/回复/面试/拒绝 + 转化漏斗</td> </tr> </tbody> </table> <p>技术栈：<strong>WXT + Vue 3 + TypeScript + Element Plus + Pinia + Vitest + Playwright</strong></p> <p>测试结果：73 个单元测试全过，6 个 E2E 测试全过，构建产物 1.42MB。</p> <p>最大的技术坑是 Chrome MV3 的 main-world 通信。Content script 运行在隔离世界中，无法直接访问页面 DOM 事件。解决方案是用 <code>window.postMessage</code> 桥接 content script 和 main-world script。</p> <p>另外接入了 GLM 模型（通过阿里云 DashScope 端点），需要特殊处理 thinking + text 的响应格式。</p> <h3>2. Logic Skill 规范：用 Markdown 替代代码</h3> <p>花了不少时间把 DBS 商业工具箱中的设计模式提炼成通用规范。</p> <p>核心理念：传统方式是用 Python/JS 写逻辑代码调用 AI API，Logic Skill 方式是<strong>用结构化自然语言把判断逻辑写进 SKILL.md，让 AI 自己执行逻辑</strong>。</p> <pre><code>代码写法: if user_has_product: enter_phase("content_diagnosis") SKILL.md: 如果用户有产品 → 进入内容诊断阶段 </code></pre> <p>建立了"代码逻辑 → 自然语言"的完整映射表，总结了 6 种可复用的设计模式（路由器、消解漏斗、信号检测、多维度评分、双模式切换、条件触发），以及一套约束系统。</p> <p>最重要的发现：<strong>60% 靠正面指令，40% 靠负面约束</strong>。负面约束比正面指令更重要。比如"不要说'每个人的情况不同'"比"要给出具体建议"更有效。</p> <h3>3. 1362 个 Claude Skills 生态扫描</h3> <p>对本地安装的全部 1362 个 Claude Code Skills 做了分类扫描，其中 251 个包含 GitHub 链接，180+ 个唯一仓库（去重后）。</p> <p>重点筛选了搜索/记忆/爬虫/研究四大类共 52 个 skill，发现了几个很有价值的：</p> <ul> <li><strong>deep-research</strong> — 自主研究：规划→搜索→阅读→综合报告</li> <li><strong>skill-seekers</strong> — 自动将文档网站、GitHub 仓库转为 Claude Skill</li> <li><strong>recallmax</strong> — 持久化记忆召回系统</li> <li><strong>hierarchical-agent-memory</strong> — 分层记忆架构，减少 token 消耗</li> </ul> <h3>4. 自动视频剪辑方案调研</h3> <p>为 CutX 视频剪辑工具调研"自动检测口播视频中说错字段落"的技术方案。</p> <p>推荐方案：<strong>ASR 转录 + 正则匹配自我纠正关键词 + 可选 LLM 辅助判断</strong>。</p> <pre><code>ASR 转录 → 合并上下文窗口 → 匹配"不对/重来/我是说"等关键词 → 标记裁剪区间 → ffmpeg 裁剪 </code></pre> <p>调研了 20+ 个开源项目，WhisperX（13k stars）最适合做词级时间戳对齐，CleanTone 项目做了 Whisper + Generative AI 失语检测的完整方案。</p> <h3>5. Solar Config Skill</h3> <p>用上面总结的 Logic Skill 规范，写了一个光伏储能系统配置诊断的 Skill（360 行 SKILL.md）。四条核心公理：电压决定一切、先问需求再推设备、信息有优先级、安全是底线。这个就不展开说了。</p> <h2>今天学到了什么</h2> <ul> <li><strong>Chrome MV3 的 main-world script 和 content script 是隔离的</strong>，必须通过 <code>window.postMessage</code> 桥接。这是 Extension 开发中很容易踩的坑。</li> <li><strong>Prompt Engineering 可以替代简单的代码逻辑</strong>。if/else、状态机、循环这些结构都可以用自然语言 + 约束系统实现。关键是负面约束要写够。</li> <li><strong>GLM API 的响应格式和 OpenAI 不同</strong>，有 thinking + text 两部分，需要特殊解析。</li> <li><strong>失语检测（Disfluency Detection）</strong> 是一个成熟的 NLP 子领域，有 reparandum/interregnum/repair 的标准标签体系。</li> </ul> <h2>今天的感悟</h2> <p>Logic Skill 规范最有意思。以前觉得 Prompt Engineering 就是"写好提示词"，但现在发现它本质上是一种<strong>编程范式</strong>——用自然语言替代代码来编排 AI 的行为。</p> <p>约束系统是灵魂。写正面指令告诉 AI "要做什么"只成功了一半，写负面约束告诉 AI "绝对不要做什么"才是可靠运行的关键。这跟写代码是一样的道理：正常流程 + 边界处理 + 异常处理，缺一不可。</p> <h2>明天的计划</h2> <ul> <li>[ ] Boss AI Helper：登录 Boss 直聘实测完整功能，调优页面选择器</li> <li>[ ] 把 Logic Skill 规范应用到更多实际场景</li> <li>[ ] CutX：实现 <code>detect_mistakes()</code> 检测器</li> </ul> https://210214.xyz/posts/2026-03-26/https://210214.xyz/posts/2026-03-26/剪影视频工作流、博客改造、记忆技能Thu, 26 Mar 2026 00:00:00 GMT<h2>今天做了什么</h2> <ul> <li>做了剪影视频工作流</li> <li>发了个小面包视频，差不多</li> <li>改了个博客</li> </ul> <h2>今天学到了什么</h2> <ul> <li>有一个记忆的skills很牛，记录了</li> </ul> <h2>今天的感悟</h2> <ul> <li>想睡觉，5点半夜才睡</li> </ul> <h2>明天的计划</h2> <ul> <li>Cutx进行实验，收集很多个模版</li> <li>练习说话，说话断句，找模版，做视频</li> </ul> <p><img src="/images/blog/2026-03-26.png" alt="配图" /></p> https://210214.xyz/posts/2023-to-2024/https://210214.xyz/posts/2023-to-2024/一年里经历了很多，收获也很多Sun, 31 Dec 2023 00:00:00 GMT<h2>2023 To 2024</h2> <p>"一年里经历了很多，收获也很多。从疫情放开，从校门踏出。三月的瘦西湖、完全盛开的樱花、长江上、明城墙上等日落、泰山上看万家灯火、云龙湖上看小船、万平口玩沙子、万圣节游乐园里抓npc、操场上堆小雪人、躺瘦西湖雪地里……"</p> <p>"尝试了去主动要微信（第一次被答应的时候，超开心，一次体验都很难忘🙇‍）"</p> <p>"一直在吃吃吃路上（超级喜欢跟好友一起聚餐。火锅排第一早点都很好吃...）"</p> <p>"到处在拍，拍了很多很多照片（puq没看到就是被我私藏了哈哈"</p> <p>"真正意义上赚到了人生中第一桶金"</p> <p>"遇到眼里有我的女孩"</p> <p>一年里，很感谢身边许多给我带来了帮助，鼓励，温暖，甜蜜，安慰。</p> <p>但自己也有过失、误会，冷落过、伤害过一些人，给你们留下了不好的回忆，还请包涵，历史绝不会重演。</p> <p>2023的一年很难就此说清，有所成长的一年·</p> <p>2024，新的一年，对自己有要求，对明天有所期待·</p> https://210214.xyz/posts/2023-12-12/https://210214.xyz/posts/2023-12-12/今天就是双十二啦，有惊喜到的一天Tue, 12 Dec 2023 00:00:00 GMT<blockquote> <p>今天就是双十二啦，有惊喜到的一天</p> </blockquote> <p>夜晚怎么老是失眠最近，没睡好，写六级的时候在图书馆居然还睡了一会会</p> <p>一天里收到了好多投喂哈哈哈，给自己整不会了：</p> <ol> <li>zyd生日的小蛋糕</li> </ol> <p><img src="/images/blog/2023-12-12-1.png" alt="蛋糕" /></p> <ol> <li>来自小土豆的熊猫大福，好可爱，给我也写了六级鼓励，加油不辜负</li> </ol> <p><img src="/images/blog/2023-12-12-2.png" alt="熊猫大福" /></p> <ol> <li>来自小伙伴的好喝的，味道不赖</li> </ol> <p><img src="/images/blog/2023-12-12-3.png" alt="好喝的" /></p> <ol> <li>ssh带来的小芭乐，重新品了一下芭乐，跟我平时吃的水果还是不一样，涩，但是收到投喂还是很开心的</li> </ol> <p><img src="/images/blog/2023-12-12-4.png" alt="芭乐" /></p> <p>今天真的有很认真的在写六级哦，课是翘的差不多了，虽然只剩下是3天了，临时抱佛脚·</p> <p><img src="/images/blog/2023-12-12-5.png" alt="六级" /></p> <hr /> <p>一直拖欠的事得清掉，这都马上又周末，放寒假回家·</p> <p>把笔记写完早点睡觉呀，小乖，爱自己，注意身体</p> https://210214.xyz/posts/2023-12-11/https://210214.xyz/posts/2023-12-11/焦虑的一天Mon, 11 Dec 2023 00:00:00 GMT<ul> <li>呜呜呜，上来就是焦虑的一天</li> <li>摆烂改不掉，六级过不了</li> <li>让我看看是谁每天12.才起，晚上不睡，早上不起，难怪小猪都喜欢吃了睡睡了吃</li> <li>中午起来上课咯，上课啥也听不懂嘞，等着考试日期出来复习复习</li> <li>说好的大作业呢，18号要交，今儿都11号，还不写啊，怎么了这是，小宝宝</li> <li>六级只剩下 <strong>5Days</strong>咯，这些天你能加油嘛，leilei那么多人看着你呢，咱可丢不起这脸</li> <li>收到了好朋友投喂的大玉米·，已经很久没吃过啦，好爱</li> </ul> <p><img src="/images/blog/corn.jpg" alt="玉米" /></p> <ul> <li>收集了很多很多</li> <li>安慰人还挺累，好在我心里课代表还算心里健康，情绪稳定，给自己的性格加个鸡腿🍗 <ul> <li>越是喜欢的人，越要远离</li> </ul> </li> </ul> <p>背背单词早点睡觉哦好不好，小乖</p> https://210214.xyz/posts/2023-12-10/https://210214.xyz/posts/2023-12-10/日常生活记录Sun, 10 Dec 2023 00:00:00 GMT<ul> <li>不到中午都起不来</li> <li>写写六级时间就过去</li> <li>软件开发文档也写好啦</li> <li>不过有一个大作业又被拖着了，晚期拖延</li> <li>今天快递到了，准备好拼一拼</li> <li>下雨天，哪都不想去，很冷嘟</li> </ul> <p><img src="/images/blog/2023-12-10.png" alt="2023.12.10" /></p> <ul> <li>早睡早期身体好，明天早八肯定去</li> </ul> https://210214.xyz/posts/2023-12-9/https://210214.xyz/posts/2023-12-9/比赛日的一天Sat, 09 Dec 2023 00:00:00 GMT<ul> <li>要比赛的一天，一觉睡醒就是中午了</li> <li>浅浅看了知识点，唠唠嗑，看看抖音就到考试了</li> <li>难受哇，在宿舍比个赛都有室友阴阳。咳嗽咳嗽，吃饭bia鸡嘴，垃圾袋吹来出去，喝可乐要叹气，害，是人也知道他这故意的，受不了一点</li> <li>好在考试还不赖，题目也写的七七八八·</li> <li>比完赛就想着摆烂，vocal，跟高中一样，考完当天的晚自习就一点不想学习，打了好久游戏，卸了卸了，寒假回去再玩吧</li> </ul> <p><img src="/images/blog/2023-12-9.png" alt="2023.12.9" /></p> <ul> <li>越发自己是小恋爱脑，烤爆！</li> </ul> https://210214.xyz/posts/2023-12-8/https://210214.xyz/posts/2023-12-8/累人的一天Fri, 08 Dec 2023 00:00:00 GMT<p>新的一天，真是累了我自己咯</p> <ul> <li>夜里先是失眠，失眠了好久，看手机，小红书</li> <li>早上难得起来，困死也要上早八</li> <li>中午睡午觉后就出来玩啦，是开心的one day，快乐的时光过得有点快，希望时间能够停留</li> </ul> <p><img src="/images/blog/2023-12-8-1.jpg" alt="开心的one day" /></p> <ul> <li>wok，居然又没有写六级，断掉了，真没出息，三天打🐟的小笨蛋</li> <li>最让我难过的事，给自己蠢一天，耳机掉厕所，怎么都想不到。好在不贵，有一只能陪我</li> <li>又是听喜帖街的一天，连着几天咯，一直听，喜欢的喜欢的</li> <li>晚上知道了好兄弟群里有人被猫挠了，一下子打了9针，手都肿了，2000块，还不能报销，想想这2000块吃啥不香，心里也为朋友难受。 <ul> <li>警惕摸猫猫</li> </ul> </li> </ul> <p><img src="/images/blog/2023-12-8-2.png" alt="警惕摸猫猫" /></p> <ul> <li>晚上回来都好懒，一到宿舍就有摆烂的氛围……，笔记写完，日记写完，要过好久 <ul> <li>拖延症到晚期了</li> </ul> </li> </ul> <hr /> <p>把今天规划一下：</p> <ol> <li>起床看一眼qsort排序算法</li> <li>睡醒考试</li> <li>写完人工智能报告</li> <li>六级六级，不能再歇了</li> <li>做个好梦~</li> </ol> https://210214.xyz/posts/2023-12-7/https://210214.xyz/posts/2023-12-7/补的笔记Thu, 07 Dec 2023 00:00:00 GMT<p>这是一篇补的笔记，日记第二天记真的就啥都记不得，水一篇嘿嘿</p> <ul> <li>衣服洗啦</li> </ul> <p><img src="/images/blog/2023-12-7-1.jpg" alt="衣服洗啦" /></p> <ul> <li>日记补啦</li> <li>今天有看了一部动画电影：你看起来好像很好吃，被萌到啦</li> </ul> <p><img src="/images/blog/2023-12-7-2.jpeg" alt="你看起来好像很好吃" /></p> <ul> <li>英语六级写啦，不过就是错的多多，看题太慢了，这还没上战场就要噶了</li> <li>睡觉好像多了一点点，摆烂的哈哈哈哈，怎么老是想摆烂啊</li> </ul> https://210214.xyz/posts/2023-12-6/https://210214.xyz/posts/2023-12-6/代码写完啦Wed, 06 Dec 2023 00:00:00 GMT<p>今天终于把两代码写完了哦·憋死我了</p> <p>感冒还是没痊愈，吃了头孢，略微犯困</p> <p>今天收到了大螃海，还不知道怎么吃</p> <p><img src="/images/blog/2023-12-6.jpg" alt="大螃海" /></p> <p>六级断掉了，还没做，明天有时间，好好写吧</p> <p>一旦有时间记得把新的大作业写了吧，早点结束</p> <hr /> <p>今天任务总体完成</p> https://210214.xyz/posts/2023-12-5/https://210214.xyz/posts/2023-12-5/第二篇记录Tue, 05 Dec 2023 00:00:00 GMT<blockquote> <p>第二篇记录</p> </blockquote> <ol> <li>接到了一个网易图片下载的单子，但是奈何里面出现的图片使用html2canvas无法下载，到嘴的鸭子跑飞咯</li> <li>今天必须写完那拖的两篇代码，再不写就要给人家违约了</li> <li>呀，获奖啦，去年一个奖项没有，今年好容易争气了，运气也算不错，本来以为就二等奖的，开心的</li> </ol> <p><img src="/images/blog/2023-12-5.png" alt="获奖" /></p> <ol> <li>写了6级，正确率还不错</li> <li>讨厌，今天被小朋友吓到了，给我发恐怖视频</li> <li>马上写好今天的课堂总结睡觉</li> </ol> https://210214.xyz/posts/2023-12-4/https://210214.xyz/posts/2023-12-4/日记第一篇Mon, 04 Dec 2023 00:00:00 GMT<blockquote> <p>今天是日记第一篇</p> </blockquote> <p>从今天起，把自己的小博客重新搭建完成，并进行每天的日记记录，以此鞭策同时监督自己。</p> <p>博客内容以每日的生活，所做的事为主，主打一个记录生活。</p> <hr /> <p>完成的事：</p> <ul> <li> <p>重新整理了一下博客内容</p> </li> <li> <p>七牛云正常使用，顺便上传张图测试一下</p> </li> </ul> <p><img src="https://img.210214.xyz/blog/wallhaven-rrjvyq.png" alt="wallhaven" /></p> <ul> <li> <p>开始顺利慢慢进入六级状态</p> </li> <li> <p>最后今天还需要把代码完成一下</p> </li> <li> <p>然后去跑一跑2km</p> </li> </ul> https://210214.xyz/posts/js-encryption/https://210214.xyz/posts/js-encryption/常见加密算法及JavaScript/Python实现Sun, 14 May 2023 00:00:00 GMT<p>常见加密算法：</p> <ol> <li>对称加密（加密解密密钥相同）：DES、3DES、AES、RC4、Rabbit</li> <li>非对称加密（区分公钥和私钥）：RSA、DSA、ECC</li> <li>消息摘要算法/签名算法：MD5、SHA、HMAC、PBKDF2</li> </ol> <p>常见编码算法：Base64</p> <h3>JavaScript 加密解密模块</h3> <h4>Crypto-JS</h4> <p>Crypto-JS 支持 MD5、SHA、RIPEMD-160、HMAC、PBKDF2、AES、DES、3DES（Triple DES）、Rabbit、RC4 等，<strong>不支持 RSA、ECC</strong>，是应用比较广的加密模块，使用命令 <code>npm install crypto-js</code> 安装。</p> <p>参考资料：</p> <ul> <li>Crypto-JS 文档：<a href="https://cryptojs.gitbook.io/docs/">https://cryptojs.gitbook.io/docs/</a></li> <li>Crypto-JS Github：<a href="https://github.com/brix/crypto-js">https://github.com/brix/crypto-js</a></li> </ul> <h4>Node-RSA</h4> <p>Node-RSA 对 RSA 算法提供了支持，使用命令 <code>npm install node-rsa</code> 安装。</p> <p>参考资料：Node-RSA Github：<a href="https://github.com/rzcoder/node-rsa">https://github.com/rzcoder/node-rsa</a></p> <h4>JSEncrypt</h4> <p>参考资料：JSEncrypt 对 RSA 算法提供了更加全面的支持，使用命令 <code>npm install jsencrypt</code> 安装。</p> <ul> <li>JSEncrypt 文档：<a href="http://travistidwell.com/jsencrypt/">http://travistidwell.com/jsencrypt/</a></li> <li>JSEncrypt Github：<a href="https://github.com/travist/jsencrypt">https://github.com/travist/jsencrypt</a></li> </ul> <h3>Python 加密解密库</h3> <h4>Cryptodome &amp; Crypto</h4> <p>在 Python 中有很多算法是通过第三方库 Cryptodome 或者 Crypto 来实现的，Cryptodome 几乎是 Crypto 的替代品，Crypto 已经停止更新好多年了，有很多未知错误，所以<strong>不建议安装 Crypto ！</strong></p> <p>Cryptodome 支持几乎所有主流加密算法，包括 MD5、SHA、BLAKE2b、BLAKE2s、HMAC、PBKDF2、AES、DES、3DES（Triple DES）、ECC、RSA、RC4 等。</p> <p>Cryptodome 使用命令 <code>pip install pycryptodome</code> 进行安装，Crypto 使用命令 <code>pip install pycrypto</code> 进行安装。</p> <p>参考资料：</p> <ul> <li>Crypto 库：<a href="https://www.dlitz.net/software/pycrypto/">https://www.dlitz.net/software/pycrypto/</a></li> <li>Cryptodome 库：<a href="https://www.pycryptodome.org/en/latest/">https://www.pycryptodome.org/en/latest/</a></li> </ul> <h4>Hashlib</h4> <p>Python 的标准库 hashlib 提供了常见的摘要算法，如 MD5，SHA、BLAKE2b、BLAKE2s 等。</p> <p>参考资料：</p> <ul> <li>hashlib 库：<a href="https://docs.python.org/3/library/hashlib.html">https://docs.python.org/3/library/hashlib.html</a></li> <li>廖雪峰 hashlib：<a href="https://www.liaoxuefeng.com/wiki/1016959663602400/1017686752491744">https://www.liaoxuefeng.com/wiki/1016959663602400/1017686752491744</a></li> </ul> <h4>HMAC</h4> <p>Python 的标准库 hmac 对 HMAC 算法提供了支持。</p> <p>参考资料：</p> <ul> <li>hmac 库：<a href="https://docs.python.org/3/library/hmac.html">https://docs.python.org/3/library/hmac.html</a></li> <li>廖雪峰 hmac：<a href="https://www.liaoxuefeng.com/wiki/1016959663602400/1183198304823296">https://www.liaoxuefeng.com/wiki/1016959663602400/1183198304823296</a></li> </ul> <h4>pyDes</h4> <p>Python 的第三方库 pyDes 对 DES 算法提供了支持。使用命令 <code>pip install pydes</code> 进行安装。</p> <p>参考资料：pyDes 库：<a href="https://github.com/twhiteman/pyDes">https://github.com/twhiteman/pyDes</a></p> <h4>ESA</h4> <p>Python 的第三方库 rsa 对 RSA 算法提供了支持。使用命令 <code>pip install rsa</code> 进行安装。</p> <p>参考资料：rsa 库：<a href="https://stuvel.eu/python-rsa-doc/">https://stuvel.eu/python-rsa-doc/</a></p> <h2>加密解密基本参数</h2> <p>在一些对称和非对称加密算法中，经常会用到以下三个参数：初始向量 iv、加密模式 mode、填充方式 padding，先介绍一下这三个参数的含义和作用：</p> <h3>初始向量 iv</h3> <p>在密码学中，初始向量（initialization vector，缩写为 iv），又称初始变数（starting variable，缩写为 sv），与密钥结合使用，作为加密数据的手段，它是一个固定长度的值，iv 的长度取决于加密方法，通常与使用的加密密钥或密码块的长度相当，一般在使用过程中会要求它是随机数或拟随机数，使用随机数产生的初始向量才能达到语义安全，让攻击者难以对原文一致且使用同一把密钥生成的密文进行破解。</p> <p>参考资料：维基百科：<a href="https://en.wikipedia.org/wiki/Initialization_vector">https://en.wikipedia.org/wiki/Initialization_vector</a></p> <h3>加密模式 mode</h3> <p>目前流行的加密和数字认证算法，都是采用块加密方式，就是将需要加密的明文分成固定大小的数据块，然后对其执行密码算法，得到密文。数据块的大小通常采用跟密钥一样的长度。加密模式在加密算法的基础上发展出来，同时也可以独立于加密算法而存在，加密模式定义了怎样通过重复利用加密算法将大于一个数据块大小的明文转化为密文，描述了加密每一数据块的过程。目前利用较多的加密模式有以下几种：</p> <ul> <li><strong>ECB：Electronic Code Book（电子码本模式）</strong>，是一种基础的加密方式，密文被分割成分组长度相等的块（不足补齐），然后单独一个个加密，一个个输出组成密文。</li> <li><strong>CBC：Cipher Block Chaining（密码块链接模式）</strong>，是一种循环模式，前一个分组的密文和当前分组的明文异或操作后再加密，这样做的目的是增强破解难度。</li> <li><strong>PCBC：Propagating Cipher Block Chaining（填充密码块链接模式）</strong>，也称为明文密码块链接模式（Plaintext Cipher Block Chaining），是一种可以使密文中的微小更改在解密时导致明文大部分错误的模式，并在加密的时候也具有同样的特性。</li> <li><strong>CFB：Cipher Feedback（密码反馈模式）</strong>，可以将块密码变为自同步的流密码，类似于 CBC，CFB 的解密过程几乎就是颠倒的 CBC 的加密过程。</li> <li><strong>OFB：Output Feedback（输出反馈模式）</strong>，可以将块密码变成同步的流密码，它产生密钥流的块，然后将其与明文块进行异或，得到密文。与其它流密码一样，密文中一个位的翻转会使明文中同样位置的位也产生翻转。</li> <li><strong>CTR：Counter mode（计数器模式）</strong>，也被称为 ICM 模式（Integer Counter Mode，整数计数模式）和 SIC 模式（Segmented Integer Counter），在 CTR 模式中，有一个自增的算子，这个算子用密钥加密之后的输出和明文异或的结果得到密文，相当于一次一密。这种加密方式简单快速，安全可靠，而且可以并行加密，但是在计算器不能维持很长的情况下，密钥只能使用一次。</li> </ul> <p>参考资料：维基百科：<a href="https://en.wikipedia.org/wiki/Block_cipher_mode_of_operation">https://en.wikipedia.org/wiki/Block_cipher_mode_of_operation</a></p> <h3>填充方式 padding</h3> <p>块密码只能对确定长度的数据块进行处理，而消息的长度通常是可变的。因此部分模式最后一块数据在加密前需要进行填充。有数种填充方法，其中最简单的一种是在明文的最后填充空字符以使其长度为块长度的整数倍。常见填充方式有以下几种：</p> <ul> <li><strong>PKCS7</strong>：在填充时首先获取需要填充的字节长度 = 块长度 - （数据长度 % 块长度）, 在填充字节序列中所有字节填充为需要填充的字节长度值。</li> <li><strong>PKCS5</strong>：PKCS5 作为 PKCS7 的子集算法，概念上没有什么区别，只是在 blockSize 上固定为 8 bytes，即块大小固定为 8 字节。</li> <li><strong>ZeroPadding</strong>：在填充时首先获取需要填充的字节长度 = 块长度 - （数据长度 % 块长度）, 在填充字节序列中所有字节填充为 0 。</li> <li><strong>ISO10126</strong>：在填充时首先获取需要填充的字节长度 = 块长度 - （数据长度 % 块长度），在填充字节序列中最后一个字节填充为需要填充的字节长度值，填充字节中其余字节均填充随机数值。</li> <li><strong>ANSIX923</strong>：在填充时首先获取需要填充的字节长度 = 块长度 - （数据长度 % 块长度），在填充字节序列中最后一个字节填充为需要填充的字节长度值，填充字节中其余字节均填充数字零。</li> </ul> <p>参考资料：</p> <ul> <li>维基百科：<a href="https://en.wikipedia.org/wiki/Padding_(cryptography)">https://en.wikipedia.org/wiki/Padding_(cryptography)</a></li> <li>PKCS7/PKCS5 填充算法：<a href="https://segmentfault.com/a/1190000019793040">https://segmentfault.com/a/1190000019793040</a></li> </ul> <h2>Base64</h2> <p>简介：Base64 是一种用 64 个字符来表示任意二进制数据的方法。</p> <p>参考资料：</p> <ul> <li>Base64 百度百科：<a href="https://baike.baidu.com/item/base64/8545775">https://baike.baidu.com/item/base64/8545775</a></li> <li>Base64 维基百科：<a href="https://en.wikipedia.org/wiki/Base64">https://en.wikipedia.org/wiki/Base64</a></li> </ul> <h2>MD5</h2> <p>简介：全称 MD5 消息摘要算法（英文名称：MD5 Message-Digest Algorithm），又称哈希算法、散列算法，由美国密码学家罗纳德·李维斯特（Ronald Linn Rivest）设计，于 1992 年作为 RFC 1321 被公布，用以取代 MD4 算法。摘要算法是单向加密的，也就是说明文通过摘要算法加密之后，是不能解密的。摘要算法的第二个特点密文是固定长度的，它通过一个函数，把任意长度的数据转换为一个长度固定的数据串（通常用16进制的字符串表示）。之所以叫摘要算法，它的算法就是提取明文重要的特征。所以，两个不同的明文，使用了摘要算法之后，有可能他们的密文是一样的，不过这个概率非常的低。</p> <h2>RSA</h2> <p>简介：英文名称：Rivest-Shamir-Adleman，是 1977 年由罗纳德·李维斯特（Ron Rivest）、阿迪·萨莫尔（Adi Shamir）和伦纳德·阿德曼（Leonard Adleman）一起提出的，RSA 就是他们三人姓氏开头字母拼在一起组成的，RSA 加密算法是一种非对称加密算法。在公开密钥加密和电子商业中RSA被广泛使用。它被普遍认为是目前比较优秀的公钥方案之一。RSA是第一个能同时用于加密和数字签名的算法，它能够抵抗到目前为止已知的所有密码攻击。</p> <p>参照 k哥爬虫 ：<a href="https://mp.weixin.qq.com/s/4QTee0M9ukN6olgoR_LMug">https://mp.weixin.qq.com/s/4QTee0M9ukN6olgoR_LMug</a></p> https://210214.xyz/posts/js-environment/https://210214.xyz/posts/js-environment/Node.js环境补环境配置Sun, 14 May 2023 00:00:00 GMT<h3>补环境</h3> <pre><code>const jsdom = require("jsdom"); const { JSDOM } = jsdom; const dom = new JSDOM(`&lt;!DOCTYPE html&gt;&lt;p&gt;Hello world&lt;/p&gt;`); window = dom.window; var document = dom.window.document; window.document = document; </code></pre> <h3>安装jsdom和canvas</h3> <h4>jsdom</h4> <pre><code>npm install -g jsdom </code></pre> <h4>canvas</h4> <pre><code>npm install -g canvas </code></pre> https://210214.xyz/posts/python-decoding/https://210214.xyz/posts/python-decoding/Python编码解码相关知识点Sun, 14 May 2023 00:00:00 GMT<h2>python 解码</h2> <h3>request 请求</h3> <p>原理：</p> <ul> <li> <p>字符串在Python内部的表示是<strong>unicode</strong>编码，需要unicode编码作为中间件</p> <ul> <li>eg、response 请求后得到的结果的编码，运行到python程序中首先是<code>unicode</code>编码，先用response.text.encode去加载原本再网页中的编码，然后再将这个网页里使用的编码进行decode('utf8')就可以正常的显示了</li> </ul> </li> <li> <p>encode 用于在python程序中，unicode 对其他编码的处理，将python程序中的unicode编码encode得到常见的编码，想要输出的话还是要转成utf8，这就要用到decode函数了</p> </li> <li> <p>decode函数是用于 常见编码转换成unicode编码的一种方式</p> </li> </ul> <p>通用解码：</p> <pre><code>response.text.encode(response.encoding).decode('utf-8') # response.encoding为原来的编码格式，encode后编码为原来的格式，decode后解码为'utf-8' response.encoding = 'utf8' # 将encoding直接转换成utf8 response.content.decode('utf8') # 二进制内容转换成utf8 </code></pre> <p><img src="https://pic.210214.xyz//random/image-20230514160231034.png" alt="python编码" /></p> <h3>文件读写操作 codecs.open</h3> <pre><code>import codecs with codecs.open('....txt', 'w', 'utf-8') as f: f.write(...) </code></pre> https://210214.xyz/posts/docker-config/https://210214.xyz/posts/docker-config/Docker开机自启动和镜像源配置Mon, 08 May 2023 00:00:00 GMT<h2>docker</h2> <h3>docker设置开机自动重启并重新运行容器</h3> <ul> <li> <p>设置docker服务自动重启：</p> <pre><code>systemctl enable docker.service </code></pre> </li> <li> <p>docker容器时可以加如下参数来保证每次docker服务重启后容器也自动重启</p> <pre><code>docker run --restart=always </code></pre> </li> <li> <p>如果已经启动了</p> <pre><code>docker update --restart=always </code></pre> </li> <li> <p>重要的restart参数</p> <ul> <li>no - 容器退出时，不重启容器；</li> <li>on-failure - 只有在非0状态退出时才从新启动容器；如果容器由于错误而退出，则将其重新启动，非零退出代码表示错误</li> <li>unless-stopped - 重新启动容器，除非明确停止容器或者 Docker 被停止或重新启动</li> <li>always -只要容器停止了，就重新启动</li> </ul> </li> </ul> <h3>docker-compose 启动</h3> <h4>启动命令</h4> <pre><code>sudo docker-compose up -d #前提需要有docker-compose.yml 文件 </code></pre> <h3>docker镜像源设置</h3> <h4>1.修改配置文件</h4> <ul> <li>创建或修改 /etc/docker/daemon.json 文件，修改为如下形式</li> </ul> <pre><code>{ "registry-mirrors": [ "https://docker.mirrors.ustc.edu.cn", "http://hub-mirror.c.163.com", "https://registry.docker-cn.com" ] } </code></pre> <h4>2.加载重启docker</h4> <pre><code>service docker restart </code></pre> https://210214.xyz/posts/linux-ssh-config/https://210214.xyz/posts/linux-ssh-config/Linux服务器SSH登录配置教程，包括别名快速登录、免密登录、安全配置等。Mon, 08 May 2023 00:00:00 GMT<h3>登录服务器: ssh</h3> <p>ssh，<code>secure shell protocol</code>，以更加安全的方式连接远程服务器。</p> <p>把以下 IP 地址替换为你云服务器的公网地址，并提供密码即可登录。</p> <p>但记住一个 IP 地址，这是一个反人性的操作，如果你有多个服务器需要管理呢？</p> <pre><code>$ ssh root@172.16.3.2 </code></pre> <h3>配置别名快速登录：ssh-config</h3> <p>在<strong>本地客户端环境 (个人电脑) 上配置 ssh-config</strong>，<strong>没有该文件则新建文件</strong>。对自己管理的服务器起别名，可以更方便地登录多台云服务器，以下是关于 ssh-config 的配置文件</p> <blockquote> <p>如果 windows 用户需要配置 ssh config，请先安装 <a href="http://www.cygwin.com/install.html">cygwin</a>或者 mingw（git 自带）作为终端。</p> </blockquote> <ul> <li><code>/etc/ssh/ssh_config</code></li> <li><code>~/.ssh/config</code></li> </ul> <p>以下是快速登录山月两个服务器 <code>shanyue</code> 和 <code>training</code> 的配置</p> <pre><code># 修改 ssh 配置文件 ~/.ssh/config # 172.16.3.2 是内网环境，此处仅做示例 Host shanyue HostName 172.16.3.2 User root # 请用真实 IP 地址替换以下的 PUBLIC_IP # 并记得替换 User Host training HostName &lt;PUBLIC_IP&gt; User root </code></pre> <p>配置成功之后直接 ssh 就可以直接登录，是不很方便？</p> <pre><code>$ ssh shanyue Last login: Wed Jun 15 20:09:14 2022 from 172.16.3.4 Welcome to Alibaba Cloud Elastic Compute Service ! [root@shanyue ~] </code></pre> <h3>免密登录：public-key 与 ssh-copy-id</h3> <p>如何实现远程服务器的免密登录需要两个条件:</p> <ol> <li>两个文件: 本地环境的 <code>~/.ssh/id_rsa.pub</code> 与 远程服务器的 <code>~/.ssh/authorized_keys</code></li> <li>一个动作: 把本地文件 <code>~/.ssh/id_rsa.pub</code> 中内容复制粘贴到远程服务器 <code>~/.ssh/authorized_keys</code></li> </ol> <blockquote> <p>如果本地没有 <code>~/.ssh/id_rsa.pub</code> 文件，则使用命令 <code>ssh-keygen</code> 进行生成。</p> </blockquote> <blockquote> <p><code>~/.ssh/authorized_keys</code> 不能拥有其它用户（group、other）的写权限</p> </blockquote> <p><strong>总结成一句话，把自己的公钥放在远程服务器的 <code>authorized_keys</code> 中</strong></p> <p>简单来说，就是 <code>Ctrl-C</code> 与 <code>Ctrl-V</code> 操作，不过还有一个更加有效率的工具: <code>ssh-copy-id</code>。</p> <p>此时一个解决生产力的命令行工具应运而生: <code>ssh-copy-id</code></p> <pre><code>$ ssh-copy-id shanyue $ ssh shanyue </code></pre> <h3>安全性: 禁用密码登录</h3> <p>为了更大保障服务器的安全性，这里禁止密码登录。修改云服务器的 <code>sshd</code> 配置文件：<code>/etc/ssh/sshd_config</code>。其中 <code>PasswordAuthentication</code> 设置为 <code>no</code>，以此来禁用密码登录。</p> <pre><code># 编辑服务器端的 /etc/ssh/sshd_config # 禁用密码登录 Host * PasswordAuthentication no </code></pre> <h3>保持连接，防止断掉</h3> <p>除此之外，还可以通过一些配置来更好地优化我们连接服务器时的体验。</p> <p>我们可以通过 <code>man ssh_config</code>，找到每一项的详细释义。</p> <pre><code># 编辑 ~/.ssh/config Host * ServerAliveInterval 30 TCPKeepAlive yes ServerAliveCountMax 6 Compression yes </code></pre> <p><code>ServerAliveInterval</code> 将能够保持较长时间 <code>ssh</code> 连接，不会使得程序在运行，结果因 ssh 超时而连接断开。</p> <ul> <li><code>ServerAliveInterval</code>：如果服务器 n 秒没有响应，则 ssh 客户端将发送数据包至 ssh 服务器</li> <li><code>ServerAliveCountMax</code>：直到发送了 n 次，服务器还没有响应，则断掉 ssh 连接</li> </ul> <p>以上配置代表，如果服务器不响应后，服务器在 <code>30 * 6</code> 秒后将断开连接。</p> <p>另外也可以通过 <code>ssh -o ServerAliveInterval=30 -o ServerAliveCountMax=6 $HOST</code> 命令传递 ssh_config 配置。</p> <hr /> <h3>Linux用Docker设置代理</h3> <p>将v2的端口设置好，并在<code>/etc/v2ray/config.json</code>这个文件中配置好导出的客户端模块，最后一键运行这个代码</p> <pre><code>docker run -d --name v2ray -v /etc/v2ray:/etc/v2ray -p 10890:10890 v2ray/official v2ray -config=/etc/v2ray/config.json </code></pre> <hr /> <h3>Docker 查看自己是否启动代理</h3> <ul> <li> <p>如果是http代理</p> <pre><code>curl --proxy http://127.0.0.1:10890 www.google.com </code></pre> </li> <li> <p>如果是socks代理</p> <pre><code>curl --socks5 http://127.0.0.1:10890 www.google.com </code></pre> </li> </ul> <h3>修改登录端口</h3> <pre><code>sudo vim /etc/ssh/sshd_config #用"/"命令找到Port，并进行修改 sudo /etc/init.d/ssh restart # 重启 ssh 连接服务！ # 修改完一定要记得打开修改过的端口 sudo ufw allow Port </code></pre> <h3>关闭防火墙</h3> <pre><code>sudo ufw allow Port #指定端口进行开启 sudo ufw disable #先关闭防火墙 开启的话是enable sudo ufw reset #重新设置 </code></pre> <h2>Ubuntu 一键安装</h2> <h3>node</h3> <pre><code>sudo apt install nodejs </code></pre> <h3>npm</h3> <pre><code>sudo apt intsall npm </code></pre> <h3>docker</h3> <h4>docker安装</h4> <pre><code>sudo curl -sSL https://get.daocloud.io/docker | sh </code></pre> <h4>docker-compose</h4> <pre><code>sudo apt install docker-compose -y </code></pre> https://210214.xyz/posts/node-environment/https://210214.xyz/posts/node-environment/Node.js环境配置和npm换源Mon, 08 May 2023 00:00:00 GMT<pre><code>#环境 D:\configuration\Node D:\configuration\Node\node_global\node_modules </code></pre> <pre><code># 换源 npm config set registry https://registry.npm.taobao.org # 还原默认源：npm config set registry https://registry.npmjs.org/ </code></pre> <pre><code>#目录 npm config set prefix "D:\configuration\Node\node_cache" npm config set cache "D:\configuration\Node\node_cache" </code></pre> https://210214.xyz/posts/python-books/https://210214.xyz/posts/python-books/Python学习书籍推荐Wed, 12 Apr 2023 00:00:00 GMT<h2>入门读物</h2> <ol> <li>《Python基础教程》</li> <li>《Python学习手册》</li> <li>《Python编程》</li> </ol> <h2>进阶读物</h2> <ol> <li>《Python核心编程》</li> <li>《流畅的Python》</li> </ol> <h2>Web框架</h2> <ul> <li>Django</li> <li>Flask</li> </ul> <h2>爬虫开发</h2> <ul> <li>《用Python写网络爬虫》</li> </ul> <h2>数据分析</h2> <ul> <li>《利用Python进行数据分析》</li> </ul> <h2>机器学习</h2> <ul> <li>《Python机器学习基础教程》</li> <li>《TensorFlow》</li> </ul> https://210214.xyz/posts/charles-config/https://210214.xyz/posts/charles-config/Charles抓包工具HTTPS配置教程Wed, 12 Apr 2023 00:00:00 GMT<h2>charles 配置</h2> <p>之前文章讲的数据包主要是http协议，大家可以看到数据包并直接显示具体详细的内容：</p> <p>但是如果抓到的是https的报文，是没有办法直接显示的，你将看到的是乱码：</p> <p>那怎么抓取https的数据报文并正常显示报文内容信息呢？</p> <p><strong>第一步：安装证书</strong></p> <p>如果需要抓取并分析 Https 协议的数据报文，需要先安装 Charles 的 CA 证书。具体步骤如下：</p> <p>1、点击 Charles 的顶部菜单，选择 "Help" --&gt; "SSL Proxying" --&gt; "Install Charles Root Certificate"</p> <p>然后输入系统的帐号密码，即可在 KeyChain 看到添加好的证书。</p> <p><strong>第二步：安装浏览器证书</strong></p> <p>根据提示信息，需要先下载证书，再安装到浏览器中。</p> <p>所以，在浏览器地址栏输入"chls.pro/ssl"地址去下载证书</p> <p>然后在浏览器中安装这个下载好的证书，此处以chrome为例</p> <h3>第三步：开启SSL 代理</h3> <p>点击【Proxy】—&gt; 【SSL proxying Settings】可以打开如下对话框：</p> <p>勾选"Enable SSL Proxying"，并在Include区域点击"Add"新建地址，在Host和Port区域填上"*"，表示匹配所有，那么就可以抓取所有的https数据报文。</p> https://210214.xyz/posts/hexo-commands/https://210214.xyz/posts/hexo-commands/Hexo命令行快捷键汇总Tue, 11 Apr 2023 00:00:00 GMT<table> <thead> <tr> <th>命令</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td><code>hexo g</code></td> <td>生成</td> </tr> <tr> <td><code>hexo s</code> / <code>hexo server</code></td> <td>开始本地预览服务</td> </tr> <tr> <td><code>hexo d</code> / <code>hexo deploy</code></td> <td>发布上传</td> </tr> <tr> <td><code>hexo clean &amp;&amp; hexo g &amp;&amp; hexo d</code></td> <td>组合生成发布命令</td> </tr> <tr> <td><code>hexo clean &amp;&amp; hexo g &amp;&amp; gulp &amp;&amp; hexo deploy</code></td> <td><strong>最常用的组合命令，生成，压缩并发布</strong></td> </tr> <tr> <td><code>hexo n</code> / <code>hexo new "postName"</code></td> <td>新建文章</td> </tr> <tr> <td><code>hexo new page "pageName"</code></td> <td>新建页面</td> </tr> <tr> <td><code>hexo g</code> / <code>hexo generate</code></td> <td>生成静态页面至public目录</td> </tr> <tr> <td><code>hexo help</code></td> <td>查看帮助</td> </tr> <tr> <td><code>hexo version</code></td> <td>查看Hexo版本</td> </tr> </tbody> </table> https://210214.xyz/posts/proxy-speed-test/https://210214.xyz/posts/proxy-speed-test/使用SPEEDTEST进行代理测速Tue, 11 Apr 2023 00:00:00 GMT<p>请务必认准 .net 域名，不要使用 .cn 域名的来测试。</p> <p>请确认网页上显示的测试服务器的位置在中国大陆以外。如果仍显示国内地址，请开启全局代理模式。</p> <p>点击网页上的 GO 来进行测试。</p> <h2>无广告版本的站点</h2> <ul> <li>https://www.speedtest.net/</li> </ul> https://210214.xyz/posts/proxy-speed-test-new/https://210214.xyz/posts/proxy-speed-test-new/代理IP测速方法和无广告测速站点Tue, 11 Apr 2023 00:00:00 GMT<h3>SPEEDTEST : https://www.speedtest.net/</h3> <ul> <li> <p>请务必认准 .net 域名，不要使用 .cn 域名的来测试。</p> </li> <li> <p>请确认网页上显示的测试服务器的位置在中国大陆以外。如果仍显示国内地址，请开启全局代理模式。</p> </li> <li> <p>点击网页上的 GO 来进行测试。</p> </li> <li> <p>我自己常用的是无广告版本的站点：</p> </li> </ul> <p>① <a href="http://mybroadbandspeed.speedtestcustom.com/">http://mybroadbandspeed.speedtestcustom.com/</a></p> <p>② <a href="http://aaaaaa.speedtestcustom.com/">http://aaaaaa.speedtestcustom.com/</a></p> <p>③ <a href="http://rixcloud.speedtestcustom.com/">http://rixcloud.speedtestcustom.com/</a></p> <p>④ <a href="http://cordcloud.speedtestcustom.com/">http://cordcloud.speedtestcustom.com/</a></p> https://210214.xyz/posts/algorithm-templates/https://210214.xyz/posts/algorithm-templates/整理常用的算法模板，包括排序、二分、高精度、数据结构、图论、数学等算法。Sat, 11 Mar 2023 00:00:00 GMT<h2>快速排序算法模板</h2> <p><strong>快排</strong></p> <pre><code>void quick_sort(int q[], int l, int r) { if (l &gt;= r) return; int i = l - 1, j = r + 1, x = q[l + r &gt;&gt; 1]; while (i &lt; j) { do i ++ ; while (q[i] &lt; x); do j -- ; while (q[j] &gt; x); if (i &lt; j) swap(q[i], q[j]); } quick_sort(q, l, j), quick_sort(q, j + 1, r); } </code></pre> <h2>归并排序算法模板</h2> <pre><code>void merge_sort(int q[], int l, int r) { if (l &gt;= r) return; int mid = l + r &gt;&gt; 1; merge_sort(q, l, mid); merge_sort(q, mid + 1, r); int k = 0, i = l, j = mid + 1; while (i &lt;= mid &amp;&amp; j &lt;= r) if (q[i] &lt;= q[j]) tmp[k ++ ] = q[i ++ ]; else tmp[k ++ ] = q[j ++ ]; while (i &lt;= mid) tmp[k ++ ] = q[i ++ ]; while (j &lt;= r) tmp[k ++ ] = q[j ++ ]; for (i = l, j = 0; i &lt;= r; i ++, j ++ ) q[i] = tmp[j]; } </code></pre> <h2>整数二分算法模板</h2> <pre><code>bool check(int x) {/* … */} // 检查x是否满足某种性质 // 区间[l, r]被划分成[l, mid]和[mid + 1, r]时使用： int bsearch_1(int l, int r) { while (l &lt; r) { int mid = l + r &gt;&gt; 1; if (check(mid)) r = mid; // check()判断mid是否满足性质 else l = mid + 1; } return l; } // 区间[l, r]被划分成[l, mid - 1]和[mid, r]时使用： int bsearch_2(int l, int r) { while (l &lt; r) { int mid = l + r + 1 &gt;&gt; 1; if (check(mid)) l = mid; else r = mid - 1; } return l; } </code></pre> <h2>浮点数二分算法模板</h2> <pre><code>bool check(double x) {/* … */} // 检查x是否满足某种性质 double bsearch_3(double l, double r) { const double eps = 1e-6; // eps 表示精度，取决于题目对精度的要求 while (r - l &gt; eps) { double mid = (l + r) / 2; if (check(mid)) r = mid; else l = mid; } return l; } </code></pre> <h2>高精度加法</h2> <pre><code>// C = A + B, A &gt;= 0, B &gt;= 0 vector&lt;int&gt; add(vector&lt;int&gt; &amp;A, vector&lt;int&gt; &amp;B) { if (A.size() &lt; B.size()) return add(B, A); vector&lt;int&gt; C; int t = 0; for (int i = 0; i &lt; A.size(); i ++ ) { t += A[i]; if (i &lt; B.size()) t += B[i]; C.push_back(t % 10); t /= 10; } if (t) C.push_back(t); return C; } </code></pre> <h2>高精度减法</h2> <pre><code>// C = A - B, 满足A &gt;= B, A &gt;= 0, B &gt;= 0 vector&lt;int&gt; sub(vector&lt;int&gt; &amp;A, vector&lt;int&gt; &amp;B) { vector&lt;int&gt; C; for (int i = 0, t = 0; i &lt; A.size(); i ++ ) { t = A[i] - t; if (i &lt; B.size()) t -= B[i]; C.push_back((t + 10) % 10); if (t &lt; 0) t = 1; else t = 0; } while (C.size() &gt; 1 &amp;&amp; C.back() == 0) C.pop_back(); return C; } </code></pre> <h2>高精度乘低精度</h2> <pre><code>// C = A * b, A &gt;= 0, b &gt;= 0 vector&lt;int&gt; mul(vector&lt;int&gt; &amp;A, int b) { vector&lt;int&gt; C; int t = 0; for (int i = 0; i &lt; A.size() || t; i ++ ) { if (i &lt; A.size()) t += A[i] * b; C.push_back(t % 10); t /= 10; } while (C.size() &gt; 1 &amp;&amp; C.back() == 0) C.pop_back(); return C; } </code></pre> <h2>高精度除以低精度</h2> <pre><code>// A / b = C … r, A &gt;= 0, b &gt; 0 vector&lt;int&gt; div(vector&lt;int&gt; &amp;A, int b, int &amp;r) { vector&lt;int&gt; C; r = 0; for (int i = A.size() - 1; i &gt;= 0; i -- ) { r = r * 10 + A[i]; C.push_back(r / b); r %= b; } reverse(C.begin(), C.end()); while (C.size() &gt; 1 &amp;&amp; C.back() == 0) C.pop_back(); return C; } </code></pre> <h2>一维前缀和</h2> <pre><code>S[i] = a[1] + a[2] + ... a[i] a[l] + ... + a[r] = S[r] - S[l - 1] </code></pre> <h2>二维前缀和</h2> <pre><code>S[i, j] = 第i行j列格子左上部分所有元素的和 以(x1, y1)为左上角，(x2, y2)为右下角的子矩阵的和为： S[x2, y2] - S[x1 - 1, y2] - S[x2, y1 - 1] + S[x1 - 1, y1 - 1] </code></pre> <h2>一维差分</h2> <p>给区间[l, r]中的每个数加上c：B[l] += c, B[r + 1] -= c</p> <h2>二维差分</h2> <p>给以(x1, y1)为左上角，(x2, y2)为右下角的子矩阵中的所有元素加上c： S[x1, y1] += c, S[x2 + 1, y1] -= c, S[x1, y2 + 1] -= c, S[x2 + 1, y2 + 1] += c</p> <h2>位运算</h2> <p>求n的第k位数字: n &gt;&gt; k &amp; 1 返回n的最后一位1：lowbit(n) = n &amp; -n</p> <h2>双指针算法</h2> <pre><code>for (int i = 0, j = 0; i &lt; n; i ++ ) { while (j &lt; i &amp;&amp; check(i, j)) j ++ ; // 具体问题的逻辑 } </code></pre> <p>常见问题分类： (1) 对于一个序列，用两个指针维护一段区间 (2) 对于两个序列，维护某种次序，比如归并排序中合并两个有序序列的操作</p> <h2>快速幂</h2> <p>求 m^k mod p，时间复杂度 O(logk)。</p> <pre><code>int qmi(int m, int k, int p) { int res = 1 % p, t = m; while (k) { if (k&amp;1) res = res * t % p; t = t * t % p; k &gt;&gt;= 1; } return res; } </code></pre> https://210214.xyz/posts/vmware-config/https://210214.xyz/posts/vmware-config/VMware虚拟机配置教程，包括Ubuntu系统换源、静态IP配置、SSH连接设置等。Sat, 18 Feb 2023 00:00:00 GMT<h2>vm</h2> <h3>ubuntu 18</h3> <h4>换源</h4> <h5>1.查看发行版本信息</h5> <p><strong>ubuntu 20.04</strong></p> <pre><code>$ lsb_release -a Distributor ID: Ubuntu Description: Ubuntu 20.04.1 LTS Release: 20.04 Codename: focal #可以看到发行版本代号为 focal </code></pre> <p><strong>ubuntu 18.04</strong></p> <pre><code>$ lsb_release -c Codename: bionic #可以看到发行版本代号为 bionic </code></pre> <p><strong>部分ubuntu系统LTS版本代号</strong></p> <pre><code>Ubuntu 16.04代号为：xenial Ubuntu 17.04代号为：zesty Ubuntu 18.04代号为：bionic Ubuntu 19.04代号为：disco Ubuntu 20.04代号为：focal </code></pre> <h5>2.修改sources.list文件</h5> <pre><code>sudo vim /etc/apt/sources.list </code></pre> <p><strong>ubuntu 20.04</strong></p> <pre><code>#阿里源 deb http://mirrors.aliyun.com/ubuntu/ focal main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ focal main restricted universe multiverse deb http://mirrors.aliyun.com/ubuntu/ focal-security main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ focal-security main restricted universe multiverse deb http://mirrors.aliyun.com/ubuntu/ focal-updates main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ focal-updates main restricted universe multiverse deb http://mirrors.aliyun.com/ubuntu/ focal-backports main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ focal-backports main restricted universe multiverse deb http://mirrors.aliyun.com/ubuntu/ focal-proposed main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ focal-proposed main restricted universe multiverse </code></pre> <p><strong>ubuntu 18.04</strong></p> <pre><code>#阿里源 deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse deb http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse deb http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse deb http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse deb http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse deb-src http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse </code></pre> <h5>3.更新</h5> <pre><code>sudo apt-get update sudo apt-get upgrade </code></pre> <h4>静态ip</h4> <h5>1.首先查看虚拟机的各个网络字段</h5> <ul> <li> <p>提取信息</p> <pre><code>上图所示我的NAT网络配置： 子网ip：192.168.230.0 #need 这里需要用子网ip这个同一个网段的不同地址，例如这里的就是192.168.230.*(1~255) 子网掩码：255.255.255.0 子网网关：182.168.230.2 #need </code></pre> </li> <li> <p>其次还需要从自己主机查看本地网络的dns</p> </li> <li> <p>点击详细信息进行查看</p> </li> </ul> <h5>2.下面是对虚拟机的配置</h5> <pre><code>sudo vim /etc/netplan/01-network-manager-all.yaml #只要配置netplan下面的这个文件就行，如果没有这个同名的，可以找一下自己的目录,只要是yaml这个后缀的就行 </code></pre> <p>模板</p> <pre><code>network: version: 2 renderer: NetworkManager ethernets: ens32: #配置的网卡名称 dhcp4: no #dhcp4关闭 dhcp6: no #dhcp6关闭 addresses: [192.168.230.128/24] #设置本机IP及掩码 optional: true gateway4: 192.168.230.2 #设置网关 nameservers: addresses: [192.168.0.1] #设置DNS </code></pre> <h4>ssh连接</h4> <h5>1.关闭防火墙</h5> <pre><code>sudo ufw disable </code></pre> <h5>2.安装OpenSSH</h5> <pre><code>sudo apt-get install openssh-server openssh-client </code></pre> <h5>3.验证</h5> <pre><code>netstat -tnl </code></pre> https://210214.xyz/posts/python-advanced/https://210214.xyz/posts/python-advanced/Python高级语法知识点总结Wed, 08 Feb 2023 00:00:00 GMT<h2>lambda</h2> <p>匿名函数的语法，冒号前为参数，冒号后为返回值。</p> <pre><code>lambda x: x * x </code></pre> <h2>列表生成式</h2> <pre><code>[x * x for x in range(1, 11)] [x for x in range(1, 11) if x % 2 == 0] </code></pre> <h2>内置函数</h2> <h3>数学运算</h3> <ul> <li>abs</li> <li>round</li> <li>pow</li> <li>divmod</li> </ul> <h3>序列操作</h3> <ul> <li>all</li> <li>any</li> <li>sorted</li> <li>reversed</li> </ul> <h3>对象操作</h3> <ul> <li>hasattr</li> <li>getattr</li> <li>setattr</li> <li>isinstance</li> </ul> <h2>导入库</h2> <h3>json</h3> <pre><code>import json json.dumps(data, ensure_ascii=False) # 编码，支持中文 json.loads() # 解码 </code></pre> <h3>datetime</h3> <pre><code>from datetime import datetime </code></pre> <h3>os</h3> <pre><code>import os </code></pre> <h2>线程池使用</h2> <pre><code>from concurrent.futures import ThreadPoolExecutor with ThreadPoolExecutor(max_workers=5) as executor: executor.map(func, iterable) </code></pre> <h2>逆向常用</h2> <p>JavaScript Hook 调试：</p> <pre><code>Object.defineProperty(document, 'cookie', { set: function(a) { debugger } }) </code></pre> https://210214.xyz/posts/proxy-config/https://210214.xyz/posts/proxy-config/各工具代理配置汇总Thu, 12 Jan 2023 00:00:00 GMT<h2>Windows CMD</h2> <pre><code>set http_proxy=http://yourProxyServer:port set https_proxy=http://yourProxyServer:port </code></pre> <h2>Linux / Mac</h2> <pre><code># 设置代理 export http_proxy=http://yourProxyServer:port export https_proxy=http://yourProxyServer:port # 取消代理 unset http_proxy unset https_proxy </code></pre> <h2>Git</h2> <pre><code># 设置代理 git config --global http.proxy http://yourProxyServer:port # 查看代理 git config --global --get http.proxy # 删除代理 git config --global --unset http.proxy </code></pre> <h2>npm</h2> <pre><code># 设置镜像 npm config set registry https://registry.npm.taobao.org # 设置代理 npm config set proxy http://yourProxyServer:port npm config set https-proxy http://yourProxyServer:port # 取消代理 npm config rm proxy </code></pre> <h2>yarn</h2> <pre><code>yarn config set registry https://registry.npm.taobao.org yarn config set proxy http://yourProxyServer:port </code></pre> <h2>nvm</h2> <pre><code>nvm proxy "http://yourProxyServer:port" </code></pre> <h2>Bower (.bowerrc)</h2> <pre><code>{ "directory": "bower_components", "proxy": "http://yourProxyServer:port/", "https-proxy": "http://yourProxyServer:port/" } </code></pre> <h2>Gradle (gradle.properties)</h2> <pre><code>systemProp.http.proxyHost=yourProxyServer systemProp.http.proxyPort=yourPort systemProp.https.proxyHost=yourProxyServer systemProp.https.proxyPort=yourPort </code></pre> <h2>Python pip</h2> <pre><code># 方式一：命令参数 pip install yourPackage --proxy http://yourProxyServer:port # 方式二：配置文件 pip.ini [install] proxy=http://yourProxyServer:port </code></pre> <h2>VSCode</h2> <pre><code>"http.proxy": "http://yourProxyServer:port" </code></pre> <h2>Sublime</h2> <pre><code>"http_proxy": "http://yourProxyServer:port", "https_proxy": "http://yourProxyServer:port" </code></pre> <h2>wget</h2> <pre><code># 临时 wget url -e http-proxy=yourProxyServer:port # 永久：.wgetrc http-proxy = yourProxyServer:port </code></pre> <h2>curl</h2> <pre><code># 临时 curl url -x yourProxyServer:port # 永久：_curlrc (Windows) 或 .curlrc (Linux) proxy = yourProxyServer:port </code></pre> <h2>Golang go get</h2> <p>需设置系统变量 <code>http_proxy</code> 以及 Git 代理 <code>git config --global http.proxy ...</code></p> https://210214.xyz/posts/regex-intro/https://210214.xyz/posts/regex-intro/正则表达式是一种用于匹配字符串模式的强大工具，本文介绍正则表达式的基本语法和常用示例。Thu, 08 Dec 2022 00:00:00 GMT<h2>正则表达式简单示例</h2> <pre><code>? #前面的字符需要出现0/1次 * #前面的字符可以出现0/多次 + #前面的字符必须出现1次以上 {} #需要出现固定次数 eg: {2,} #至少出现两次 {2,6}#出现2-6次 () #出现多次-&gt;() 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。一般都是小括号后面加上大括号表示重复次数 | #或运算符 [xyz] #表示要求在区域里的字符 eg: [a-zA-Z] #所有的字母 [^ ] #所有除了方括号内的字符 \d #数字 \w #英文字母 \s #空字符，回车键等 #上面三字符的大写都是表示取非 .* #任意字符 ^a #以a字符为首，^表示以什么字符开头 $a #以a字符结尾，$表示以什么字符结尾 </code></pre> https://210214.xyz/posts/vue-devtools-fix/https://210214.xyz/posts/vue-devtools-fix/解决Vue Devtools无法启用的问题Mon, 14 Nov 2022 00:00:00 GMT<h2>vue.js 拓展无法启用</h2> <h3>这里我以自己的谷歌浏览器演示</h3> <pre><code>C:\Users\维磊\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\6.4.5_0 </code></pre> <h4>在路径中点开文件夹找到 manifest.json 文件</h4> <h4>更改配置</h4> <p>更改文件中的字段：</p> <pre><code>"persistent": true </code></pre> <h4>我的 manifest.json 文件完整展示</h4> <pre><code>{ "background": { "persistent": true, "scripts": ["build/background.js"] }, "browser_action": { "default_icon": { "128": "icons/128-gray.png", "16": "icons/16-gray.png", "48": "icons/48-gray.png" }, "default_popup": "popups/not-found.html", "default_title": "Vue Devtools" }, "content_scripts": [ { "js": ["build/hook.js"], "matches": ["\u003Call_urls&gt;"], "run_at": "document_start" }, { "js": ["build/detector.js"], "matches": ["\u003Call_urls&gt;"], "run_at": "document_idle" } ], "content_security_policy": "script-src 'self'; object-src 'self'", "description": "Browser DevTools extension for debugging Vue.js applications.", "devtools_page": "devtools-background.html", "icons": { "128": "icons/128.png", "16": "icons/16.png", "48": "icons/48.png" }, "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAgJeMqfZu44CZ6O6SbpANnImOjQWgDPTyRXnvtYmAmZsC4o+mGZLWSdJph50Rdcipn+P66YvwrzN5ZSU8fz51d+C7OfCQiW3KnvBKYuSzF7AWciOx0crrVkCKZVgWh1GyEQS5Cpeifz/UZaXLoTqSqqFut/DeSCpMTFVIAvPksG3MGZI6jGIQd3CemEKUOXLUveNVbv8dEpxy/5NeUea4/wO6Kpa0zbEz1zQXrF0jOqsLC2d2hUOHPaAEc7h9uDal1cFsxG3e7ZQeGUPie3ho8bZfLPXYLj5dpDrRxVrxA92airJWOAQf8fqpKNm6SMw87NheU3xwmfV3EMpAWVen6wIDAQAB", "manifest_version": 2, "name": "Vue.js devtools", "permissions": ["\u003Call_urls&gt;", "storage"], "update_url": "https://clients2.google.com/service/update2/crx", "version": "6.4.5", "version_name": "6.4.5", "web_accessible_resources": ["devtools.html", "devtools-background.html", "build/backend.js"] } </code></pre> <h4>重启浏览器</h4> <p>后面重启就可以了</p> https://210214.xyz/posts/cpp-config/https://210214.xyz/posts/cpp-config/VSCode C++开发环境配置Fri, 11 Nov 2022 00:00:00 GMT<h2>cpp配置项</h2> <h3>vsc</h3> <h4>缩进</h4> <ol> <li>依次点击：文件-&gt;首选项-&gt;设置，然后输入 <code>C_Cpp: Clang_format_style</code></li> <li>将默认的 file 改为 <code>{BasedOnStyle: Chromium, IndentWidth: 4}</code></li> </ol> <h4>配置c++11，</h4> <ul> <li>打开code runner 的配置文件，在语言配置项中配置cpp的选项为如下即可</li> </ul> <pre><code>"cpp": "cd $dir &amp;&amp; g++ $fileName -std=c++11 -o $fileNameWithoutExt &amp;&amp; $dir$fileNameWithoutExt", </code></pre> https://210214.xyz/posts/quick-power/https://210214.xyz/posts/quick-power/快速幂是一种高效计算幂运算的算法，通过二进制分解将时间复杂度从O(n)降低到O(logn)。Tue, 08 Nov 2022 00:00:00 GMT<h2>快速幂核心思想</h2> <ol> <li>把所有的次方用不同的底数相乘 的方式进行计算</li> <li>一直自乘，当出现幂次数的二进制位是1时，答案乘上当前的已经存在的数</li> </ol> <pre><code>//非递归快速幂 int qpow(int a, int n){ int ans = 1; while(n){ if(n&amp;1) //如果n的当前末位为1 ans *= a; //ans乘上当前的a a *= a; //a自乘 n &gt;&gt;= 1; //n往右移一位 } return ans; } </code></pre> <pre><code>//泛型的非递归快速幂 template &lt;typename T&gt; T qpow(T a, ll n) { T ans = 1; // 赋值为乘法单位元，可能要根据构造函数修改 while (n) { if (n &amp; 1) ans = ans * a; // 这里就最好别用自乘了，不然重载完*还要重载*=，有点麻烦。 n &gt;&gt;= 1; a = a * a; } return ans; } </code></pre> <pre><code>//求 m^k mod p，时间复杂度 O(logk)。 int qmi(int m, int k, int p) { int res = 1 % p, t = m; while (k) { if (k&amp;1) res = res * t % p; t = t * t % p; k &gt;&gt;= 1; } return res; } </code></pre> https://210214.xyz/posts/js-basics/https://210214.xyz/posts/js-basics/JavaScript基础知识补充，包括数组方法、ES6语法、函数、面向对象、DOM操作、事件处理等。Mon, 07 Nov 2022 00:00:00 GMT<h2>1.数组</h2> <h3>数组的常用方法</h3> <h4>1. map</h4> <p>遍历数组。</p> <pre><code>var list = ["a", "b", "c", "d", "e"]; list.map(function (value, index) { console.log("第" + (index + 1) + "个元素是" + value); }); </code></pre> <h4>2. push</h4> <p>在结尾追加元素。</p> <pre><code>var list = ["a", "b", "c", "d", "e"]; list.push("f"); console.log(list); </code></pre> <h4>3. sort</h4> <p>排序。</p> <p>数值：从小到大排序。 字符串：按首字母从 a~z 来排序。</p> <pre><code>var list = [1, 3, 6, 5, 2]; list.sort(); console.log(list); </code></pre> <h4>4. filter</h4> <p>过滤器。<code>newList = list.filter(function (item) {}</code>的<code>item</code>是数组的每个元素</p> <blockquote> <p>例子 - 将数组中大于等于 3 的元素放到新的数组</p> </blockquote> <pre><code>var list = [1, 3, 6, 5, 2]; var newList = list.filter(function (item) { if (item &gt;= 3) { return item; } }); console.log(newList); </code></pre> <h4>5. join</h4> <p>连接数组。</p> <p>不加参数时，默认加逗号。</p> <pre><code>var list = ["a", "b", "c"]; var str = list.join(); console.log(str); </code></pre> <p>实现 abc，在 join 里面加参数，空字符串可以设成空的连接符</p> <pre><code>var str = list.join(""); console.log(str); </code></pre> <p>实现 a+b+c</p> <pre><code>var str = list.join("+"); console.log(str); </code></pre> <h4>6.字符串split 方法</h4> <p>split 是字符串的拆分方法。</p> <p>split 不设参数时，默认生成一个数组。</p> <pre><code>var str = "banana"; var list = str.split(); console.log(list); </code></pre> <p>空字符串会拆分字符串</p> <pre><code>var list = str.split(""); console.log(list); </code></pre> <p>按字符来拆分</p> <pre><code>var list = str.split("n"); console.log(list); </code></pre> <blockquote> <p>例子 - 把日期 "2021-8-15" 按 "-" 来拆分</p> </blockquote> <pre><code>var str = "2021-8-15"; var list = str.split("-"); console.log(list); </code></pre> <h4>7.结合数组与对象</h4> <pre><code>var list = [ { name: "小明", age: 2, sex: "男" }, { name: "小红", age: 2, sex: "女" }, { name: "小亮", age: 2, sex: "男" }, ]; </code></pre> <p>获取数据：<code>list[0].name</code></p> <pre><code>console.log(list[0].age); console.log(list[0].name); </code></pre> <blockquote> <p>例子 - 找出所有男同学，放入一个新的数组。</p> </blockquote> <p>方法 1 - 数组 filter 过滤器</p> <pre><code>var list = [ { name: "小明", age: 2, sex: "男" }, { name: "小红", age: 2, sex: "女" }, { name: "小亮", age: 2, sex: "男" }, ]; var newList = list.filter(function (item) { if (item.sex === "男") { return item; } }); console.log(newList); </code></pre> <p>方法 2 - 数组 push 添加</p> <pre><code>var list = [ { name: "小明", age: 2, sex: "男" }, { name: "小红", age: 2, sex: "女" }, { name: "小亮", age: 2, sex: "男" }, ]; var newList = []; for (var i = 0; i &lt; list.length; i++) { if (list[i].sex === "男") { newList.push(list[i]); } } console.log(newList); </code></pre> <h2>2.ES6</h2> <h3>模板字符串</h3> <p>反引号 <code>`</code></p> <ol> <li>支持换行。</li> </ol> <pre><code>let str = `hello world`; console.log(str); </code></pre> <ol> <li>支持嵌入变量。</li> </ol> <p><code>${}</code></p> <p>连接字符串</p> <pre><code>let year = "2020"; let month = "10"; let date = "10"; let result = `${year}年${month}月${date}日`; console.log(result); </code></pre> <h3>解构赋值</h3> <ol> <li>数组的解构赋值。</li> </ol> <p><code>[n,m]</code></p> <pre><code>let [n, m] = [10, 20]; console.log(n); console.log(m); </code></pre> <p><strong>例子 - 交换。让 n=20,m=10。</strong></p> <p>定义一个临时变量，先把 n 放到 temp 里，再把 m 赋值给 n,最后再把 temp 赋值给 n。</p> <p>方法一</p> <pre><code>let n = 10; let m = 20; let temp; temp = n; n = m; m = temp; console.log(n); console.log(m); </code></pre> <p>方法二（解构赋值）</p> <pre><code>let n = 10; let m = 20; [n, m] = [m, n]; console.log(n); console.log(m); </code></pre> <ol> <li>对象的结构赋值（常用）。</li> </ol> <pre><code>let { name, age } = { name: "xiaoming", age: 10 }; console.log(name); console.log(age); </code></pre> <pre><code>let xm = { name: "xiaoming", age: 10 }; function getName({ name }) { return name; } let result = getName(xm); console.log(result); </code></pre> <ol> <li>通过解构赋值传递参数。</li> </ol> <h2>3.函数</h2> <h3>1.闭包</h3> <p>闭包函数：声明在一个函数中的函数，叫做闭包函数。</p> <p>闭包：内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回之后。</p> <p>闭包的特性： 内部函数未执行完，外部函数即使执行完成，外部函数中的变量也不会被销毁。</p> <p><strong>自己总结</strong>:在不需要展示内部变量的情况下，调用到内部函数</p> <pre><code>function fun1() { function fun2() { console.log("I'm fun2"); } return fun2; } const f = fun1(); </code></pre> <p>利用闭包实现了代码的封装。</p> <pre><code>function fun1() { let n = 10; let m = 20; function fun2() { return n + m; } return fun2; } const f = fun1(); const result = f(); console.log(result); </code></pre> <h4>代码封装</h4> <p>ES5 的一个模块化的语法。</p> <pre><code>const module = (function () { let a = 10; let b = 20; function add() { return a + b; } return add; })(); </code></pre> <h3>2.箭头函数</h3> <p>作用： 简化写法。</p> <pre><code>const add = (x) =&gt; { return x * x; }; const add = (x) =&gt; x * x; </code></pre> <pre><code>const fun = function (x) { return x * x; }; const fun = (x) =&gt; { return x * x; }; const fun = (x) =&gt; x * x; </code></pre> <h4>例子 - 每秒输出一次名字</h4> <pre><code>const cat = { name: "miaomiao", sayName() { setInterval(() =&gt; { console.log(this.name); }, 1000); }, }; cat.sayName(); </code></pre> <p>使用 <code>function</code> 定义的函数， <code>this</code> 取决于调用的函数。</p> <p>使用箭头函数， <code>this</code> 取决于函数定义的位置。</p> <p>箭头函数和普通函数的<code>this</code> 指向不同。</p> <p>普通函数指向的是调用该函数的对象。</p> <p>箭头函数：在哪里定义，<code>this</code> 就指向谁。</p> <h2>4.面向对象</h2> <h3>ES5 构造函数</h3> <p>构造函数的函数名，首字母大写</p> <p>构造函数是用来创建对象用的。</p> <p><code>function Dog(){}</code></p> <pre><code>function Dog(name, age) { this.name = name; this.age = age; } var dog = new Dog("旺柴", 2); console.log(dog.name); </code></pre> <h3>原型对象</h3> <p>通过设置构造函数的<code>prototype</code>属性，可以扩展构造函数生成的对象。</p> <p>通过原型对象，为构造函数生成的对象赋予新的方法。</p> <p><code>Dog.prototype.sayName = function () {};</code></p> <pre><code>function Dog(name, age) { this.name = name; this.age = age; } Dog.prototype.sayName = function () { console.log(`我的名字是${this.name}`); }; var dog = new Dog("旺柴", 2); var bigDog = new Dog("二哈", 3); dog.sayName(); bigDog.sayName(); </code></pre> <h3>原型链（继承）</h3> <p><code>Dog.prototype = new Animal()</code></p> <pre><code>function Animal(name) { this.name = name; } Animal.prototype.sayName = function () { console.log(`你好，我是${this.name}`); }; Animal.prototype.sayHello = function () { console.log("hello"); }; function Dog(name) { this.name = name; } Dog.prototype = new Animal(); var dog = new Dog("旺柴"); dog.sayName(); dog.sayHello(); </code></pre> <h3>ES6 面向对象语法</h3> <h4>Class 关键字</h4> <p><code>constructor</code>(ES6 的构造函数)</p> <pre><code>class Dog { constructor(name, age) { this.name = name; this.age = age; } sayName() { console.log(`我是${this.name}`); } } let dog = new Dog("旺柴", 2); dog.sayName(); </code></pre> <h4>继承</h4> <p><code>extends</code>关键字</p> <p><code>super</code></p> <pre><code>class Animal { constructor(name) { this.name = name; } sayName() { console.log(`我是${this.name}`); } } class Dog extends Animal { constructor(name, age) { super(name); this.age = age; } } let dog = new Dog("旺柴", 2); dog.sayName(); console.log(dog.age); </code></pre> https://210214.xyz/posts/js-reverse-keywords/https://210214.xyz/posts/js-reverse-keywords/JavaScript逆向工程常用关键词检索技巧Sat, 15 Oct 2022 00:00:00 GMT<h2>特殊的关键词检索</h2> <h3>webpack打包</h3> <ul> <li><code>interceptors.request.use</code></li> <li><code>apply/call</code> 用来找导出函数，找到加密函数后，自执行，用来</li> </ul> <p>示例地址 <code>https://developer.aliyun.com/article/1103664</code></p> <p>主要结构：</p> <pre><code>var _e; !(function(t) { var i = {}; function e(s) { return t[s].call(n.exports, n, n.exports, e), n.loaded = !0, n.exports } _e = e; })({ encrypt: function(t, e, i) {}, diaoyong: function(t, e, i) {} }); function getkey(pass, time) { var diaoyong= _e("diaoyong"); var new_diaoyong = new diaoyong(); return new_diaoyong.encode(pass, time) } </code></pre> <h3>非对称加密 RSA</h3> <ul> <li><code>JSEncrypt</code></li> </ul> <p>new JSEncrypt(),JSEncrypt等，一般会便用JSEncrypt库，会有new一个实例对象的操作；</p> <ul> <li>搜索关键词setPublicKey、setKey、setPrivateKey、getPublicKey等，一般实现的代码里都含有设置密钥的过程。</li> </ul> <h3>normal</h3> <ul> <li>返回结果无法看懂，但页面显示正常</li> <li><code>JSON.parse/JSON.stringify</code></li> <li><code>btoa``base64</code>加密， <code>atob</code>解密</li> <li><code>new Date().getTime()</code> 获取13位时间戳</li> <li><code>jsencrypt</code></li> <li><strong>indexof</strong> 通过window的可以查找</li> </ul> https://210214.xyz/posts/ajax-intro/https://210214.xyz/posts/ajax-intro/jQuery Ajax基本用法和参数详解Wed, 28 Sep 2022 00:00:00 GMT<h2>Ajax</h2> <pre><code>$.ajax({ type:'POST', // 规定请求的类型（GET 或 POST） url:uploadV, // 请求的url地址 dataType:'json', //预期的服务器响应的数据类型 data:{},//规定要发送到服务器的数据 beforeSend:function(){ //发送请求前运行的函数（发送之前就会进入这个函数） // .... }, success: function(result){ // 当请求成功时运行的函数 //... }, error:function(result){ //失败的函数 //... }, complete:function(){ //请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后，不管成功还是失败 都会进这个函数） // ... } }); </code></pre> <h2>参数参考：</h2> <table> <thead> <tr> <th>名称</th> <th>值/描述</th> </tr> </thead> <tbody> <tr> <td>async</td> <td>布尔值，表示请求是否异步处理。默认是 true。</td> </tr> <tr> <td>beforeSend(xhr)</td> <td>发送请求前运行的函数。</td> </tr> <tr> <td>cache</td> <td>布尔值，表示浏览器是否缓存被请求页面。默认是 true。</td> </tr> <tr> <td>complete(xhr,status)</td> <td>请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后）。</td> </tr> <tr> <td>contentType</td> <td>发送数据到服务器时所使用的内容类型。默认是："application/x-www-form-urlencoded"。</td> </tr> <tr> <td>context</td> <td>为所有 AJAX 相关的回调函数规定 "this" 值。</td> </tr> <tr> <td>data</td> <td>规定要发送到服务器的数据。</td> </tr> <tr> <td>dataFilter(data,type)</td> <td>用于处理 XMLHttpRequest 原始响应数据的函数。</td> </tr> <tr> <td>dataType</td> <td>预期的服务器响应的数据类型。</td> </tr> <tr> <td>error(xhr,status,error)</td> <td>如果请求失败要运行的函数。</td> </tr> <tr> <td>global</td> <td>布尔值，规定是否为请求触发全局 AJAX 事件处理程序。默认是 true。</td> </tr> <tr> <td>ifModified</td> <td>布尔值，规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是 false。</td> </tr> <tr> <td>jsonp</td> <td>在一个 jsonp 中重写回调函数的字符串。</td> </tr> <tr> <td>jsonpCallback</td> <td>在一个 jsonp 中规定回调函数的名称。</td> </tr> <tr> <td>password</td> <td>规定在 HTTP 访问认证请求中使用的密码。</td> </tr> <tr> <td>processData</td> <td>布尔值，规定通过请求发送的数据是否转换为查询字符串。默认是 true。</td> </tr> <tr> <td>scriptCharset</td> <td>规定请求的字符集。</td> </tr> <tr> <td>success(result,status,xhr)</td> <td>当请求成功时运行的函数。</td> </tr> <tr> <td>timeout</td> <td>设置本地的请求超时时间（以毫秒计）。</td> </tr> <tr> <td>traditional</td> <td>布尔值，规定是否使用参数序列化的传统样式。</td> </tr> <tr> <td>type</td> <td>规定请求的类型（GET 或 POST）。</td> </tr> <tr> <td>url</td> <td>规定发送请求的 URL。默认是当前页面。</td> </tr> <tr> <td>username</td> <td>规定在 HTTP 访问认证请求中使用的用户名。</td> </tr> <tr> <td>xhr</td> <td>用于创建 XMLHttpRequest 对象的函数。</td> </tr> </tbody> </table> https://210214.xyz/posts/java-cors/https://210214.xyz/posts/java-cors/Spring Boot项目中解决跨域的3种方案Mon, 05 Sep 2022 00:00:00 GMT<h2>跨域请求</h2> <p>同源策略：协议、域名、端口 3 个都相同就是同源</p> <p>Spring Boot 项目中解决跨域的 3 种方案</p> <h3>1、在目标方法上添加 @CrossOrigin 注解</h3> <pre><code>@GetMapping("/list") @CrossOrigin public List&lt;String&gt; list(){ List&lt;String&gt; list = Arrays.asList("Java","C++","Go"); return list; } </code></pre> <h3>2、添加 CORS 过滤器</h3> <pre><code>@Configuration public class CorsConfig { @Bean public CorsFilter corsFilter(){ CorsConfiguration corsConfiguration = new CorsConfiguration(); corsConfiguration.addAllowedOrigin("*"); corsConfiguration.addAllowedHeader("*"); corsConfiguration.addAllowedMethod("*"); UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); source.registerCorsConfiguration("/**", corsConfiguration); return new CorsFilter(source); } } </code></pre> <h3>3、实现 WebMvcConfigurer 接口，重写 addCorsMappings 方法</h3> <pre><code>@Configuration public class CorsConfiguration implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOriginPatterns("*") .allowedMethods("GET","POST","PUT","DELETE","HEAD","OPTIONS") .allowCredentials(true) .maxAge(3600) .allowedHeaders("*"); } } </code></pre> https://210214.xyz/posts/java-io/https://210214.xyz/posts/java-io/IO是指Input/Output，即输入和输出。本文详细介绍Java中的字节流、字符流、功能流、转换流、基本数据类型流和对象流的使用方法。Mon, 05 Sep 2022 00:00:00 GMT<p>IO是指Input/Output，即输入和输出。</p> <h2>字节输入流（常用）</h2> <p><code>Inputstream</code>是输入流的抽象父类，类里面主要就是<code>read</code>方法与<code>close</code>方法，需要去找子类的实例，实现其方法；</p> <pre><code>public static void main(String[] args) throws IOException { File file = new File("D:\\project\\java\\execrise\\project 01\\project0.1\\receive.jpg");//传一个路径 InputStream is = new FileInputStream(file);//构建流 int read = is.read();//按字节来读入流 System.out.println(read);//结果：255(ascil码) is.close();//关闭流 } //read方法如果没有读到就返回-1 </code></pre> <pre><code>//通过while循环来改善每个字节的读入 public static void main(String[] args) throws IOException { File file = new File("D:\\project\\java\\execrise\\project 01\\project0.1\\receive.jpg"); InputStream is = new FileInputStream(file); int len ; while((len =is.read())!=-1){//当到达-1时候就会停止 System.out.println((char)len); } is.close(); } </code></pre> <p>字节读入优化（每次读入一个字节效率太低，通过字符数组缓冲）：</p> <pre><code>public static void main(String[] args) throws IOException { FileInputStream fis = new FileInputStream("D:\\project\\java\\execrise\\project 01\\project0.1\\src\\test.txt");//直接构建文件 byte[] bytes = new byte[1024];//新建一个存储数组 int len = fis.read(bytes);//记录长度 System.out.println(new String(bytes,0,len)); } </code></pre> <pre><code>//可以通过while循环来构建，循环去读入 while ((len = fis.read(bytes)) != -1) { System.out.println(new String(bytes, 0, len)); } </code></pre> <h2>字节输出流（常用）</h2> <p><code>Ouputstream</code>是输入流的抽象父类，类里面主要就是<code>write</code>方法与<code>close</code>方法，需要去找子类的实例，实现其方法；</p> <pre><code>public static void main(String[] args) throws IOException { FileOutputStream fos = new FileOutputStream("D:\\project\\java\\execrise\\project 01\\project0.1\\src\\text02.txt");//输出路径 fos.write(97);//写入字符 fos.close();//关闭流 } </code></pre> <pre><code>public static void main(String[] args) throws IOException { FileOutputStream fos = new FileOutputStream("D:\\project\\java\\execrise\\project 01\\project0.1\\src\\text02.txt"); byte[] bytes = "你好".getBytes();//通过getBytes()方法获取字符串数组 fos.write(bytes);//按数组的形式写入 fos.close(); } //会默认覆盖原来内容，如果想要是追加在字节输出流的参数中传入true，声明追加 //new FileOutputStream("",true); </code></pre> <h2>文件拷贝（常用）</h2> <pre><code>public static void main(String[] args) throws IOException { FileInputStream fis = new FileInputStream("receive.jpg"); FileOutputStream fos = new FileOutputStream("D:\\project\\java\\execrise\\project 01\\project0.1\\receive2.jpg"); int len; byte[] bytes = new byte[1024]; while((len =fis.read(bytes))!=-1){ fos.write(bytes,0,len); } fos.close(); fis.close(); } </code></pre> <h2>字符流</h2> <ul> <li><code>Reader</code>和<code>Writer</code>是字符输入输出的抽象父类，还是两个主要方法<code>read</code>,<code>write</code>,<code>close</code>;</li> <li><code>FileReader</code>,<code>FileWriter</code></li> <li>注：字符流一般就是对纯文本的处理拷贝</li> </ul> <pre><code>public static void main(String[] args) throws IOException { FileReader fr = new FileReader("D:\\project\\java\\execrise\\project 01\\project0.1\\src\\test.txt"); FileWriter wr = new FileWriter("src\\IO_Demo\\text01.txt"); char[] chars= new char[1024];//这里变成了char数组 int len ; while ((len = fr.read(chars))!=-1){ wr.write(chars,0,len); } wr.close(); fr.close(); } </code></pre> <h2>功能流</h2> <ul> <li>缓冲流是功能流中的一种，包裹节点流使用</li> <li>增强节点流的读写效率，提高性能</li> </ul> <blockquote> <p><code>InputStream</code>---&gt;<code>BufferedInputstream</code>字节输入流缓冲流 <code>OutputStream</code> ---&gt;<code>BufferedOutputstream</code>字节输出流缓冲流 <code>Reader</code>---&gt;<code>BufferedReader</code>字符输入缓冲流 <code>Writer</code>---&gt;<code>BufferedWriter</code>字符输出流的缓冲流</p> </blockquote> <ul> <li>只有字符缓冲流有新增功能，<code>readline</code>()-&gt;一行一行的读；<code>newline</code>()-&gt;换行</li> <li>因为<code>readline</code>返回值是<code>String</code>类型，所以改成用不等于<code>null</code>判断</li> </ul> <pre><code>public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new FileReader("src\\test.txt"));//包裹节点流 BufferedWriter bw = new BufferedWriter(new FileWriter("src\\test02.txt"));//包裹节点流 String msg =null; while((msg=br.readLine())!=null){ bw.write(msg); bw.newLine();//换行 } bw.close(); br.close(); } </code></pre> <h2>转换流</h2> <ul> <li>转换流–&gt;功能流</li> </ul> <p><code>InputStreamReader</code>:是从字节流到字符流的桥接器：只能从字节到字符，不能从字符到字节</p> <p>作用：</p> <ol> <li>乱码问题。设置编码格式</li> <li>流的转换</li> </ol> <p>构造器：</p> <ul> <li><code>InputStreamReader</code>(<code>Inputstream</code> in)创建一个使用默认字符集的<code>InputStreamReader</code>,</li> <li><code>InputStreamReader</code>(<code>InputStream</code> in,String <code>charsetName</code>)创建一个使用指定<code>charset</code>,解决乱码</li> </ul> <pre><code>public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new InputStreamReader(new BufferedInputStream(new FileInputStream("src\\test.txt")), "gbk")); //先读入文件，buffer流优化，通过转换流将字节流转换成字符流，然后再buffer流优化 //同时设置了读入的字符编码gbk BufferedWriter wr = new BufferedWriter(new OutputStreamWriter(new BufferedOutputStream(new FileOutputStream("src\\test02.txt")), "gbk")); String msg =null; while((msg=br.readLine())!=null){ wr.write(msg); } wr.flush(); wr.close(); br.close(); } </code></pre> <h2>基本数据类型流</h2> <p>基本数据类型流|<code>Data</code>流（节点流）：基本数据类型+String</p> <ul> <li>是字节流功能流的一种</li> <li>功能：能够是节点流具有传输基本数据类型+数据的能力</li> <li><code>DataInputstream</code> 基本数据类型输入流</li> <li><code>DataOputputstream</code> 基本数据类型输出流</li> </ul> <pre><code>//输出 public static void WriteDate(String desc) throws IOException { DataOutputStream dos = new DataOutputStream(new FileOutputStream("src\\text02.txt")); int a =1; boolean flag =false; char ch ='a'; String str ="你好"; dos.writeInt(a);//写入int类型 dos.writeBoolean(flag);//写入bool类型 dos.writeChar(ch);//写入字符类型 dos.writeUTF(str);//写入字符串类型 dos.close(); } </code></pre> <pre><code>//输出 public static void ReadDate(String src) throws IOException { DataInputStream dis = new DataInputStream(new FileInputStream("src\\text.txt")); //要与上面的写入对应，先写入先读，否则会识别不出 int a = dis.readInt(); boolean flag = dis.readBoolean(); char ch = dis.readChar(); String str = dis.readUTF(); dis.close(); } </code></pre> <h2>对象流</h2> <ul> <li> <p>对象流|Object流：所有类型+对象类型</p> <blockquote> <p><code>ObjectInputstream</code>对象字节输入流|反序列化输入流 <code>OjbectOutputstream</code>对象字节输出流|序列化输出流</p> </blockquote> </li> <li> <p>序列化：<code>java</code>对象类型的信息状态转换成为一个可存储，可传输的信息状态的过程 反序列化：将已经储存的那个信息状态还原</p> </li> </ul> <pre><code>//序列化一个int数组 public static void Obj_Output(String desc) throws IOException { ObjectOutputStream oos = new ObjectOutputStream(new BufferedOutputStream(new FileOutputStream(desc))); int []arr = {1,2,3,4}; oos.writeObject(arr); oos.flush(); oos.close(); } //反序列化这个int数组 public static void Obj_Input(String src) throws IOException, ClassNotFoundException { ObjectInputStream ois = new ObjectInputStream(new BufferedInputStream(new FileInputStream(src))); int []a = (int[]) ois.readObject(); System.out.println(Arrays.toString(a)); ois.close(); } </code></pre> <p>如果想要序列化自己定义的类，需要<code>implement</code> <code>Serializable</code>接口，没有什么实质性的用处，就是标志可序列化</p> <pre><code>{ private String name; private int id; } public static void Obj_Output(String desc) throws IOException { ObjectOutputStream oos = new ObjectOutputStream(new BufferedOutputStream(new FileOutputStream(desc))); Stu xixi = new Stu("xixi", 10); oos.writeObject(xixi); oos.flush(); oos.close(); } public static void Obj_Output(String desc) throws IOException { ObjectOutputStream oos = new ObjectOutputStream(new BufferedOutputStream(new FileOutputStream(desc))); Stu xixi = new Stu("xixi", 10); oos.writeObject(xixi); oos.flush(); oos.close(); } </code></pre> <p>注：</p> <ul> <li>如果想要一个属性不需要被序列化，那么要在这个属性前面添加<code>transient</code>关键字</li> <li>static修饰的成员不会被序列化</li> <li>父类实现了序列化接口，子类所有的内容都能序列化</li> <li>子类实现了序列化接口，子类只能序列化自己的内容，不能序列化父类中继承的内容</li> </ul> https://210214.xyz/posts/linux-commands/https://210214.xyz/posts/linux-commands/Linux入门基础命令大全，包括文件操作、用户管理、进程管理、JDK配置、防火墙配置、MySQL安装等。Mon, 05 Sep 2022 00:00:00 GMT<h2>Linux入门</h2> <h3>命令</h3> <h4>1.基本命令</h4> <pre><code># :代表系统管理员 $ :代表普通的用户 </code></pre> <pre><code>ifconfig clear #清屏 cd / #进入根 ll #显示所有目录信息 su #可以先进home查看所有用户信息，如果有可以用su加上普通用户的名称进入用户 #普通用户进入root用户需要密码，而且还看不到输入的密码 pwd #打印目录 cd .. #返回上一层 poweroff #关机 reboot #重启 </code></pre> <h4>2.文件和文件</h4> <pre><code>mkdir #创建文件夹 touch (文件名.后缀)#创建文件 mv 被移动的文件 路径 #mv ./文件名.后缀 目录 移动文件 #mv ./文件名.后缀 目录 文件名.后缀 移动文件并修改文件名 #mv ./文件名.后缀 ./新的文件名.后缀 重命名 rm #rm 文件.后缀 一处文件 #rm -r 移除文件夹，并删除文件夹下面的所有文件和文件夹 #rm -rf 强制删除，不需要询问，一般真的删都是这个递归删除 #项目变更记得先打个包备份，因为Linux下面rm之后真的就很难很难恢复了 cp 被复制的文件 路径 #cp ./文件名.后缀 目录 移动文件 (这个没办法边移动边改名称) find 路径 -type f| grep profile </code></pre> <h4>3.文件内容的操作</h4> <blockquote> <p>vim三种模式</p> <p>一般模式，编辑模式，底行模式</p> </blockquote> <pre><code>一般模式： #复制：yy 粘贴：p 删除：dd 撤销：u 反撤销：ctrl+r #跳转文件第一行：gg 跳转文件最后一行：G #搜索关键字： /关键字 (对于存在多个关键字用n进行跳转) 编辑模式： #输入i/a/o进入编辑模式，esc退出编辑模式，变成一般模式 底行模式： #输入：进入底行模式，wq指令保存并退出 ，set number/nonumber显/不显示行号， #输入数字直接就可以进入第几行 关闭高亮：noh #替换 开始行数/$s(结束行数，$s是最后一行) /原来的关键字/新的关键字/g(全局替换，g不加就不是全局) </code></pre> <pre><code>cat 文件名.后缀 #查看文件 cat -n 文件名.后缀 显示行号查看 #cat -n 文件名.后缀 显示行号查看 tail 文件名.后缀 #tail一般是打印日志，看tomcat的日志一般就用tail命令 #正常是需要用tail -f 文件名.后缀 #就是只要有新日志就会立刻打印，动态打印，Ctrl+z退出 more 文件名.后缀 #阅读模式，space可以跳到下一页，按q退出 nl 文件名.后缀 #从最后一行开始展示文件 基本用cat就可以了 </code></pre> <h4>4.文件的压缩解压缩</h4> <pre><code>tar 命令：打包文件或文件夹 选项： # -c 创建一个打包文件 # -X 解开一个打包文件 # -Z 使用gzip压缩文件 # -j 使用bzip2压缩文件 # -V 压缩过程显示文件 # -f 使用文档名 # 常用命令 ：创建 tar -zcf 打包名.tar.gz (后缀尽量别写错，后面不然很难解压) 打包的文件 # ：解压 tar -zxf 包名.后缀 </code></pre> <pre><code>zip #压缩 zip 打包名.zip 打包的文件 unzip #解压 unzip 包名.zip </code></pre> <h4>5. 用户组</h4> <pre><code>#Linux用户组的操作 groupadd #添加 groupadd 组名 grouppmod #修改 groupmod -n 新组名 旧组名 groupdel #删除 groupdel 组名 groups # 显示所在组名 </code></pre> <pre><code>#Linux 用户的操作 useradd #添加 useradd [选项] 用户名 创建的用户都放在/home下 #选项： -g 设置用户组 -G 设置用户组列表，多个用户组用，隔开 # -u 手动指定用户1d,必须唯一且大于499 -p 为新用户指定密码，但是该密码需要设置为MD5加密后的 usermod #修改 usermod [选项] 用户名 userdel #删除 userdel [选项] 用户名 passwd #设置用户的密码： passwd 用户名 </code></pre> <blockquote> <p>关于用户权限展示：drwxrwxrwx ：</p> <p>每个都由三个部分组成:当前用户的权限:<strong>u</strong>，与自己同组用户的权限:<strong>g</strong>，非同组用户的权限:<strong>o</strong></p> <p>d是指现在是表示目录还是文件如果是文件的话就是-</p> <p>r是具有读的权限</p> <p>w是具有写的权限</p> <p>x是具有执行的权限(execute)</p> </blockquote> <pre><code>#字符授权模式 chmod #chmod (组名)u/g/o (添加/移除/覆盖) +/-/= (权限名) w/r/x 文件.后缀 #数字授权模式 r - 4 w - 2 x - 1 chmod #7以内的加减法 eg. chmod 700 文件名.后缀 即u组有wrx权限，其他什么权限都没有 # -R 可以递归的加文件夹里面子文件权限 </code></pre> <h4>6.进程管理</h4> <pre><code>ps -ef # 显示所有进程信息，连同命令行 ps -ef | grep ssh # ps 与grep 常用组合用法，查找特定进程 kill #kill pid(进程编号) 终止进程 #kill -9 pid 强制终止 </code></pre> <pre><code>#服务的操作 systemctl start|stop|restart|enable|disable|status 服务名 #查看服务命令 #如查看firewalld #端口号查看 yum -y insatll net-tools #下载netstat netstat -ntlp #查看当前所有tcp端口 netstat -ntlp|grep 端口号 #查看当前对应tcp端口 #访问地址 curl 地址 </code></pre> <h4>7.配置jdk</h4> <blockquote> <p>如果想删除原来的jdk</p> <p>rpm -qa | grep -i java | xargs -n1 rpm -e –nodeps</p> <ul> <li>rpm -qa：查询所安装的所有rpm软件包</li> <li>grep -i：忽略大小写</li> <li>xargs -n1：表示每次只传递一个参数</li> <li>rpm -e –nodeps：强制卸载软件</li> </ul> </blockquote> <ul> <li>将jdk解压到记住的路径 我选择的是<code>/usr/local/soft/java</code></li> <li>去<code>/etc</code> 用vim打开 <code>profile</code></li> </ul> <pre><code>#定义JAVA_HOME export JAVA_HOME=/usr/local/soft/java/jdk1.8.0_202 #把JAVA_HOME添加到PATH export PATH=$JAVA_HOME/bin:$PATH #$表示使用环境变量. :相当于是分隔符 因为前面是定义所以还需要将他添加上去 </code></pre> <ul> <li>重新加载profile文件 <code> source /etc/profile</code></li> <li>验证是否成功<code>Java -version</code></li> </ul> <h4>8.配置防火墙</h4> <ul> <li>防火墙配置 <blockquote> <p>配置文件 ： <code>/usr/lib/firewalld/services/ssh.xml</code></p> <p>添加开放端口：<code>&lt;port protocol="tcp" port="8080"/&gt;</code></p> <p>重启防火墙<code>systemctl restart firewalld</code></p> </blockquote> </li> </ul> <h4>9.mysql创建</h4> <ul> <li><code>rpm -qa|grep mariadb</code>查看本地有没有这个文件 ，如果有需要删除<code>rpm -e mariadb-libs-5.5.68-1.el7.x86_64 --nodeps</code></li> <li>安装MySQL</li> </ul> <pre><code>rpm -ivh mysql-community-common-8.0.20-1.el7.x86_64.rpm --nodeps --force rpm -ivh mysql-community-libs-8.0.20-1.el7.x86_64.rpm --nodeps --force rpm -ivh mysql-community-client-8.0.20-1.el7.x86_64.rpm --nodeps --force rpm -ih mysql-community-server-8.0.20-1.el7.x86_64.rpm --nodeps --force </code></pre> <ul> <li>新装的MySQL密码是随机的</li> </ul> <pre><code>chown mysql:mysql /var/lib/mysql -R systemctl start mysqld.service systemctl enable mysqld # 首先启动mysql，查看最开始的密码 cat /var/log/mysqld.log |grep password#查看密码，通过这个密码登录MySQL </code></pre> <pre><code>ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'root'; # 重新设置密码为root </code></pre> <ul> <li>开放远程连接</li> </ul> <pre><code>use mysql; update user set host='%' where user ='root'; #开放远程 FLUSH PRIVILEGES;#刷新 GRANT ALL PRIVILEGES ON *.* TO 'root'@'%'WITH GRANT OPTION;#授权语句 </code></pre> <ul> <li>防火墙的设置</li> </ul> <pre><code>vim /usr/lib/firewalld/services/ssh.xml #添加3306的端口 </code></pre> <ul> <li>navicat通过ip连接虚拟机，创建数据库，导入用的表</li> </ul> https://210214.xyz/posts/ssm-framework/https://210214.xyz/posts/ssm-framework/Spring+SpringMVC+MyBatis框架整合配置Wed, 31 Aug 2022 00:00:00 GMT<h3>1.maven配置--&gt;pom.xml</h3> <p>导入依赖及Maven资源过滤设置</p> <h3>2.webapp--&gt;web.xml</h3> <p>配置DispatcherServlet和字符编码过滤器</p> <h3>3.mybatis与spring整合--&gt;spring.xml</h3> <pre><code>&lt;context:property-placeholder location="classpath:databases.properties"/&gt; &lt;bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"&gt; &lt;property name="driverClass" value="${jdbc.driver}"/&gt; &lt;property name="jdbcUrl" value="${jdbc.url}"/&gt; &lt;property name="user" value="${jdbc.username}"/&gt; &lt;property name="password" value="${jdbc.password}"/&gt; &lt;property name="maxPoolSize" value="30"/&gt; &lt;property name="minPoolSize" value="10"/&gt; &lt;property name="autoCommitOnClose" value="false"/&gt; &lt;property name="checkoutTimeout" value="1000"/&gt; &lt;property name="acquireRetryAttempts" value="2"/&gt; &lt;/bean&gt; &lt;bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"&gt; &lt;property name="dataSource" ref="dataSource"&gt;&lt;/property&gt; &lt;property name="mapperLocations" value="classpath:com/Lei/dao/*.xml"&gt;&lt;/property&gt; &lt;property name="configLocation" value="classpath:mybatis.xml"&gt;&lt;/property&gt; &lt;/bean&gt; &lt;bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"&gt; &lt;property name="basePackage" value="com.Lei.dao"&gt;&lt;/property&gt; &lt;/bean&gt; </code></pre> <p>为什么是三个bean：一个是首先jdbc连接数据库的信息填写，第二个是sql工厂，里面包含的东西都是与sql有关的，首先是读取数据源，其次是对mapper.xml文件的扫描（里面包含了底层的sql语句），还有一个是对mybatis文件的解析，第三个bean就是扫描自定义接口，扫的是dao层同级别的</p> <p>同时这里的整合可以通过</p> <pre><code>&lt;context:property-placeholder location="classpath:databases.properties"/&gt; </code></pre> <p>来导入jdbc的连接，对应的databases配置</p> <pre><code>jdbc.driver=com.mysql.cj.jdbc.Driver jdbc.url=jdbc:mysql://localhost:3306/test?useSSL=true&amp;useUnicode=true&amp;characterEncoding=utf8&amp;serverTimezone=Asia/Shanghai jdbc.username=root jdbc.password=root </code></pre> <h3>4.mybatis自己的管理--&gt;mybatis.xml</h3> <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd"&gt; &lt;configuration&gt; &lt;settings&gt; &lt;setting name="logImpl" value="STDOUT_LOGGING"/&gt; &lt;/settings&gt; &lt;typeAliases&gt; &lt;package name="com.Lei.entity"/&gt; &lt;/typeAliases&gt; &lt;/configuration&gt; </code></pre> <h3>5.springmvc的自动扫描和视图配置--&gt;springmvc.xml</h3> <pre><code>&lt;mvc:annotation-driven&gt;&lt;/mvc:annotation-driven&gt; &lt;context:component-scan base-package="com.Lei"&gt;&lt;/context:component-scan&gt; &lt;bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"&gt; &lt;property name="prefix" value="/"&gt;&lt;/property&gt; &lt;property name="suffix" value=".jsp"&gt;&lt;/property&gt; &lt;/bean&gt; </code></pre> <p>注：改变的是扫描的base-package下面的包包</p> <h3>6.controller层</h3> <pre><code>public class UserController { @Controller @RequestMapping("/user") public static class UserHandler { @Autowired private UserService userService; @GetMapping("/findAll") public ModelAndView findAll() { ModelAndView modelAndView = new ModelAndView(); modelAndView.setViewName("index"); modelAndView.addObject("list", userService.findAll()); return modelAndView; } } } </code></pre> <h3>7.view视图</h3> <pre><code>&lt;%@ page contentType="text/html;charset=UTF-8" language="java" %&gt; &lt;%@ page isELIgnored="false" %&gt; &lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;c:forEach items="${list}" var="user"&gt; ${user.id}--${user.name}--${user.score}&lt;br/&gt; &lt;/c:forEach&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <h3>6.注释</h3> <p>对于不同的层存在不同的注释</p> <ul> <li> <p>dao层不需要添加注释</p> </li> <li> <p>service层中对于impl实现类需要添加<code>@Service</code>注释，并且要将dao层自动装配</p> <pre><code>@Autowired private UserDao userDao; </code></pre> </li> <li> <p>controller层中首先就是<code>@Controller</code>注释表明是controller层并且可以自动扫描；其次就是对于不同的实现方法需要进行不一样的位置跳转，需要requestMapping或者是getMapping还有servlet</p> <pre><code>@Autowired private UserService userService; </code></pre> </li> </ul> <h3>7.常见错</h3> <p>对于sqlFactory的报错，一般是因为sqlFacotry扫描到的包不止一个</p> <p>对于无法依赖数据库我这边出现的错误还是因为c3p0，版本原因，可以换高版本，还有对于jdbc的连接出错</p> <h3>7.总要概括</h3> <p>需要改动的部分只有</p> <p>spring.xml中的两个bean，分别用来读取datasource数据源，对应mapper位置以及mybatis信息的配置，还有另一个bean是用来扫描自定义接口</p> <p>springmvc.xml中的base-package</p> <p>jdbc连接的url：</p> <pre><code>jdbc.url=jdbc:mysql://localhost:3306/test?useSSL=true&amp;useUnicode=true&amp;characterEncoding=utf8&amp;serverTimezone=Asia/Shanghai </code></pre> https://210214.xyz/posts/frontend-structure/https://210214.xyz/posts/frontend-structure/前端开发查漏补缺，包含浮动、display、选择器、盒子模型、定位等知识点Sun, 21 Aug 2022 00:00:00 GMT<h2>前端查漏补缺</h2> <h3>1.元素浮动：</h3> <p>对于块级元素，可以通过设置元素的float形式让其进行浮动，将其排放在一行，方便布局，但是同样的会造成父级元素的塌陷。采用下面的代码进行清除浮动。</p> <pre><code>.clearFixed::after { content: ""; display: block; clear: both; } </code></pre> <p>通过一个伪类选择器来进行元素的添加，谁需要清除浮动就给它设置这个属性</p> <p>解释：after表示放在元素的后面，并且必须要写内容，这个是通过伪类选择的，默认是行元素，只有block的元素进行clear才会有效，<code>clear:both</code>是将左右两边的浮动都清除掉</p> <h3>2. display</h3> <ul> <li><code>:none</code> -&gt;隐藏。</li> <li><code>:inline</code> -&gt;设置为行级元素</li> <li><code>:block</code>-&gt;设置为块级元素</li> <li><code>:inline-block</code>设置行级块元素</li> </ul> <ol> <li>行级元素</li> </ol> <ul> <li>多个元素占一行</li> <li>不能设置宽高</li> <li>eg.<code>span``a</code></li> </ul> <ol> <li>块级元素(<code>p</code>)</li> </ol> <ul> <li>自己占一行</li> <li>可以设置宽高</li> <li>eg.<code>div``p``h1-h6``ul li``table</code></li> </ul> <ol> <li>行级块元素</li> </ol> <ul> <li>多个元素占一行</li> <li>可以设置宽高</li> <li>eg.<code>img``input``button</code></li> </ul> <p><code>visibility:hidden</code>-&gt;元素不可见，但是占据宽高</p> <h3>3.选择器</h3> <ol> <li>子代选择器</li> </ol> <p>语法 ：<code>选择器 &gt; 选择器</code> 表示第一个选择器的第一个子代，再往后面就选不了</p> <ol> <li>相邻兄弟选择器</li> </ol> <p>语法 ：<code>选择器 + 选择器</code>表示只选择第一个选择器的下面一个紧邻的选择器</p> <ol> <li>伪类选择器</li> </ol> <ul> <li><code>:hover</code> 当鼠标滑入的时候有效果(<strong>最常用</strong>)</li> <li><code>:link</code> 当没有访问过的时候产生效果</li> <li><code>:visited</code> 点击了后访问过产生效果</li> <li><code>:active</code> 激活，当你鼠标点在这个标签上，没有离开时候的效果</li> </ul> <ol> <li>伪元素选择器</li> </ol> <ul> <li><code>::after</code> 在选择的标签的最后插上新的内容(<strong>行级元素</strong>)</li> <li><code>::before</code> 在选择的标签的最前面插上新的内容(<strong>行级元素</strong>)</li> </ul> <p><strong>注</strong>：但是after和before元素是必须要加上content属性，可以给空</p> <ol> <li>属性选择器</li> </ol> <p>语法： 标签/属性 <code>[属性名] \[属性名 == '某属性值']</code> 表示选择标签/属性下的属性为什么的</p> <pre><code>&lt;div class="a"&gt; &lt;div id="id"&gt; 你好 &lt;/div&gt; &lt;/div&gt; </code></pre> <pre><code>div[id] { background: pink; } div[id ='id'] { background: pink; } </code></pre> <h3>4.img三像素问题</h3> <p>导致原因：<code>img</code>的display默认值<code>inline-block</code>导致</p> <p>解决：设置<code>display：block</code>;</p> <h3>5.盒子模型</h3> <p><code>Css</code> 盒子模型： 内容+padding+border +margin</p> <p>层级：内容-&gt;padding -&gt;border -&gt; margin</p> <p><code>width</code> 属性：就是内容的宽度</p> <p>对于属性的设置：</p> <ul> <li>可以单独对每个top left right bottom设置</li> <li>给一个值：每个边的都是等距的</li> <li>给两个值：垂直 水平分别设置</li> <li>给四个值：上右下左，顺时针方向</li> </ul> <h3>6.定位</h3> <p>position字段</p> <ol> <li>relative</li> </ol> <ul> <li>相对于自己初始的位置</li> <li>定位后空间不释放</li> </ul> <ol> <li>absolute</li> </ol> <ul> <li>位置相对于自己已经定位的祖先元素，一直找到最上层body</li> <li>定位空间释放</li> </ul> <ol> <li>fixed固定定位(一般的广告就是)</li> </ol> <ul> <li>位置相对可视页面</li> <li>定位后空间释放</li> </ul> <h3>7.实现文字的省略号效果</h3> <pre><code>.选择器 { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } </code></pre> <h3>8.nth-of-type</h3> <p>正常选用nth-of-type不用nth-of-child</p> <p>并且可以通过公式来全选</p> <pre><code>#使用公式 (an + b)。描述：表示周期的长度，n 是计数器（从 0 开始），b 是偏移值。 </code></pre> <h3>9.首行缩进</h3> <p>text-indent:缩进段落的第一行</p> https://210214.xyz/posts/css-layout/https://210214.xyz/posts/css-layout/Flex布局和Grid布局详解Mon, 01 Aug 2022 00:00:00 GMT<p>[toc]</p> <h3>1.flex布局</h3> <p>含义：Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。</p> <p>特点：任何一个容器都可以指定为 Flex 布局。</p> <pre><code>.box{ display: flex; } </code></pre> <p>作用：它的所有子元素自动成为容器成员，称为 Flex 项目</p> <h4>1.1容器属性</h4> <h5>1.1.1flex-direction</h5> <p>表示主轴方向,有四种选项</p> <blockquote> <p>row(默认) 从左向右排列，水平方向主轴</p> <p>row-reverse 从右向左，水平方向主轴</p> <p>column 从上往下，竖直方向主轴</p> <p>column-reverse 从下往上，竖直方向为主轴</p> </blockquote> <h5>1.1.2flex-wrap</h5> <p>如果本来的容器大小不够本元素放就会需要换行，但是默认不会换行</p> <p>例：将原来的box容器width改成200,显然这个时候宽度不够放。默认就是nowrap不换行</p> <p>而定义了flex-wrap:wrap属性后就会换行（这里为了美观将容器的width改成了100px）</p> <h5>1.1.3justify-content(重要)</h5> <p>属性：</p> <blockquote> <p>flex-start(默认):相当于就是左对齐</p> <p>flex-end：右对齐</p> <p>center：中间对齐</p> <p>space-between（常用）：左边的靠左，右边的靠右，中间的居中</p> <p>spcae-evenly：中间分配相等的空余空间</p> </blockquote> <ul> <li>justify-content: center</li> <li>justify-content: space-between</li> <li>justify-content: space-evenly</li> </ul> <h5>1.1.4align-items</h5> <p><code>align-items</code>属性定义项目在交叉轴上如何对齐。(单根主轴的对齐)</p> <p>属性</p> <blockquote> <p>flex-start：交叉轴的起点对齐。</p> <p>flex-end：交叉轴的终点对齐。</p> <p>center交叉轴的中点对齐。</p> <p>baseline: 项目的第一行文字的基线对齐。</p> <p>stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。</p> </blockquote> <ul> <li>align-items:flex-end</li> <li>align-items:center</li> <li>align-items:stretch(这个是将第一个元素的高度取消了固定值)</li> </ul> <h5>1.1.5 align-content(多根主轴的对其方式)</h5> <p>如果没有设置这个属性，当元素多了之后的效果</p> <p>属性：</p> <blockquote> <p>flex-start：交叉轴的起点对齐。</p> <p>flex-end：交叉轴的终点对齐。</p> <p>center交叉轴的中点对齐。</p> <p>baseline: 项目的第一行文字的基线对齐。</p> <p>stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。</p> </blockquote> <h4>1.2 flex项目</h4> <p>以下6个属性设置在项目上。</p> <ul> <li><code>order</code></li> <li><code>flex-grow</code></li> <li><code>flex-shrink</code></li> <li><code>flex-basis</code></li> <li><code>flex</code></li> <li><code>align-self</code></li> </ul> <h5>1.2.1 order</h5> <p><code>order</code>属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。</p> <p>关于这个不是很实用，对应的元素顺序一般该在哪就放哪里去，别整花里胡哨</p> <h5>1.2.2 flex-grow</h5> <p><code>flex-grow</code>属性定义项目的放大比例，默认为<code>0</code>，即如果存在剩余空间，也不放大。</p> <pre><code>.two {flex-grow: 1;} </code></pre> <p>参与比例分配，如果只是一个分配，就是直接按100%；</p> <p>用途：用于处理横向的分布式布局十分好用</p> <h5>1.2.3 flex-shrink属性</h5> <p><code>flex-shrink</code>属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。</p> <p>按比例收缩，不是很必要，要么换行就好，不同的元素多收缩容易出现比例很难调</p> <h5>1.2.4 align-self</h5> <p><code>align-self</code>属性允许单个项目有与其他项目不一样的对齐方式，可覆盖<code>align-items</code>属性。默认值为<code>auto</code>，表示继承父元素的<code>align-items</code>属性，如果没有父元素，则等同于<code>stretch</code>。</p> <p>很少见：就相当于是只有一个特殊的需要调整</p> <pre><code>.two {flex-grow: 1; align-self: flex-end; } </code></pre> <h4>1.3flex实战小样-九宫格</h4> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; body { display: flex; justify-content: center; align-items: center; min-height: 100vh; } .redpackage { width: 300px; height: 300px; outline: 1px solid black; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; } .redpackage div { width: 33%; height: 33%; background: #e1544a; font-size: 32px; display: flex; justify-content: center; align-items: center; text-align: center; outline: 1px solid white; position: relative; z-index: 0; } .redpackage div:after { position: absolute; content: ""; display: block; width: 80%; height: 80%; background: #ddbd84; border-radius: 50%; z-index: -1; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="redpackage"&gt; &lt;div&gt;你&lt;/div&gt; &lt;div&gt;有&lt;/div&gt; &lt;div&gt;一&lt;/div&gt; &lt;div&gt;个&lt;/div&gt; &lt;div&gt;&lt;/div&gt; &lt;div&gt;红&lt;/div&gt; &lt;div&gt;包&lt;/div&gt; &lt;div&gt;未&lt;/div&gt; &lt;div&gt;取&lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <h3>2.grid布局</h3> <p>注：设为网格布局以后，容器子元素（项目）的<code>float</code>、<code>display: inline-block</code>、<code>display: table-cell</code>、<code>vertical-align</code>和<code>column-*</code>等设置都将失效。</p> <h4>2.1容器属性</h4> <h5>2.1.1grid-template-*</h5> <h6>设置网格</h6> <pre><code>grid-template-columns: 100px 100px 100px; grid-template-rows: 100px 100px 100px 100px; </code></pre> <p>简便写法：效果是一样的</p> <pre><code>grid-template-columns:repeat(3,100px); grid-template-rows: repeat(4,100px); </code></pre> <h6>auto-fill</h6> <p>auto-fill,有时，单元格的大小是固定的，但是容器的大小不确定，这个属性就会自动填充</p> <pre><code>grid-template-columns:repeat(auto-fill,100px); grid-template-rows: repeat(auto-fill,100px); </code></pre> <p>基本就是自动填充，可以根据屏幕的长度拉伸</p> <h6>fr</h6> <p>为了方便比例关系，这个是grid模型提供的关键字</p> <pre><code>grid-template-columns:repeat(3,1 fr); </code></pre> <h6>minmax()</h6> <p><code>minmax()</code>函数产生一个长度范围，表示长度就在这个范围之中。它接受两个参数，分别为最小值和最大值。</p> <pre><code>grid-template-columns: 1 fr 1 fr minmax(100px, 1 fr); </code></pre> <p>上面代码中，<code>minmax(100px, 1fr)</code>表示列宽不小于<code>100px</code>，不大于<code>1fr</code>。</p> <h6>auto</h6> <p>可以自动分配，跟flex模型的flex-grow有点像，但是更好用</p> <pre><code>grid-template-columns:100px auto 100px; grid-template-rows: repeat(auto-fill,100px); </code></pre> <h5>2.1.2gap</h5> <blockquote> <p>项目相互之间的距离</p> <p>row-gap:行距</p> <p>column-gap:宽距</p> </blockquote> <pre><code>row-gap: 20px; column-gap: 20px; </code></pre> <h5>2.1.3area</h5> <p>一个区域由单个或多个单元格组成，由你决定（具体使用，需要在项目属性里面设置）</p> <p>设置区域：</p> <pre><code>grid-template-areas: 'a b c' 'd e f' 'g h i'; grid-template-areas: 'a a a' 'b b b' 'c c c'; grid-template-areas: 'a . c' 'b . f' 'g . i'; </code></pre> <h5>2.1.4 auto-flow</h5> <p>grid-auto-flow</p> <p>划分网格以后，容器的子元素会按照顺序，自动放置在每一个网格。默认的放置顺序是"先行后列"，</p> <p>即先填满第一行，再开始放入第二行（就是子元素的排放顺序）</p> <blockquote> <p>row(默认) 按照行排列</p> <p>column 按照列排</p> </blockquote> <h5>2.1.5对其方式justify(重要)</h5> <blockquote> <p>justify-items（水平）：容器内每一个元素的对其</p> <p>align-items(竖直)：网格内每一个元素对其</p> <p>justify-content：（水平）整个容器的对其</p> <p>align-content：（竖直）整个容器的对其</p> </blockquote> <h4>2.2项目属性</h4> <h5>2.2.1 grid-column/row-start/end</h5> <p>一句话解释：用来指定的items的具体位置，根据在哪根网格线</p> <blockquote> <p><code>grid-column-start</code>属性：左边框所在的垂直网格线</p> <p><code>grid-column-end</code>属性：右边框所在的垂直网格线</p> <p><code>grid-row-start</code>属性：上边框所在的水平网格线</p> <p><code>grid-row-end</code>属性：下边框所在的水平网格线</p> </blockquote> <pre><code>.item-1 { background-color: #ef342a; grid-column-start: 1; grid-column-end: 3; } </code></pre> <p>简化写法：</p> <pre><code>.item-1 { background-color: #ef342a; grid-column: 1/3; } </code></pre> <h5>2.2.2 grid-area</h5> <p>可以根据area改变区域</p> <pre><code>.item-1 { background-color: #ef342a; grid-column: 1/3; grid-area: b; } </code></pre> <h5>2.2.3justify-self(相当于一个个例)</h5> <p>用法和flex浮动一样</p> <blockquote> <p>justify-self属性设置单元格内容的水平位置（左中右)，跟justify-items属性的用法完全一致， 但只作用于单个项目（水平方向）</p> <p>align-self属性设置单元格内容的垂直位置（上中下)，跟align–items)属性的用法完全一致， 也是只作用于单个项目（垂直方向）</p> </blockquote> https://210214.xyz/posts/spring2-framework/https://210214.xyz/posts/spring2-framework/Spring框架IoC和AOP详解Mon, 01 Aug 2022 00:00:00 GMT<h2>Spring</h2> <ul> <li>IoC（控制反转）/ DI（依赖注入）</li> <li>AOP（面向切面编程）</li> </ul> <h3>1.创建IOC工程</h3> <h4>1.1导入依赖</h4> <pre><code>&lt;dependency&gt; &lt;groupId&gt;org.springframework&lt;/groupId&gt; &lt;artifactId&gt;spring-context&lt;/artifactId&gt; &lt;version&gt;5.0.11.RELEASE&lt;/version&gt; &lt;/dependency&gt; &lt;dependency&gt; &lt;groupId&gt;org.projectlombok&lt;/groupId&gt; &lt;artifactId&gt;lombok&lt;/artifactId&gt; &lt;version&gt;1.18.24&lt;/version&gt; &lt;/dependency&gt; </code></pre> <p>IOC框架只需要context依赖就够了</p> <h4>1.2创建实体类</h4> <pre><code>public class Student { private long id; private String name; private int age; } </code></pre> <h4>1.3编写对应的配置文件，Spring.xml(全局）</h4> <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.2.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd "&gt; &lt;bean id="student" class="com.Lei.pojo.Student"&gt; &lt;property name="id" value="0"&gt;&lt;/property&gt; &lt;property name="name" value="张三"&gt;&lt;/property&gt; &lt;property name="age" value="10"&gt;&lt;/property&gt; &lt;/bean&gt; &lt;/beans&gt; </code></pre> <ul> <li>上面的beans是文件头，黏贴就好，然后下面的bean就是写自己的对应的实体类 <ul> <li>bean标签依据id来对应你需要创建的实体类，需要通过class指定好对应的实体类的路径</li> <li>下面的<code>property</code>就是为值附的属性，如果没有就是默认的结果</li> </ul> </li> </ul> <h4>1.4主程序调试</h4> <pre><code>public static void main(String[] args) { ApplicationContext applicationContext =new ClassPathXmlApplicationContext("Spring.xml"); Student student = (Student) applicationContext.getBean("student"); System.out.println(student); } </code></pre> <h3>2.配置文件</h3> <h4>2.1标准</h4> <ul> <li> <p>通过配置 <code>bean</code> 标签来完成对象的管理。</p> <ul> <li><code>id</code>：对象名。</li> <li><code>class</code>：对象的模版类（所有交给 IoC 容器来管理的类必须有无参构造函数，因为 Spring 底层是通过反射机制来创建对象，调用的是无参构造）</li> </ul> </li> <li> <p>对象的成员变量通过 <code>property</code> 标签完成赋值。</p> <ul> <li><code>name</code>：成员变量名。</li> <li><code>value</code>：成员变量值（基本数据类型，String 可以直接赋值，如果是其他引用类型，不能通过 value 赋值）</li> <li><code>ref</code>：将 IoC 中的另外一个 bean 赋给当前的成员变量（DI）</li> </ul> </li> </ul> <h3>3.模拟IOC底层</h3> <blockquote> <p>思路</p> <ol> <li>解析xml配置文件</li> <li>得到里面的元素，遍历获取对应的id、class路径</li> <li>用类解析反射出整个类，获取构造器，创建对象</li> <li>通过Map键值对存储获取的id和整个类对象</li> <li>getBean方法就是通过id来取Map中的对象</li> </ol> </blockquote> <h3>4.bean的调用</h3> <h4>4.1通过运行时类获取 bean</h4> <pre><code>ApplicationContext applicationContext = new ClassPathXmlApplicationContext("spring.xml"); Student student = (Student) applicationContext.getBean(Student.class); System.out.println(student); </code></pre> <p>这种方式存在一个问题，配置文件中一个数据类型的对象只能有一个实例，否则会抛出异常，因为没有唯一的 bean。还是推荐直接用id获取bean；</p> <h4>4.2通过有参构造创建 bean</h4> <ul> <li>在实体类中创建对应的有参构造函数。</li> <li>三种方式，推荐下面第一个，如果不写name或者index就需要按对应顺序写</li> </ul> <pre><code>&lt;bean id="student3" class="com.Lei.pojo.Student"&gt; &lt;constructor-arg name="id" value="3"&gt;&lt;/constructor-arg&gt; &lt;constructor-arg name="name" value="小明"&gt;&lt;/constructor-arg&gt; &lt;constructor-arg name="age" value="18"&gt;&lt;/constructor-arg&gt; &lt;constructor-arg name="address" ref="address"&gt;&lt;/constructor-arg&gt; &lt;/bean&gt; </code></pre> <h4>4.3给bean注入集合</h4> <h3>5.作用域</h3> <p>Spring 管理的 bean 是根据 scope 来生成的，表示 bean 的作用域，共4种，默认值是 singleton。</p> <ul> <li>singleton：单例，表示通过 IoC 容器获取的 bean 是唯一的。</li> <li>prototype：原型，表示通过 IoC 容器获取的 bean 是不同的。</li> <li>request：请求，表示在一次 HTTP 请求内有效。</li> <li>session：回话，表示在一个用户会话内有效。</li> </ul> <p>request 和 session 只适用于 Web 项目，大多数情况下，使用单例和原型较多。</p> <h3>6.Spring继承</h3> <blockquote> <ol> <li>与 Java 的继承不同，Java 是类层面的继承，子类可以继承父类的内部结构信息；Spring 是对象层面的继承，子对象可以继承父对象的属性值。</li> <li>Spring 的继承关注点在于具体的对象，而不在于类，即不同的两个类的实例化对象可以完成继承，前提是子对象必须包含父对象的所有属性，同时可以在此基础上添加其他的属性。</li> </ol> </blockquote> <h3>7.Spring依赖</h3> <p>与继承类似，依赖也是描述 bean 和 bean 之间的一种关系，配置依赖之后，被依赖的 bean 一定先创建，再创建依赖的 bean，A 依赖于 B，先创建 B，再创建 A。</p> <h3>8.Spring 的 p 命名空间</h3> <p>p 命名空间是对 IoC / DI 的简化操作，使用 p 命名空间可以更加方便的完成 bean 的配置以及 bean 之间的依赖注入。</p> <pre><code>&lt;bean id="student" class="com.southwind.entity.Student" p:id="1" p:name="张三" p:age="22" p:address-ref="address"&gt;&lt;/bean&gt; &lt;bean id="address" class="com.southwind.entity.Address" p:id="2" p:name="科技路"&gt;&lt;/bean&gt; </code></pre> <p>其实和property一样，简化写法</p> <h3>9.Spring工厂</h3> <p>IoC 通过工厂模式创建 bean 的方式有两种：</p> <ol> <li>静态工厂</li> <li>实例工厂</li> </ol> <h3>10.IoC 自动装载（Autowire）</h3> <p>IoC 负责创建对象，DI 负责完成对象的依赖注入，通过配置 property 标签的 ref 属性来完成，同时 Spring 提供了另外一种更加简便的依赖注入方式：自动装载，不需要手动配置 property，IoC 容器会自动选择 bean 完成注入。自动装载有两种方式：</p> <ul> <li>byName：通过属性名自动装载，找实体类中属性名与bean中对应的id</li> <li>byType：通过属性的数据类型自动装载,找同一致的数据类型</li> </ul> <p>byType 需要注意，如果同时存在两个及以上的符合条件的 bean 时，自动装载会抛出异常。</p> <h3>11.Aop切面</h3> <p>AOP：Aspect Oriented Programming 面向切面编程。</p> <blockquote> <p>AOP 的优点：</p> </blockquote> <ul> <li>降低模块之间的耦合度。</li> <li>使系统更容易扩展。</li> <li>更好的代码复用。</li> <li>非业务代码更加集中，不分散，便于统一管理。</li> <li>业务代码更加简洁存粹，不参杂其他代码的影响。</li> </ul> <p>AOP 是对面向对象编程的一个补充，在运行时，动态地将代码切入到类的指定方法、指定位置上的编程思想就是面向切面编程。将不同方法的同一个位置抽象成一个切面对象，对该切面对象进行编程就是 AOP。</p> https://210214.xyz/posts/css-intro/https://210214.xyz/posts/css-intro/CSS基础知识入门，包含选择器、样式美化、盒子模型等Thu, 21 Jul 2022 00:00:00 GMT<h2>Css</h2> <h3>优先级</h3> <p>内嵌样式优先级是最高的，后面外联和行内看定义时候的就近原则</p> <p>补充：</p> <ul> <li>块级元素：要分段的</li> <li>行内元素：不要分段的</li> </ul> <h3>选择器（重点）</h3> <h4>1.基本选择器</h4> <p><strong>标签选择器</strong></p> <p>选了之后，所有这个标签就是统一的样式，太死了</p> <pre><code>&lt;style&gt; 标签{ ; ; } &lt;/style&gt; </code></pre> <p><strong>类选择器</strong></p> <p>可跨，方便</p> <pre><code>&lt;style&gt; .类名{ ; ; ; } &lt;/style&gt; </code></pre> <p><strong>id选择器</strong></p> <p>id只能有一个，有点局限</p> <pre><code>&lt;style&gt; #id名{ ; ; ; } &lt;/style&gt; </code></pre> <p>优先级：id选择器 &gt; class选择器 &gt; 标签选择器，不遵循就近原则</p> <h4>2.层次选择器</h4> <p><strong>后代选择器</strong></p> <p>在某个元素的后面，这一代的后面所有</p> <pre><code>/*后代选择器*/ body 标签名{ ; ; } </code></pre> <p><strong>子选择器</strong></p> <p>在这个元素的后面，但是只有后面一代</p> <pre><code>/* 子代选择器 */ body&gt;标签名{ ; } </code></pre> <p><strong>相邻兄弟选择器</strong></p> <p>选择这一代的下一个，不能隔着东西</p> <pre><code>.类名 +下面的一个标签{ ; ; } </code></pre> <p><strong>通用选择器</strong></p> <p>这个类的下面的所有这个标签</p> <pre><code>.类名~下面的标签{ ; ; } </code></pre> <h4>3.结构伪类选择器</h4> <p><code>标签:</code> 的形式，用来过滤一些条件</p> <pre><code>ul li:first-child { /* 选择ul标签下的li标签中第一个元素 */ background-color: blue; } ul li:last-child{ /* 选择ul标签下的li标签中最后一个元素 */ color: red; } p:nth-of-type(x){ /* p的上级标签下面选择p标签的第x个 */ background-color: red; } </code></pre> <h4>4.属性选择器</h4> <ul> <li><code>=</code> 绝对等于</li> <li><code>*=</code> 包含</li> <li><code>^=</code> 以这个符号开头</li> <li><code>$=</code> 以这个符号结尾</li> </ul> <pre><code>a[herf^=http]/*选择a标签中的herf属性开头是http*/ /*标签[属性/id/class 表达式]*/ </code></pre> <h3>样式美化</h3> <h4>1.字体样式</h4> <pre><code>/* font-family:字体 font-size:字体大小 font-weight:字体粗细 color:字体颜色 */ body{ font-family:"Arial Black",楷体; color:#a13d30; } h1{ font-size: 50px; } .p1{ font-weight:bolder; } </code></pre> <h4>2.文本样式</h4> <pre><code>/* 颜色 color rgb rgba 文本对齐的方式 text-align=center 首行缩进 text-indent:2em; 行高 line-height 装饰 text-decoration-&gt;删除a标签的下划线 文本图片水平对齐 vertical-align:middle */ p { color: brown; text-align: center; text-indent: 2em; line-height: 2em; } a { text-decoration: none; } </code></pre> <h4>3.超链接伪类</h4> <pre><code>/*超连接伪类，还有阴影*/ a { text-decoration: none; color: black; } /* 鼠标悬浮颜色,也只要记住这个 */ a:hover { color: orange; font-size: 30px; } </code></pre> <h4>4.阴影效果</h4> <pre><code>/* text-shadow: 阴影颜色，水平偏移，垂直偏移，阴影半径 */ p { text-shadow: #3cc7f5 10px -10px 2px; } </code></pre> <h3>盒子模型</h3> <p>所谓<strong>盒子模型</strong>就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都是由元素的内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。</p> <ul> <li>margin:外边距</li> <li>padding:内边距</li> <li>border:边框</li> </ul> <pre><code>.box { width: 200px; height: 100px; padding: 20px; box-sizing: border-box; background-color: blue; } </code></pre> <p>盒子的大小=外边距+内边距+边框+内容</p> https://210214.xyz/posts/springmvc-intro/https://210214.xyz/posts/springmvc-intro/Spring MVC框架入门教程，包含核心组件、数据绑定、REST风格等Sun, 17 Jul 2022 00:00:00 GMT<h2>SpringMvc</h2> <p>Spring MVC 是目前主流的实现 MVC 设计模式的企业级开发框架，Spring 框架的一个子模块，无需整合，开发起来更加便捷。</p> <h2>1.SpringMvc核心思想</h2> <h3>1.1 Spring MVC 的核心组件</h3> <ul> <li>DispatcherServlet：前置控制器，是整个流程控制的核心，控制其他组件的执行，进行统一调度，降低组件之间的耦合性，相当于总指挥。</li> <li>Handler：处理器，完成具体的业务逻辑，相当于 Servlet 或 Action。</li> <li>HandlerMapping：DispatcherServlet 接收到请求之后，通过 HandlerMapping 将不同的请求映射到不同的 Handler。</li> <li>HandlerInterceptor：处理器拦截器，是一个接口，如果需要完成一些拦截处理，可以实现该接口。</li> <li>HandlerExecutionChain：处理器执行链，包括两部分内容：Handler 和 HandlerInterceptor。</li> <li>HandlerAdapter：处理器适配器，Handler 执行业务方法之前，需要进行一系列的操作。</li> <li>ModelAndView：装载了模型数据和视图信息，作为 Handler 的处理结果，返回给 DispatcherServlet。</li> <li>ViewResolver：视图解析器，DispatcheServlet 通过它将逻辑视图解析为物理视图。</li> </ul> <h3>1.2 Spring MVC 的工作流程</h3> <ol> <li>客户端请求被 DisptacherServlet 接收。</li> <li>根据 HandlerMapping 映射到 Handler。</li> <li>生成 Handler 和 HandlerInterceptor。</li> <li>Handler 和 HandlerInterceptor 以 HandlerExecutionChain 的形式一并返回给 DisptacherServlet。</li> <li>DispatcherServlet 通过 HandlerAdapter 调用 Handler 的方法完成业务逻辑处理。</li> <li>Handler 返回一个 ModelAndView 给 DispatcherServlet。</li> <li>DispatcherServlet 将获取的 ModelAndView 对象传给 ViewResolver 视图解析器。</li> <li>ViewResovler 返回一个 View 给 DispatcherServlet。</li> <li>DispatcherServlet 根据 View 进行视图渲染。</li> <li>DispatcherServlet 将渲染后的结果响应给客户端。</li> </ol> <h2>2.创建一个SpringMvc工程</h2> <h3>2.1 导入依赖</h3> <pre><code>&lt;dependency&gt; &lt;groupId&gt;org.springframework&lt;/groupId&gt; &lt;artifactId&gt;spring-webmvc&lt;/artifactId&gt; &lt;version&gt;5.0.11.RELEASE&lt;/version&gt; &lt;/dependency&gt; &lt;dependency&gt; &lt;groupId&gt;org.springframework&lt;/groupId&gt; &lt;artifactId&gt;spring-aop&lt;/artifactId&gt; &lt;version&gt;5.0.11.RELEASE&lt;/version&gt; &lt;/dependency&gt; &lt;dependency&gt; &lt;groupId&gt;org.springframework&lt;/groupId&gt; &lt;artifactId&gt;spring-aspects&lt;/artifactId&gt; &lt;version&gt;5.0.11.RELEASE&lt;/version&gt; &lt;/dependency&gt; &lt;dependency&gt; &lt;groupId&gt;org.springframework&lt;/groupId&gt; &lt;artifactId&gt;spring-context&lt;/artifactId&gt; &lt;version&gt;5.0.11.RELEASE&lt;/version&gt; &lt;/dependency&gt; </code></pre> <h3>2.2 配置springmvc的xml文件</h3> <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd"&gt; &lt;context:component-scan base-package="com.Lei"&gt;&lt;/context:component-scan&gt; &lt;bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"&gt; &lt;property name="prefix" value="/"&gt;&lt;/property&gt; &lt;property name="suffix" value=".jsp"&gt;&lt;/property&gt; &lt;/bean&gt; &lt;/beans&gt; </code></pre> <h3>2.3 编写web.xml注册springmvc的servlet</h3> <pre><code>&lt;!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd" &gt; &lt;web-app&gt; &lt;servlet&gt; &lt;servlet-name&gt;DispatcherServlet&lt;/servlet-name&gt; &lt;servlet-class&gt;org.springframework.web.servlet.DispatcherServlet&lt;/servlet-class&gt; &lt;init-param&gt; &lt;param-name&gt;contextConfigLocation&lt;/param-name&gt; &lt;param-value&gt;classpath:springmvc.xml&lt;/param-value&gt; &lt;/init-param&gt; &lt;/servlet&gt; &lt;servlet-mapping&gt; &lt;servlet-name&gt;DispatcherServlet&lt;/servlet-name&gt; &lt;url-pattern&gt;/&lt;/url-pattern&gt; &lt;/servlet-mapping&gt; &lt;/web-app&gt; </code></pre> <h3>2.4 编写测试主程序</h3> <pre><code>@Controller @RequestMapping("/hello") public class HelloHandler { @RequestMapping(value = "index",params = {"name","id"}) public String index(String name,int id){ System.out.println(name); System.out.println(id); return "index"; } } </code></pre> <h2>3.Spring MVC 注解</h2> <h3>@RequestMapping</h3> <ul> <li>value：指定 URL 请求的实际地址</li> <li>method：指定请求的 method 类型，GET、POST、PUT、DELETE</li> <li>params：指定请求中必须包含某些参数</li> </ul> <pre><code>@RequestMapping(value = "/index",method = RequestMethod.GET,params = {"name","id=10"}) </code></pre> <h3>@Controller</h3> <p>在类定义处添加，将该类交给 IoC 容器来管理</p> <h2>4.Spring MVC 数据绑定</h2> <h3>4.1 基本数据类型</h3> <pre><code>@RequestMapping("/baseType") @ResponseBody public String baseType(int id){ return id+""; } </code></pre> <h3>4.2 包装类</h3> <pre><code>@RequestMapping("/packageType") @ResponseBody public String packageType(@RequestParam(value = "num",required = false,defaultValue = "0") Integer id){ return id+""; } </code></pre> <h3>4.3 数组</h3> <pre><code>@RestController @RequestMapping("/data") public class DataBindHandler { @RequestMapping("/array") public String array(String[] name){ String str = Arrays.toString(name); return str; } } </code></pre> <h2>5.Spring MVC 模型数据解析</h2> <h3>5.1 Map</h3> <pre><code>@RequestMapping("/map") public String map(Map&lt;String, User&gt; map){ User user = new User(); user.setId(6); user.setName("老六"); map.put("user",user); return "view"; } </code></pre> <h3>5.2 Model</h3> <pre><code>@RequestMapping("/model") public String model(Model model){ User user = new User(); user.setId(6); user.setName("老六"); model.addAttribute("user",user); return "view"; } </code></pre> <h3>5.3 ModelAndView（重要）</h3> <pre><code>@RequestMapping("/modelandview") public ModelAndView modelAndView(){ User user = new User(); user.setId(6); user.setName("老六"); ModelAndView modelAndView = new ModelAndView("view"); modelAndView.addObject("user",user); return modelAndView; } </code></pre> <h2>6.REST风格</h2> <ul> <li>GET 用来表示获取资源</li> <li>POST 用来表示新建资源</li> <li>PUT 用来表示修改资源</li> <li>DELETE 用来表示删除资源</li> </ul> <h2>7.文件上传下载</h2> <h3>7.1 单文件上传</h3> <pre><code>@Controller @RequestMapping("/file") public class fileHandler { @RequestMapping("/upload") public String upload(MultipartFile img, HttpServletRequest request) throws IOException { String filename = img.getOriginalFilename(); String path = request.getServletContext().getRealPath("file"); File file = new File(path,filename); img.transferTo(file); String newPath ="/file/"+filename; request.getSession().setAttribute("path", newPath); return "upload"; } } </code></pre> <h3>7.2 多文件上传</h3> <pre><code>@RequestMapping("/uploads") public String uploads(MultipartFile[] imgs, HttpServletRequest request) throws IOException { List&lt;String&gt; files = new ArrayList&lt;&gt;(); for (MultipartFile img : imgs) { String filename = img.getOriginalFilename(); String path = request.getServletContext().getRealPath("file"); File file = new File(path, filename); img.transferTo(file); files.add("/file/" + filename); } request.getSession().setAttribute("paths", files); return "uploads"; } </code></pre> <h2>8.SpringMvc表单后台校验</h2> <h3>8.1 Validator接口</h3> <pre><code>public class AccountValidator implements Validator { @Override public boolean supports(Class&lt;?&gt; aClass) { return Account.class.equals(aClass); } @Override public void validate(Object o, Errors errors) { ValidationUtils.rejectIfEmpty(errors,"name",null,"用户名不能为空"); ValidationUtils.rejectIfEmpty(errors,"password",null,"密码不能为空"); } } </code></pre> <h3>8.2 Annotation JSR-303 标准</h3> <pre><code>@Data public class Person { @NotEmpty(message = "用户名不能为空") private String username; @Size(min = 6, max = 12, message = "密码6-12位") private String password; @Email(regexp = "^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\\.[a-zA-Z0-9-]+)*\\.[a-zA-Z0-9]{2,6}$", message = "请输入正确的邮箱格式") private String email; } </code></pre> <h3>常用注解</h3> <table> <thead> <tr> <th>注释名</th> <th>效果</th> </tr> </thead> <tbody> <tr> <td>@Null</td> <td>被注解的元素必须为null</td> </tr> <tr> <td>@NotNull</td> <td>被注解的元素不能为null</td> </tr> <tr> <td>@Min(value)</td> <td>被注解的元素必须是一个数字，其值必须大于等于指定的最小值</td> </tr> <tr> <td>@Max(value)</td> <td>被注解的元素必须是一个数字，其值必须小于等于指定的最大值</td> </tr> <tr> <td>@Email</td> <td>被注解的元素必须是电子邮箱地址</td> </tr> <tr> <td>@Pattern</td> <td>被注解的元素必须符合对应的正则表达式</td> </tr> <tr> <td>@Length</td> <td>被注解的元素的大小必须在指定的范围内</td> </tr> <tr> <td>@NotEmpty</td> <td>被注解的字符串的值必须非空</td> </tr> </tbody> </table> https://210214.xyz/posts/java-annotation-reflection/https://210214.xyz/posts/java-annotation-reflection/Java注解与反射机制学习笔记Fri, 15 Jul 2022 00:00:00 GMT<h2>注解</h2> <h3>1. Annotation</h3> <ol> <li>注解不是程序本身，但是可以对程序做出解释</li> <li>注解可以被其他程序（比如：编译器）读取</li> </ol> <h3>2. 元注解</h3> <p>元注解的作用就是负责注解其他注解，Java定义了4个标准的meta-annotation类型，他们被用来提供对其他annotation类型作说明：</p> <ol> <li>Target：描述注解的使用位置</li> <li>Retention：描述注解的生命周期，表示在什么级别保存该注解的信息（3个取值：SOURCE&lt;CLASS&lt;RUNTIME）</li> <li>Document：说明该注解可以被生成在Javadoc中</li> <li>Inherited：说明子类可以继承父类中的该注解</li> </ol> <h3>3. 自定义注解</h3> <p>使用@interface自定义注解时，自动继承了<code>java.lang.annotation.Annotation</code>接口</p> <p>分析：</p> <ul> <li>@interface用来声明一个注解，格式：public @interface 注解名{定义内容}</li> <li>其中的每一个方法实际上是声明了一个配置参数</li> <li>方法的名称就是参数的名称</li> <li>返回值类型就是参数的类型（返回值只能是基本类型，Class, String, enum）</li> <li>可以通过default来声明参数的默认值</li> <li>如果只有一个参数成员，一般参数名为value</li> <li>注解元素必须要有值，我们定义注解元素时，经常使用空字符串，0作为默认值</li> </ul> <pre><code>@Target({ElementType.METHOD}) @Retention(RetentionPolicy.RUNTIME) public @interface DiyAnnotation { String name(); int age() default 3; } </code></pre> <pre><code>// 获取方法上的自定义注解 public class ServiceImpl { public static void main(String[] args) throws ClassNotFoundException, NoSuchMethodException { Class&lt;?&gt; aClass = Class.forName("com.hxxy.service.ServiceImpl"); Method method = aClass.getDeclaredMethod("method", Integer.class); DiyAnnotation declaredAnnotation = method.getDeclaredAnnotation(DiyAnnotation.class); System.out.println(declaredAnnotation); } @DiyAnnotation(name = "annotation") public String method(Integer a){ System.out.println("method:" + a); return "a"; } } </code></pre> <h2>反射</h2> <h3>1. 反射概述</h3> <p>反射就是Reflection，Java的反射是指程序在运行期可以拿到一个对象的所有信息。</p> <ul> <li>Reflection(反射)是Java被视为动态语言的关键，反射机制允许程序在执行期借助于Reflection API取得任何类的内部信息，并能直接操作任意对象的内部属性及方法。</li> </ul> <pre><code>Class c = Class.forName("java.lang.String") // 获取String包里的所有东西 </code></pre> <p>正常方式：引入需要的"包类"名称 -&gt; 通过new实例化 -&gt; 取得实例化对象</p> <p>反射方式：实例化对象 -&gt; getClass()方法 -&gt; 得到完整的"包类"名称</p> <p><strong>优点：</strong></p> <ul> <li>可以实现动态创建对象和编译，体现出很大的灵活性</li> </ul> <p><strong>缺点：</strong></p> <ul> <li>对性能有影响。使用反射基本上是一种解释操作，我们可以告诉JVM我们希望做什么并且它满足我们的要求。这类操作总是慢于直接执行相同的操作</li> </ul> <h3>2. 反射的常用方法</h3> <table> <thead> <tr> <th>方法名</th> <th>功能说明</th> </tr> </thead> <tbody> <tr> <td>static Class forName(String name)</td> <td>返回指定类名name的Class对象</td> </tr> <tr> <td>Object newInstance()</td> <td>调用缺省构造函数，返回Class对象的一个实例</td> </tr> <tr> <td>getName()</td> <td>返回此Class对象所表示的实体（类，接口，数组类或void)的名称</td> </tr> <tr> <td>Class getSuperClass()</td> <td>返回当前Class对象的父类的Class对象</td> </tr> <tr> <td>Class[] getInterfaces()</td> <td>获取当前Class对象的接口</td> </tr> <tr> <td>ClassLoader getClassLoader()</td> <td>返回该类的类加载器</td> </tr> <tr> <td>Constructor[] getConstructors()</td> <td>返回一个包含某些Constructor对象的数组</td> </tr> <tr> <td>Method getMethod(String name, Class...T)</td> <td>返回一个Method对象，此对象的形参类型为paramType</td> </tr> <tr> <td>Field[] getDeclaredFields()</td> <td>返回Field对象的一个数组</td> </tr> </tbody> </table> <h3>3. 获取反射对象</h3> <ol> <li>若已知具体的类，通过类的class属性获取，该方法最为安全可靠，程序性能最高。</li> </ol> <pre><code>Class clazz = Person.class; </code></pre> <ol> <li>已知某个类的实例，调用该实例的getClass()方法获取Class对象</li> </ol> <pre><code>Class clazz = Person.getClass(); </code></pre> <ol> <li>已知一个类的全类名，且该类在类路径下，可通过Class类的静态方法forName()获取，可能抛出ClassNotFoundException</li> </ol> <pre><code>Class clazz = Class.forName("demo01.Student"); </code></pre> <h3>4. 反射出来的对象的应用</h3> <p>先获取反射的对象，可以同该对象调用很多其方法，获取构造函数，获取字段(属性)，方法……</p> <pre><code>public class User { private String name; private int id; private int age; //还有一些公有的get,set方法和一个无参构造和有参构造+tostring的重写 ... } //测试类 public static void main(String[] args) { Class c1 = Class.forName("Reflection.Demo01.User"); // 通过forname获取类的对象 User user = (User) c1.newInstance(); // 构造一个对象 System.out.println(user.getAge()); // 通过该对象调用方法 Constructor constructor = c1.getDeclaredConstructor(String.class, int.class, int.class); // 通过类对象获取有参构造函数 Object xixi = constructor.newInstance("xixi", 001, 18); // 通过有参构造创建新对象 System.out.println(xixi); User user01 = (User) c1.newInstance(); Method setName = c1.getDeclaredMethod("setName", String.class); // 通过类对象获取方法字段 setName.invoke(user01, "haha"); // 方法需要激活invoke方法，然后传入参数（使用的对象，传入实参） System.out.println(user01); User user02 = (User) c1.newInstance(); Field name = c1.getDeclaredField("name"); // 通过类对象获取字段 name.setAccessible(true); // 如果字段是私有不可访问的时候需要开启这个权限才能访问字段的值 name.set(user02, "none"); // name字段设置值-&gt;(使用的对象，传入的实参) System.out.println(user02.getName()); } </code></pre> https://210214.xyz/posts/mybatis-intro/https://210214.xyz/posts/mybatis-intro/MyBatis框架入门教程，包含配置、CRUD操作、级联查询、逆向工程等Thu, 14 Jul 2022 00:00:00 GMT<h2>MyBatis</h2> <p>MyBatis重要核心步骤：省去了建表，写对应的实体类(可以用lombok组件)</p> <pre><code>//对应实体类 public class Account { private long id; private String username; private String password; private int age; } </code></pre> <h2>1.创建 MyBatis 的配置文件 config.xml</h2> <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd"&gt; &lt;configuration&gt; &lt;environments default="account"&gt; &lt;environment id="account"&gt; &lt;transactionManager type="JDBC"&gt;&lt;/transactionManager&gt; &lt;dataSource type="POOLED"&gt; &lt;property name="driver" value="com.mysql.cj.jdbc.Driver"/&gt; &lt;property name="url" value="jdbc:mysql://localhost:3306/mybatis01?useUnicode=true&amp;characterEncoding=UTF-8"/&gt; &lt;property name="username" value="111"/&gt; &lt;property name="password" value="111"/&gt; &lt;/dataSource&gt; &lt;/environment&gt; &lt;/environments&gt; &lt;/configuration&gt; </code></pre> <h2>2.通过原生接口实现</h2> <h3>2.1 Mapper.xml的编写</h3> <pre><code>&lt;?xml version="1.0" encoding="UTF-8" ?&gt; &lt;!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"&gt; &lt;mapper namespace="Account.Account"&gt; &lt;insert id="save" parameterType="Account.Account"&gt; insert into account (username ,password,age) values (#{username},#{password},#{age}); &lt;/insert&gt; &lt;/mapper&gt; </code></pre> <h3>2.2 注册mapper.xml</h3> <pre><code>&lt;mappers&gt; &lt;mapper resource="AccountConfig/Mapper.xml"&gt;&lt;/mapper&gt; &lt;/mappers&gt; </code></pre> <h3>2.3 调用API</h3> <pre><code>public class Test01 { public static void main(String[] args) { InputStream inputStream =Test01.class.getResourceAsStream("/config.xml"); SqlSessionFactoryBuilder sqlSessionFactoryBuilder = new SqlSessionFactoryBuilder(); SqlSessionFactory build = sqlSessionFactoryBuilder.build(inputStream); SqlSession sqlSession = build.openSession(); Account account = new Account(1L,"张三","root",24); String statement ="Account.Account.save"; sqlSession.insert(statement,account); sqlSession.commit(); sqlSession.close(); } } </code></pre> <h2>3.自定义接口实现(推荐)</h2> <h3>3.1 编写接口</h3> <pre><code>public interface AccountRepository { public int save(Account account); public int update (Account account); public int deleteById(long id); public List&lt;Account&gt; findAll(); public Account findById(long id); } </code></pre> <h3>3.2 创建对应的xml</h3> <pre><code>&lt;?xml version="1.0" encoding="UTF-8" ?&gt; &lt;!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"&gt; &lt;mapper namespace="AccountRepository.AccountRepository"&gt; &lt;insert id="save" parameterType="Account.Account"&gt; insert into account (username, password, age) values (#{username}, #{password}, #{age}); &lt;/insert&gt; &lt;update id="update" parameterType="Account.Account"&gt; update account set username =#{username},password =#{password},age =#{age} where id = #{id}; &lt;/update&gt; &lt;delete id="deleteById" parameterType="long"&gt; delete from account where id = #{id}; &lt;/delete&gt; &lt;select id="findAll" resultType="Account.Account"&gt; select * from account; &lt;/select&gt; &lt;select id="findById" resultType="Account.Account"&gt; select * from account where id = #{id}; &lt;/select&gt; &lt;/mapper&gt; </code></pre> <h3>3.3 调用API</h3> <pre><code>public static void main(String[] args) { InputStream resourceAsStream = Test02.class.getClassLoader().getResourceAsStream("config.xml"); SqlSessionFactoryBuilder sqlSessionFactoryBuilder = new SqlSessionFactoryBuilder(); SqlSessionFactory build = sqlSessionFactoryBuilder.build(resourceAsStream); SqlSession sqlSession = build.openSession(); AccountRepository mapper = sqlSession.getMapper(AccountRepository.class); for (Account account : mapper.findAll()) { System.out.println(account); } sqlSession.commit(); sqlSession.close(); } </code></pre> <h2>4.级联查询</h2> <h3>4.1 一对多</h3> <p>通过学生查班级和学生</p> <pre><code>&lt;resultMap id="StudentMap" type="com.Student.Student"&gt; &lt;id column="id" property="id"&gt;&lt;/id&gt; &lt;result column="name" property="name"&gt;&lt;/result&gt; &lt;association property="classes" javaType="com.Student.Classes"&gt; &lt;id column="cid" property="id"&gt;&lt;/id&gt; &lt;result column="cname" property="name"&gt;&lt;/result&gt; &lt;/association&gt; &lt;/resultMap&gt; &lt;select id="findById" parameterType="long" resultMap="StudentMap"&gt; select s.id ,s.name,c.id cid,c.name cname from student s,classes c where s.id = #{id} and c.id =cid; &lt;/select&gt; </code></pre> <h3>4.2 多对一</h3> <p>通过班级类查询学生</p> <pre><code>&lt;resultMap id="ClassesMap" type="com.Student.Classes"&gt; &lt;id column="id" property="id"&gt;&lt;/id&gt; &lt;result column="name" property="name"&gt;&lt;/result&gt; &lt;collection property="students" ofType="com.Student.Student"&gt; &lt;id column="sid" property="id"&gt;&lt;/id&gt; &lt;result column="sname" property="name"&gt;&lt;/result&gt; &lt;/collection&gt; &lt;/resultMap&gt; &lt;select id="findById" parameterType="long" resultMap="ClassesMap"&gt; select s.id sid,s.name sname,c.id,c.name from student s, classes c where c.id =#{id} and cid =c.id; &lt;/select&gt; </code></pre> <h2>5.逆向工程</h2> <h3>5.1 导入依赖</h3> <pre><code>&lt;dependency&gt; &lt;groupId&gt;org.mybatis.generator&lt;/groupId&gt; &lt;artifactId&gt;mybatis-generator-core&lt;/artifactId&gt; &lt;version&gt;1.4.0&lt;/version&gt; &lt;/dependency&gt; </code></pre> <h3>5.2 创建配置文件</h3> <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN" "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd"&gt; &lt;generatorConfiguration&gt; &lt;context id="testTables" targetRuntime="MyBatis3"&gt; &lt;jdbcConnection driverClass="com.mysql.cj.jdbc.Driver" connectionURL="jdbc:mysql://localhost:3306/mybatis01?useUnicode=true&amp;characterEncoding=UTF-8" userId="root" password="root"&gt; &lt;/jdbcConnection&gt; &lt;javaModelGenerator targetPackage="com.Lei.pojo" targetProject="./src/main/java"&gt;&lt;/javaModelGenerator&gt; &lt;sqlMapGenerator targetPackage="com.Lei.mapper" targetProject="./src/main/java"&gt;&lt;/sqlMapGenerator&gt; &lt;javaClientGenerator type="XMLMAPPER" targetPackage="com.Lei.mapper" targetProject="./src/main/java"&gt;&lt;/javaClientGenerator&gt; &lt;table tableName="student" domainObjectName="Student"&gt;&lt;/table&gt; &lt;/context&gt; &lt;/generatorConfiguration&gt; </code></pre> <h2>6.延迟加载</h2> <pre><code>&lt;settings&gt; &lt;!-- 打印SQL执行的语句--&gt; &lt;setting name="logImpl" value="STDOUT_LOGGING"/&gt; &lt;!-- 开启延迟加载--&gt; &lt;setting name="lazyLoadingEnabled" value="true"/&gt; &lt;/settings&gt; </code></pre> <h2>7.MyBatis缓存</h2> <ul> <li>一级缓存：SqlSession 级别，默认开启，不能关闭。</li> <li>二级缓存：Mapper 级别，默认关闭，可以开启。</li> </ul> <pre><code>&lt;settings&gt; &lt;!-- 开启二级缓存 --&gt; &lt;setting name="cacheEnabled" value="true"/&gt; &lt;/settings&gt; </code></pre> <h2>8.动态SQL</h2> <table> <thead> <tr> <th>标签名</th> <th>作用</th> </tr> </thead> <tbody> <tr> <td>if</td> <td>根据表达式的结果来决定是否将对应的语句添加到 SQL 中</td> </tr> <tr> <td>where</td> <td>自动判断是否要删除语句块中的 and 关键字</td> </tr> <tr> <td>choose when</td> <td>类似于if和where的连用</td> </tr> <tr> <td>trim</td> <td>自动删除语句前后的指定值</td> </tr> <tr> <td>set</td> <td>用于 update 操作，会自动根据参数选择生成 SQL 语句</td> </tr> <tr> <td>foreach</td> <td>迭代生成一系列值，主要用于 SQL 的 in 语句</td> </tr> </tbody> </table> <pre><code>&lt;select id="findByAccount" resultType="com.Account.Account" parameterType="com.Account.Account"&gt; select *from account &lt;where&gt; &lt;if test="id!=0"&gt; and id= #{id}&lt;/if&gt; &lt;if test="username!=null"&gt; and username = #{username}&lt;/if&gt; &lt;if test="password"&gt; and password = #{password}&lt;/if&gt; &lt;if test="age!=0"&gt; and age = #{age}&lt;/if&gt; &lt;/where&gt; &lt;/select&gt; </code></pre> https://210214.xyz/posts/javaweb/https://210214.xyz/posts/javaweb/JavaWeb开发基础知识整理Wed, 06 Jul 2022 00:00:00 GMT<h2>1.编写Servlet</h2> <ul> <li> <p>重要补充：request是从服务器获取数据，response是从服务器向浏览器返回数据</p> </li> <li> <p>通过配置的maven新建<code>webapp</code>模板工程并且配置pom.xml文件(是mvn的核心文件)来导入Servlet的依赖</p> </li> </ul> <pre><code>&lt;dependency&gt; &lt;groupId&gt;javax.servlet&lt;/groupId&gt; &lt;artifactId&gt;javax.servlet-api&lt;/artifactId&gt; &lt;version&gt;3.1.0&lt;/version&gt; &lt;/dependency&gt; </code></pre> <ul> <li>创建一个类继承HttpServlet，并重写Service方法</li> </ul> <pre><code>public void service(ServletRequest req, ServletResponse res) throws ServletException, IOException { res.getWriter().write("Hello servlet");//通过浏览器窗口输出Hello servlet } </code></pre> <ul> <li>在web.xml里编写映射</li> </ul> <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1" metadata-complete="true"&gt; &lt;/web-app&gt; </code></pre> <h2>2.ServletContext</h2> <ol> <li> <p>解释：每一个web应用都有且仅有一个ServletContext对象，又称Application对象，从名称中可知，该对象是与应用程序相关的。在WEB容器启动的时候，会为每一个WEB应用程序创个对应的ServletContext对象。</p> </li> <li> <p>作用：<strong>共享数据</strong>，可以通过一方来保存，另一方可以读取</p> </li> <li> <p>两个小方法：</p> </li> </ol> <pre><code>getServletContext//设置储存的信息，以键值对的形式 getAttribute//获取储存的信息，需要键的名为对象 </code></pre> <h2>3.请求转发</h2> <ul> <li>不改变原来的地址，但是能够改变跳转的位置</li> </ul> <pre><code>ServletContext context = this.getServletContext();//先获取context对象 context.getRequestDispatcher("/cf").forward(req,resp);//调用getRequestDispatcher方法输入请求转发的地址 </code></pre> <h2>4.通过Servletcontext读取配置文件</h2> <pre><code>protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { ServletContext context = this.getServletContext(); Properties prop = new Properties(); InputStream ras = context.getResourceAsStream("/WEB-INF/classes/db.properties"); prop.load(ras); String username = prop.getProperty("username"); String pwd = prop.getProperty("password"); resp.getWriter().write(username+":"+pwd); } </code></pre> <h2>5.Response</h2> <h3>5.1 下载</h3> <pre><code>protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String realPath = "D:\\project\\java\\execrise\\project02\\src\\main\\resources\\a.jpg"; String fileName = realPath.substring(realPath.lastIndexOf("\\") + 1); resp.setHeader("Content-Disposition", "attachment;filename=" +fileName );//最重要的设置头，表明下载 FileInputStream fis = new FileInputStream(realPath); ServletOutputStream os = resp.getOutputStream();//获取流去读写 byte[] buffer = new byte[1024]; int len ; while((len = fis.read(buffer))!=-1){ os.write(len); } os.close(); fis.close(); } </code></pre> <h3>5.2 重定向</h3> <pre><code>public class Demo02 extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.sendRedirect("/cf/demo03");//重定向的地址 } } </code></pre> <h2>6.Request</h2> <pre><code>public class Demo06 extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { System.out.println("进入了这个服务"); String username = req.getParameter("username");//获取username信息 String password = req.getParameter("password");//获取password信息 System.out.println(username+":"+password); } } </code></pre> <h2>7.Cookies</h2> <pre><code>protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.setContentType("text/html;charset = utf-8");//设置服务器返回编码 Cookie[] cookies = req.getCookies();//先获取cookies PrintWriter writer = resp.getWriter();//浏览器输出 boolean flag =false; for (Cookie cookie : cookies) { if (cookie.getName().equals("lastTime")){ Long timer = Long.valueOf(cookie.getValue());//还原原来的日期格式 Date date = new Date(timer); SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式 String currentTime = sdf.format(date); writer.write("你上一次访问本站的时间是:"+currentTime); flag =true; } } if (!flag) writer.write("这是你第一次访问,我们为您创建了cookie，方便下次访问"); Cookie lastTime = new Cookie("lastTime", System.currentTimeMillis() + "");//Cookie都是以键值对的形式存在 resp.addCookie(lastTime); } </code></pre> <h2>8.Session</h2> <pre><code>protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { req.setCharacterEncoding("utf-8"); resp.setContentType("text/html;charset = utf-8"); HttpSession session = req.getSession(); session.setAttribute("username", new Person("借口",18)); } </code></pre> <h2>9.JSP</h2> <h3>9.1 Jsp语法</h3> <p>整个JSP的内容实际上是一个HTML，但是稍有不同：</p> <ul> <li>包含在<code>&lt;%--</code>和<code>--%&gt;</code>之间的是JSP的注释；</li> <li>包含在<code>&lt;%</code>和<code>%&gt;</code>之间的是Java代码，可以编写任意Java代码；</li> <li>如果使用<code>&lt;%= xxx %&gt;</code>则可以快捷输出一个变量的值。</li> <li><code>&lt;%! %&gt;</code>可以写java代码（作用域更高的，相当于全局），称之为声明</li> </ul> <h3>9.2 内置9大对象</h3> <pre><code>PageContext //存东西，级别最次 Request //存东西，级别次 Response Session //存东西，级别中 Application-&gt;SerlvetContext //存东西，级别高 config-&gt;SerlvetConfig out page exception </code></pre> <h2>10.Filter过滤器</h2> <pre><code>public class FilterDemo01 implements Filter { public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException { servletRequest.setCharacterEncoding("utf-8");//请求编码 servletResponse.setContentType("text/html;charset = utf-8");//响应编码 System.out.println("doFilter进入前面"); filterChain.doFilter(servletRequest,servletResponse);//主要方法，看成一条链，传递原来的req和resp对象 System.out.println("doFilter进入后面"); } } </code></pre> <h2>11.Listener</h2> <pre><code>public void sessionCreated(HttpSessionEvent se) {//创建方法 ServletContext context = se.getSession().getServletContext(); Integer onlineCnt = (Integer) context.getAttribute("onlineCnt");//获取onlineCnt的字段 if (onlineCnt==null){ onlineCnt= 1; }else { onlineCnt = onlineCnt+1; } context.setAttribute("onlineCnt",onlineCnt);//每次添加这字段 } </code></pre> <h2>12.JDBC</h2> <h3>12.1 配置信息</h3> <pre><code>String url = "jdbc:mysql://localhost:3306/test01?useUnicode=true&amp;characterEncoding=UTF-8&amp;serverTimezone=UTC"; String username = "root"; String password = "root"; </code></pre> <h3>12.2 加载驱动</h3> <pre><code>Class.forName("com.mysql.cj.jdbc.Driver") ; </code></pre> <h3>12.3 连接数据库</h3> <pre><code>Connection connection = DriverManager.getConnection(url, username, password); </code></pre> <h3>12.4 向数据库发送statement请求，CRUD</h3> <pre><code>Statement statement = connection.createStatement(); </code></pre> <h3>12.5 写sql</h3> <pre><code>String sql ="select *from person"; </code></pre> <h3>12.6 执行sql</h3> <pre><code>ResultSet res = statement.executeQuery(sql); while (res.next()){ System.out.println("id："+ res.getObject("id")); System.out.println("name："+ res.getObject("name")); System.out.println("password："+ res.getObject("password")); System.out.println("email："+ res.getObject("email")); System.out.println("birthday："+ res.getObject("birthday")); } </code></pre> <h3>12.7 关闭连接</h3> <pre><code>res.close(); statement.close(); connection.close(); </code></pre> https://210214.xyz/posts/jdbc-connection/https://210214.xyz/posts/jdbc-connection/JDBC连接数据库的完整流程和具体实现Fri, 01 Jul 2022 00:00:00 GMT<h2>jdbc的连接过程</h2> <h3>1.加载JDBC驱动程序：</h3> <h3>2.提供JDBC连接的URL</h3> <h3>3.创建数据库的连接</h3> <h3>4.创建一个Statement</h3> <h3>5.执行SQL语句</h3> <h3>6.处理结果</h3> <h3>7.关闭JDBC对象</h3> <h2>具体实现：</h2> <h3>1.加载JDBC驱动程序：</h3> <pre><code>//加载MySql的驱动类 Class.forName("com.mysql.jdbc.Driver") ; //成功加载后，会将Driver类的实例注册到DriverManager类中。 </code></pre> <h3>2.提供JDBC连接的URL</h3> <p>注意事项：</p> <ol> <li>连接URL定义了连接数据库时的协议、子协议、数据源标识。</li> <li>书写形式：协议：子协议：数据源标识</li> <li>协议：在JDBC中总是以jdbc开始</li> <li>子协议：是桥连接的驱动程序或是数据库管理系统名称。</li> <li>数据源标识：标记找到数据库来源的地址与连接端口。</li> </ol> <pre><code>//利用mysql连接： jdbc:mysql: //localhost:3306/test?useUnicode=true&amp;characterEncoding=gbk ; // useUnicode=true：表示使用Unicode字符集。如果characterEncoding设置为 // gb2312或GBK，本参数必须设置为true 。characterEncoding=gbk：字符编码方式。 </code></pre> <h3>3.创建数据库的连接</h3> <p>要连接数据库，需要向java.sql.DriverManager请求并获得Connection对象， 该对象就代表一个数据库的连接。</p> <p>使用DriverManagerget的Connectin(String url,String username,String password)方法传入指定的欲连接的数据库的路径、数据库的用户名和 密码来获得。</p> <pre><code>//连接MySql数据库，用户名和密码都是root String url = "jdbc:mysql://localhost:3306/test" ; String username = "root" ; String password = "root" ; Connection con =DriverManager.getConnection(url , username , password ) ; System.out.println("数据库连接失败！"); </code></pre> <h3>4.创建一个Statement</h3> <p>要执行SQL语句，必须获得java.sql.Statement实例，Statement实例分为以下3种类型：</p> <ol> <li>执行静态SQL语句。通常通过Statement实例实现。</li> <li>执行动态SQL语句。通常通过PreparedStatement实例实现。</li> <li>执行数据库存储过程。通常通过CallableStatement实例实现。</li> </ol> <p>具体实现方法：</p> <pre><code>Statement stmt = con.createStatement() ; PreparedStatement pstmt = con.prepareStatement(sql) ; CallableStatement cstmt = con.prepareCall("{CALL demoSp(? , ?)}") ; </code></pre> <h3>5.执行SQL语句</h3> <p>Statement接口提供了三种执行SQL语句的方法：executeQuery、executeUpdate 和execute</p> <ol> <li>ResultSet executeQuery(String sqlString)：执行查询数据库的SQL语句返回一个结果集（ResultSet）对象。</li> <li>int executeUpdate(String sqlString)：用于执行INSERT、UPDATE或 DELETE语句以及SQL DDL语句</li> <li>execute(sqlString):用于执行返回多个结果集、多个更新计数或二者组合的语句。</li> </ol> <p>具体实现代码：</p> <pre><code>ResultSet rs = stmt.executeQuery("SELECT * FROM ...") ; int rows = stmt.executeUpdate("INSERT INTO ...") ; boolean flag = stmt.execute(String sql) ; </code></pre> <h3>6.处理结果</h3> <p>两种情况：</p> <ul> <li>执行更新返回的是本次操作影响到的记录数。</li> <li>执行查询返回的结果是一个ResultSet对象。</li> </ul> <p>ResultSet包含符合SQL语句中条件的所有行，并且它通过一套get方法提供了对这些行中数据的访问。</p> <p>使用结果集（ResultSet）对象的访问方法获取数据：</p> <pre><code>while(rs.next()){ String name = rs.getString("name") ; String pass = rs.getString(1) ; // 此方法比较高效 } //（列是从左到右编号的，并且从列1开始） </code></pre> <h3>7.关闭JDBC对象</h3> <ol> <li>关闭记录集</li> <li>关闭声明</li> <li>关闭连接对象</li> </ol> https://210214.xyz/posts/java-network-programming/https://210214.xyz/posts/java-network-programming/Java网络编程学习笔记Fri, 24 Jun 2022 00:00:00 GMT<p>网路编程</p> <p><code>javaweb</code>: 网页编程 B/S</p> <p>网络编程：<code>TCP/IP</code> C/S</p> <h3>1. 如何实现网络通信</h3> <ul> <li>通信双方的地址 <ul> <li><code>ip</code></li> <li>端口号</li> <li>规则：网络通信协议 <ul> <li><code>TCP/IP</code>参考模型</li> </ul> </li> </ul> </li> </ul> <h3>2. IP</h3> <ul> <li>唯一定位一台网络上计算机</li> <li>127.0.0.1: 本机<code>localhost</code></li> <li><code>ip</code>地址：<code>InetAddress</code>类</li> </ul> <pre><code>InetAddress inetAddress = InetAddress.getByName("www.baidu.com"); // 因为没有构造方法，只能通过调用他的静态方法直接获取一个他的属性 inetAddress.getHostAddress(); // ip inetAddress.getHostName(); // 域名 </code></pre> <h3>3. 端口</h3> <p>端口表示计算机上的一个程序的进程；</p> <ul> <li>不同的进程有不同的端口号！用来区分软件！</li> <li>端口分类： <ul> <li>公有端口 0~1023</li> <li><code>HTTP</code>: 80</li> <li><code>HTTPS</code>: 443</li> <li><code>FTP</code>: 21</li> <li><code>Telent</code>: 23</li> </ul> </li> <li>程序注册端口：1024~49151，分配用户或者程序 <ul> <li><code>Tomcat</code>: 8080</li> <li><code>MySQL</code>: 3306</li> <li><code>Oracle</code>: 1521</li> </ul> </li> </ul> <p>常用dos端口命令：</p> <pre><code>netstat -ano # 查看所有的端口 netstat -ano|findstr "5900" # 查看指定的端口号 tasklist|findstr "8696" # 查看指定端口的进程 </code></pre> <p><code>InetSocketAddress</code>类：</p> <pre><code>InetSocketAddress inetSocketAddress = new InetSocketAddress("hostname", port); getHostName() // 获取地址(如果有映射会变成地址的名称) getAddress() // 获取地址 getPort() // 获取端口 </code></pre> <h3>4. 通信协议</h3> <ul> <li> <p><strong>协议</strong>：就是约定；<strong>网络通信协议</strong>：速率，传输码率，代码结构，传输控制...</p> </li> <li> <p><code>TCP/UDP</code>:</p> <ul> <li><code>TCP</code>: 用户传输协议</li> <li><code>UDP</code>: 用户数据报协议</li> </ul> </li> <li> <p>出名的协议：</p> <ul> <li><code>IP</code>: 网络互连协议</li> </ul> </li> <li> <p><code>TCP</code>: 打电话(必须是双方都有回应)</p> <ul> <li>连接，稳定</li> <li><code>三次握手</code> <code>四次挥手</code></li> </ul> <pre><code># 最少需要三次，保证稳定连接！ # 握手 A: 你瞅啥？ B: 瞅你咋地？ A: 干一场！ # 挥手 # 场景：面试官与你 A: 我要走了！ B: 你快走吧！ B: 赶紧滚hh A: 我的真的要走了！ </code></pre> <ul> <li>传输完成，释放连接，效率低</li> </ul> </li> <li> <p><code>UDP</code>: 发短信(只需要发了就行，管他收到收不到)</p> <ul> <li>不连接，不稳定</li> <li>效率极高</li> </ul> </li> </ul> <h3>5. TCP</h3> <ul> <li> <p>客户端</p> <ol> <li>连接服务器Socket发送消息</li> </ol> </li> <li> <p>服务器</p> <ol> <li>建立服务的端口<code>ServerSocket</code></li> <li>等待用户的链接 accept</li> <li>接收用的消息</li> </ol> </li> <li> <p>模拟</p> <ul> <li>重点： <ul> <li><code>ServerSocket</code> 创建服务器类</li> <li><code>Socket</code> 套接字连接类</li> <li>io流输入和关闭</li> </ul> </li> </ul> </li> </ul> <pre><code>public class TestClient { // 客户端 public static void main(String[] args) throws IOException { InetAddress severIp = InetAddress.getByName("127.0.0.1"); // 本客户端的ip地址 int port = 9999; // 套接字连接的端口号 Socket socket = new Socket(severIp, port); OutputStream os = socket.getOutputStream(); // 通过io流向服务端传递信息 os.write("你好".getBytes()); // IO流getBytes的使用 socket.close(); // 关闭流 os.close(); } } public class TestServer { // 服务端 public static void main(String[] args) throws IOException { ServerSocket serverSocket = new ServerSocket(9999); // 这里是服务器的端口等待客户端的消息 Socket socket = serverSocket.accept(); // 获取接收的消息 InputStream is = socket.getInputStream(); // 通过io流读取接收的消息 ByteArrayOutputStream baos = new ByteArrayOutputStream(); // 管道流 byte[] buffer = new byte[1024]; int len; while ((len = is.read(buffer)) != -1) { baos.write(buffer, 0, len); } System.out.println(baos.toString()); baos.close(); // 关闭流 is.close(); socket.close(); } } </code></pre> <p>思路:</p> <ul> <li>客户端需要一个ip地址和能接收的端口号，而服务端就需要创建这个端口号</li> <li>将客户端和服务端都用socket进行封装，如果服务端要接受东西</li> </ul> <pre><code>ServerSocket serverSocket = new ServerSocket(9999); // 创建9999的端口 Socket socket = serverSocket.accept(); // 接收东西通过套接字进行封装 </code></pre> <p>剩下的都给<code>IO</code>流：</p> <p>套路的<code>io</code>：</p> <pre><code>// 如果读入的是单纯的文字，就用字符流 // 如果读入的是图片，音频，等，就用字节流 // 管道流的化，如果对方传进来是什么类型，字符，字节，二进制，就用对应的管道流去接收 // 关于写入字符流套路 byte[] buffer = new byte[1024]; int len; while ((len = 已经获取的字符流.read(buffer)) != -1) { 新创建一个存储的地点.write(buffer, 0, len); } // 最后倒叙关闭流文件就行 </code></pre> <h3>6. UDP</h3> <p>实现<code>Udp</code>连接：</p> <ul> <li>调用DatagramSocket包，还是通过套接字进行传输，常用的两个方法, send和receive</li> </ul> <pre><code>// 发送端 public static void main(String[] args) throws IOException { DatagramSocket socket = new DatagramSocket(); // 通过DatagramSocket类库创建socket对象 String name = "你好，udp服务器"; InetAddress localhost = InetAddress.getByName("localhost"); // 获取域名地址 DatagramPacket packet = new DatagramPacket(name.getBytes(), 0, name.getBytes().length, localhost, 9090); // 生成一个包裹需要几个参数，最后两个是域名地址和端口号，前面的是内容可以给根据需求改变 socket.send(packet); // 调用send发送包 socket.close(); // 关闭流 } // 接收端，如果没有接受端，那么发送的包裹就会丢失 public static void main(String[] args) throws IOException { DatagramSocket socket = new DatagramSocket(9090); // 创建一个9090端口用于udp接收 byte[] buffer = new byte[1024]; // 字节的读入 DatagramPacket packet = new DatagramPacket(buffer, 0, buffer.length); // 这里不需要写端口号和域名，就像你收信息，只要收到就行； socket.receive(packet); System.out.println(new String(packet.getData())); // 输出包内的内容，由于是getData以字节返回所以通过新建String来输出 socket.close(); // 关闭流 } </code></pre> <p>实现两人聊天：</p> <pre><code>public class ChatSender { // 发送者 public static void main(String[] args) throws IOException { DatagramSocket socket = new DatagramSocket(8888); // 配置用户端口和套接字 BufferedReader reader = new BufferedReader(new InputStreamReader(System.in)); // 监听键盘输入 String s = reader.readLine(); // 将读入的变成字符串 byte[] bytes = s.getBytes(); // 因为下面创建发送包需要的是字节数组，所以获取字节 DatagramPacket packet = new DatagramPacket(bytes, 0, bytes.length, new InetSocketAddress("localhost", 6666)); // 获取发送包包 socket.send(packet); socket.close(); } } public class ChatReceiver { // 接收者 public static void main(String[] args) throws IOException { DatagramSocket socket = new DatagramSocket(6666); // 配置另一位用户的端口和套接字 while (true) { // 循环监听收包包 byte[] bytes = new byte[1024]; DatagramPacket packet = new DatagramPacket(bytes, 0, bytes.length); // 获取数据包包 socket.receive(packet); byte[] data = packet.getData(); String s = new String(data, 0, data.length); System.out.println(s); if (s.equals("bye")) break; } socket.close(); } } </code></pre> <h3>7. URL</h3> <p>https://www.baidu.com/ 就是地址url</p> <p>统一资源定位符：定位资源的，定位互联网上的某一个资源 DNS域名解析 www.baidu.com xxx.xxx...</p> <pre><code># 协议：//ip地址：端口/项目名/资源 </code></pre> <pre><code>URL url = new URL("http://www.baidu.com"); // 新一个URL类 HttpURLConnection httpURLConnection = (HttpURLConnection) url.openConnection(); // openConnection建立连接 </code></pre> https://210214.xyz/posts/java-multithreading/https://210214.xyz/posts/java-multithreading/Java多线程编程学习笔记Thu, 23 Jun 2022 00:00:00 GMT<h2>多线程</h2> <h3>进程</h3> <ul> <li> <p>在计算机中，我们把一个任务称为一个进程，浏览器就是一个进程，视频播放器是另一个进程，类似的，音乐播放器和Word都是进程。</p> </li> <li> <p>进程和线程的关系：一个进程可以包含一个或多个线程，但至少会有一个线程。</p> </li> </ul> <h3>创建一个线程</h3> <p><strong>方法一：</strong> 继承Thread类，重写run()方法，调用start开启线程</p> <pre><code>public class Demo04 extends Thread { // 继承Thread类 @Override public void run() { // 重写run方法 for (int i = 0; i &lt; 5; i++) { System.out.println("线程里的方法：" + i); } } public static void main(String[] args) { Demo04 demo04 = new Demo04(); demo04.start(); // 用start方法开启线程 // demo04.run(); // 这个就不会另外起一个线程 System.out.println("主线程中的方法"); } // start方法会产生主方法和另一个线程的方法同时执行，而直接调用run方法就会按原来顺序从上往下执行 } </code></pre> <p><strong>方法二(推荐)：</strong> 实现Runnable接口，创建线程对象，通过线程对象来开启我们的线程，代理</p> <pre><code>public class Demo05 implements Runnable { // 实现Runnable接口 @Override public void run() { for (int i = 0; i &lt; 5; i++) { System.out.println("线程里的方法" + i); } } public static void main(String[] args) { Demo05 demo05 = new Demo05(); // 创建线程对象 new Thread(demo05).start(); // 通过线程对象来开启我们的线程 // 重载方法：new Thread(实现Runnable接口的对象，线程的命名); System.out.println("主线程中的方法"); } } </code></pre> <h3>线程并发</h3> <ul> <li> <p><strong>并发</strong>：是指同一个时间段内多个任务同时都在执行，并且都没有执行结束。强调通过很小的时间片的切换对将程序交替执行，假象的并行效果。</p> </li> <li> <p><strong>并行</strong>：两个以上事件（或线程）在同一时刻发生，没有时间片的交换，跑在不同的CPU资源上，一般是多核</p> </li> </ul> <p>抢票实例：</p> <pre><code>public class Demo06 implements Runnable { private int TicketNum = 10; // 共同的抢票 @Override public void run() { while (TicketNum &gt; 0) { System.out.println(Thread.currentThread().getName() + "抢到了第" + (TicketNum--) + "张票"); // Thread.currentThread().getName()可以获取线程的名称; } } public static void main(String[] args) { Demo06 Ticket = new Demo06(); new Thread(Ticket, "1号线程").start(); new Thread(Ticket, "2号线程").start(); new Thread(Ticket, "3号线程").start(); } } // 有可能会出现抢同一张票的情况 // 发现问题：多个线程操作同一个资源的情况下，线程不安全，数据紊乱 </code></pre> <h3>静态代理</h3> <ul> <li> <p>优点：可以在不修改目标对象的前提下<strong>扩展</strong>目标对象的<strong>功能</strong>。</p> </li> <li> <p>操作步骤：</p> <ol> <li>先定义一个接口(有相应的方法)</li> <li>定义真实类和代理类，都要实现这个接口</li> <li>代理类中创建一个接口的属性，创建这个属性的构造函数</li> <li>主函数中代理类的构造函数传入一个实现接口的类/实例就可以实现代理的拓展功能</li> </ol> </li> </ul> <pre><code>public interface Marry { // 定义接口 void HappyMarry(); // 接口中的方法 } class You implements Marry { // 真实的类实现接口 @Override public void HappyMarry() { System.out.println("终于结婚了"); } } class WeddingHouse implements Marry { // 代理类，实现接口 private Marry target; // 定义一个接口的属性 public WeddingHouse(Marry target) { this.target = target; } @Override public void HappyMarry() { before(); // 对原来接口的扩充 target.HappyMarry(); // 原来接口的方法 after(); // 对原来接口的扩充 } private void after() { System.out.println("处理后事"); } private void before() { System.out.println("邀请嘉宾"); } } // 主函数中实现 public static void main(String[] args) { // 第一种，直接创建一个代理类的对象，并且在构造函数中传入实现接口的真实对象 WeddingHouse weddingHouse = new WeddingHouse(new You()); weddingHouse.HappyMarry(); // 第二种，直接调用隐士对象，就相当是new Thread(实现Runnable接口的对象).start(); new WeddingHouse(new You()).HappyMarry(); // 第三种，直接采用匿名内部类，直接进行输出代理拓展的内容 new WeddingHouse(new Marry() { @Override public void HappyMarry() { System.out.println("我也要结婚啦"); // 这里没有用真实的类，根据自己需求实现想要的功能 } }).HappyMarry(); } </code></pre> <h3>lambda表达式</h3> <p>函数式接口的定义：</p> <p>任何接口，如果只包含唯一一个抽象方法，那么它就是一个函数式接口。</p> <pre><code>public interface Runnable { public abstract void run(); } </code></pre> <p>对于函数式接口，我们可以通过lambda表达式来创建该接口的对象。</p> <p>实现：创建一个类，实现接口，通过接口创建属性就可以新建一个实现接口类的对象，调用实现的方法，或者式lambda表达式</p> <pre><code>interface Love { void iLove(); } class You implements Love { // 实现了接口 @Override public void iLove() { System.out.println("i love you "); // 重写方法 } } public static void main(String[] args) { Love love = new You(); // 新建一个接口的属性，创建一个实现类的对象 love.iLove(); // 通过实例来调用方法 Love love1 = new Love() { @Override public void iLove() { System.out.println("i love you 1"); } }; // 匿名内部类，不用实现类就可以直接通过接口进行方法的内部实现 love1.iLove(); Love love2 = () -&gt; System.out.println("i love you 2"); // lambda表达式对上面的简化，实质是一样的。不需要写new，也不需要写方法名（因为只有一个）;只有实现方法体 love2.iLove(); } // 如果有参数：Love love2 = (参数) -&gt; System.out.println("i love you 2"); </code></pre> <h3>线程的五大状态</h3> <p>含义：在Java程序中，一个线程对象只能调用一次<code>start()</code>方法启动新线程，并在新线程中执行<code>run()</code>方法。一旦<code>run()</code>方法执行完毕，线程就结束了（死亡的线程无法再次<code>start</code>）。因此，Java线程的状态有以下几种：</p> <ul> <li>New：新创建的线程，尚未执行；</li> <li>Runnable：运行中的线程，正在执行<code>run()</code>方法的Java代码；</li> <li>Blocked：运行中的线程，因为某些操作被阻塞而挂起；</li> <li>Waiting：运行中的线程，因为某些操作在等待中；</li> <li>Timed Waiting：运行中的线程，因为执行<code>sleep()</code>方法正在计时等待；</li> <li>Terminated：线程已终止，因为<code>run()</code>方法执行完毕。</li> </ul> <p>线程终止的原因有：</p> <ul> <li>线程正常终止：<code>run()</code>方法执行到<code>return</code>语句返回；</li> <li>线程意外终止：<code>run()</code>方法因为未捕获的异常导致线程终止；</li> <li>对某个线程的<code>Thread</code>实例调用<code>stop()</code>方法强制终止（强烈不推荐使用）。</li> </ul> <p>一个线程还可以等待另一个线程直到其运行结束。例如，<code>main</code>线程在启动<code>t</code>线程后，可以通过<code>t.join()</code>等待<code>t</code>线程结束后再继续运行。</p> <h3>线程方法</h3> <table> <thead> <tr> <th>方法</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td><code>setPriority(int newPriority)</code></td> <td>更改线程的优先级</td> </tr> <tr> <td><code>static void sleep(long millis)</code></td> <td>在指定的毫秒数内让当前正在执行的线程休眠</td> </tr> <tr> <td><code>void join()</code></td> <td>等待该线程终止</td> </tr> <tr> <td><code>static void yield()</code></td> <td>暂停当前正在执行的线程对象，并执行其他线程</td> </tr> <tr> <td><code>void interrupt()</code></td> <td>中断线程，<strong>别用这个方式</strong></td> </tr> <tr> <td><code>boolean isAlive</code></td> <td>测试线程是否处于活动状态</td> </tr> </tbody> </table> <h3>线程停止的方法</h3> <ul> <li>建议线程正常停止—&gt;利用次数，不建议死循环。</li> <li>建议使用标志位—&gt;设置一个标志位</li> <li>不要使用stop或者destroy等过时的方法</li> </ul> <pre><code>class ThreadStop implements Runnable { // 线程类 private boolean flag = true; // 提供线程体中的标识 public void run() { while (flag) { // 线程使用标识 System.out.println("Thread is running"); } } public void stop() { // 提供外部方法停止 flag = false; } public static void main(String[] args) { ThreadStop threadStop = new ThreadStop(); new Thread(threadStop).start(); for (int i = 0; i &lt; 999; i++) { if (i == 900) threadStop.stop(); // 调用线程类提供的公有方法 System.out.println("main is running"); } } } </code></pre> <h3>线程休眠</h3> <ul> <li>作用： <ul> <li>模拟网络延时，放大问题的发生性-&gt;（排查线程不安全）</li> </ul> </li> <li>每个对象都有一个锁，<code>sleep</code>不会释放锁</li> </ul> <h3>线程礼让</h3> <ul> <li>作用： <ul> <li>礼让线程，让当前正在执行的线程暂停，但不阻塞-&gt;(礼让一下，再竞争一次)</li> <li>将线程从运行状态转为就绪状态</li> <li>让CPU重新调度，<strong>礼让不一定成功</strong>！看CPU心情</li> </ul> </li> <li><code>yield</code>也不会释放锁</li> </ul> <h3>线程强制执行 join</h3> <ul> <li>可以将<code>join</code>想象成插队，插主线程，很霸道，但是对于两个并行的线程无法直接插队</li> </ul> <h3>线程的优先级</h3> <ul> <li>如果有些比较重要的代码，需要先跑，可以设置优先级，虽然设置优先级并不一定会一定在前面先执行，但是至少他所占有的机会会变大一点</li> <li>默认为5,最高的优先级为10，最低为1，超范围报错</li> <li>线程优先级的两个方法</li> </ul> <pre><code>setPriority(级别); // 设置线程优先级 getPriority(); // 获取线程的优先级 </code></pre> <h3>守护线程</h3> <ul> <li> <p>守护线程就像餐厅的服务员，而普通的用户线程就像是顾客，如果顾客都走光了，那么守护线程存在的意义也没有了，自然也会结束</p> </li> <li> <p>作用：</p> <ul> <li>常见的做法，就是将守护线程用于后台支持任务，比如垃圾回收、释放未使用对象的内存、从缓存中删除不需要的条目。</li> <li>咦，按照这个解释，那么大多数 <code>JVM</code> 线程都是守护线程。</li> </ul> </li> <li> <p>守护线程的方法：</p> </li> </ul> <pre><code>setDaemon(true) // 设置守护线程，注意，一定要在start方法之前设置守护线程； isDaemon() // 判断是否是守护线程 </code></pre> <h3>线程同步</h3> <p>形成条件：队列+锁</p> <h4>重点：synchronized到底锁的是谁</h4> <p>下面用一个实例来证明：</p> <pre><code>class Date { public void func1() { // 普通方法 try { Thread.sleep(3000); // 休眠3秒 } catch (InterruptedException e) { throw new RuntimeException(e); } System.out.println("1..."); } public void func2() { // 普通方法 System.out.println("2..."); } } public static void main(String[] args) { Date date = new Date(); new Thread(date::func1, "A").start(); // lambda表达式启动线程 try { Thread.sleep(1000); // 休眠1秒 } catch (InterruptedException e) { throw new RuntimeException(e); } new Thread(date::func2, "B").start(); // lambda表达式启动线程 } // 结果：1s后输出2...再过2秒后输出1... // 原因：两个都是新起的线程，没有相关的同步性，按程序顺序执行 // 2... // 1... </code></pre> <h5>锁方法</h5> <p><strong>普通方法：谁调用就锁谁</strong></p> <pre><code>public synchronized void func1() { // 把上面的修改为同步方法 public synchronized void func2() { // 把上面的修改为同步方法 // 结果：过了三秒同时输出,结果是先1...后2... // 原因，锁了这个方法，谁来调用就锁哪个对象，这里只有一个对象date,所以先启动A线程，然后过了sleep3秒(不放锁)，主程序的sleep1秒对这里没有影响，直接就已经包含在sleep的3秒内了，因线程同步，三秒钟后，等A的锁释放，B立刻拿锁，输出 // 1... // 2... </code></pre> <pre><code>public synchronized void func1() { // 把上面的修改为同步方法 public void func2() { // 普通方法 // 结果：1秒后输出2...再过2秒输出1... // 原因：B线程不是同步的方法，直接就是两个线程在跑 </code></pre> <pre><code>public static void main(String[] args) { // 新建两个Date()对象 Date date1 = new Date(); Date date2 = new Date(); new Thread(date1::func1, "A").start(); try { Thread.sleep(1000); } catch (InterruptedException e) { throw new RuntimeException(e); } new Thread(date2::func2, "B").start(); } public synchronized void func1() { // 把上面的修改为同步方法 public synchronized void func2() { // 把上面的修改为同步方法 // 结果：1秒后输出2...再过2秒输出1... // 原因：直接就是两个线程在跑，没有同步争夺资源 </code></pre> <p><strong>静态方法：锁定的是类</strong></p> <pre><code>public static void main(String[] args) { Date date1 = new Date(); Date date2 = new Date(); new Thread(() -&gt; { date1.func1(); }, "A").start(); try { Thread.sleep(1000); } catch (InterruptedException e) { throw new RuntimeException(e); } new Thread(() -&gt; { date2.func2(); }, "B").start(); } public static synchronized void func1() { // 变成了静态方法 public static synchronized void func2() { // 变成了静态方法 // 结果：过了三秒同时输出,结果是先1...后2... // 原因：虽然date1与date2是两个不同的对象，但是因为静态同步方法锁的是这个类，两个对象都是来自同一个类，所以存在线程同步的关系。 </code></pre> <h5>修饰代码块</h5> <p>可以锁各种东西，放什么锁什么</p> <pre><code>class Date2 { public void func() { System.out.println("start..."); try { Thread.sleep(1000); } catch (InterruptedException e) { throw new RuntimeException(e); } System.out.println("end..."); } } public static void main(String[] args) { Date2 date2 = new Date2(); for (int i = 0; i &lt; 5; i++) { new Thread(() -&gt; { date2.func(); }).start(); // 创建5个线程 } } // 结果：直接是5个start，1秒后输出5end // 原因：没有任何锁，直接是5个线程 </code></pre> <pre><code>// 只改变成同步代码块 public void func() { synchronized (this) { // 改成代码同步 System.out.println("start..."); try { Thread.sleep(1000); } catch (InterruptedException e) { throw new RuntimeException(e); } System.out.println("end..."); } } // 结果：在排队，交替输出start和end // 原因：这里this是这个Date2的对象，只有一个date2对象，变成了线程同步 </code></pre> <pre><code>public static void main(String[] args) { for (int i = 0; i &lt; 5; i++) { new Thread(() -&gt; { Date2 date2 = new Date2(); // 只改变每次创建的对象 date2.func(); }).start(); } } // 结果：在排队，交替输出start和end // 原因：虽然同步代码块修饰了这个类创建的对象，但这时候对象创建放在了循环里，相当每次创建不同的对象，那么每次调用func方法就是直接开启新线程，没有线程同步 </code></pre> <pre><code>synchronized (Date2.class) { // 改成代码同步锁这个类 // 结果：在排队，交替输出start和end // 原因：锁的是这个类，虽然创建的是5个不同的对象，但是都是同一个类，产生了线程同步 </code></pre> <h4>死锁</h4> <p>多个线程互相抱着对方需要的资源，然后形成僵持即一个线程可以获取一个锁后，再继续获取另一个锁。</p> <pre><code>public void add(int m) { synchronized(lockA) { // 获得lockA的锁 this.value += m; synchronized(lockB) { // 获得lockB的锁 this.another += m; } // 释放lockB的锁 } // 释放lockA的锁 } public void dec(int m) { synchronized(lockB) { // 获得lockB的锁 this.another -= m; synchronized(lockA) { // 获得lockA的锁 this.value -= m; } // 释放lockA的锁 } // 释放lockB的锁 } </code></pre> <p>解决方案：一个线程可以获取一个锁后，再继续获取另一个锁。</p> <p>那么我们应该如何避免死锁呢？答案是：线程获取锁的顺序要一致，一次只获得一把锁，避免一个线程同时获得两把锁</p> <h4>lock锁</h4> <p><code>lock</code>是显示锁，只能锁代码块</p> <p>好处：用<code>lock</code>，<code>jvm</code>将花费较少的时间调度线程，性能更好，可拓展性高</p> <pre><code>class TestLock implements Runnable { private int ticket = 100; private final ReentrantLock lock = new ReentrantLock(); // 可重入的锁，一定要记住这个方法，通过他的lock和unlock方法实现同步 @Override public void run() { while (true) { try { lock.lock(); // 在需要变化的地方设置锁 if (ticket &lt;= 0) { return; } else { System.out.println(ticket--); } } catch (RuntimeException e) { throw new RuntimeException(e); } finally { lock.unlock(); // 一般放在finally块里释放锁 } } } } </code></pre> <h3>线程协作</h3> <p>生产者消费者模型具体来讲，就是在一个系统中，存在生产者和消费者两种角色，他们通过内存缓冲区进行通信，生产者生产消费者需要的资料，消费者把资料做成产品。（是一种问题，不是设计模式）</p> <p>再具体一点：</p> <ul> <li>生产者生产数据到缓冲区中，消费者从缓冲区中取数据。</li> <li>如果缓冲区已经满了，则生产者线程阻塞。</li> <li>如果缓冲区为空，那么消费者线程阻塞。</li> </ul> <p>通过wait()和notify()方法，采用 <strong>阻塞队列</strong> 方式实现生产者消费者模式</p> <h4>管程法</h4> <pre><code>class Producer extends Thread { // 生产者 SynContainer Container; public Producer(SynContainer Container) { // 通过与消费者相同构造函数实现同一个线程 this.Container = Container; } @Override public void run() { for (int i = 0; i &lt; 100; i++) { Container.push(new Chicken(i)); System.out.println("生产力" + i + "鸡"); } } } class Consumer extends Thread { // 消费者 SynContainer Container; public Consumer(SynContainer Container) { // 通过与生产者相同构造函数实现同一个线程 this.Container = Container; } @Override public void run() { for (int i = 0; i &lt; 100; i++) { Chicken pop = Container.pop(); System.out.println("消费类" + pop.id + "只鸡"); } } } class Chicken { // 生产的对象 int id; // 对象id public Chicken(int id) { this.id = id; } } class SynContainer { // 同步容器，锁就是锁他，通过他来实现中间的桥梁，使两个线程跑在这个上，变成并发 Chicken[] chickens = new Chicken[10]; // 定义容器大小 int count = 0; // 记录生成的数 public synchronized void push(Chicken chicken) { if (count == chickens.length) { try { wait(); // 容器满了就会调用wait方法释放锁，让消费者先行 } catch (InterruptedException e) { throw new RuntimeException(e); } } chickens[count++] = chicken; this.notifyAll(); // 释放锁 } public synchronized Chicken pop() { if (count == 0) { try { wait(); // 没有消费对象的时候，就会wait释放锁，让生产者先行 } catch (InterruptedException e) { throw new RuntimeException(e); } } count--; Chicken chicken = chickens[count]; this.notifyAll(); // 释放锁 return chicken; } } public static void main(String[] args) { SynContainer synContainer = new SynContainer(); Producer producer = new Producer(synContainer); Consumer consumer = new Consumer(synContainer); producer.start(); consumer.start(); } // 结果：一个线程里，生产者与消费者正常是交错执行，如果满足了wait的条件，就释放了锁，给另外一方执行 </code></pre> <h3>线程池</h3> <p>思路：提前创建好多个线程，放入线程池中，使用时直接获取，使用完放回池中。可以避免频繁创建销毁、实现重复利用。类似生活中的公共交通工具。</p> <p>好处：</p> <ul> <li>提高响应速度（减少了创建新线程的时间）</li> <li>降低资源消耗（重复利用线程池中线程，不需要每次都创建）</li> <li>便于线程管理</li> </ul> <p>用法：</p> <pre><code>public static void main(String[] args) { // 1.创建服务，创建线程池 // newFixedThreadPool参数为：线程池大小 ExecutorService service = Executors.newFixedThreadPool(10); // 执行 service.execute(new 实现了Runnable接口的类); service.shutdown(); } </code></pre> https://210214.xyz/posts/git-config/https://210214.xyz/posts/git-config/Git常用配置和操作命令整理Mon, 20 Jun 2022 00:00:00 GMT<h2>1.初始化配置</h2> <pre><code>git config --global user.name "***" git config --global user.email "***" git config --global http.sslVerift false git config --list git config --global core.autocrlf true git config --global core.autocrlf input git remote add origin </code></pre> <h2>2.拉取代码</h2> <pre><code>git clone --recursive 'url' git pull </code></pre> <h2>3.分支操作</h2> <pre><code># 也就是说当前的你的分支如果有代码的话你创建的新分支是不干净的 git checkout -b '目录'/'分支名' git branch -a git checkout '需要切换的分支名称' git branch -d '删除分支名称' </code></pre> <h2>4.代码提交</h2> <pre><code>git add . git commit -m '分支名称' git diff git push git push -f </code></pre> <h2>5.配置代理</h2> <pre><code>[user] name = xxxx email = xxxxx@xxxx [http "https://github.com"] proxy = http://127.0.0.1:7890 [http "http://github.com"] proxy = http://127.0.0.1:7890 [credential "https://gitee.com"] provider = generic [http] sslverify = false </code></pre> <h2>6. gitignore规则</h2> <h3>语法</h3> <ul> <li><code>#</code>作为注释</li> <li><code>/</code>开头表示目录</li> <li><code>*</code>通配符</li> <li><code>?</code>匹配单个字符</li> <li><code>[]</code>包含单个字符的匹配规则</li> <li><code>!</code>忽略目录</li> </ul> <h3>用法</h3> <pre><code>*.txt ，*.xls 表示过滤某种类型的文件 target/ ：表示过滤这个文件夹下的所有文件 /test/a.txt ，/test/b.xls 表示指定过滤某个文件下具体文件 !*.java , !/dir/test/ !开头表示不过滤 *.[ab] 支持通配符：过滤所有以.a或者.b为扩展名的文件 /test 仅仅忽略项目根目录下的 test 文件，不包括 child/test等非根目录的 test 目录 </code></pre> <h3>.gitignore</h3> <p>有些时候我们不想把某些文件纳入版本控制中，比如数据库文件，临时文件等</p> <p>在主目录下建立".gitignore"文件，此文件有如下规则：</p> <ol> <li>忽略文件中的空行或以井号（#）开始的行将会被忽略。</li> <li>可以使用Linux通配符。例如：星号（*）代表任意多个字符，问号（？）代表一个字符，方括号 （[abc]）代表可选字符范围，大括号（{string1,string2,…}）代表可选的字符串等。</li> <li>如果名称的最前面有一个感叹号（!），表示例外规则，将不被忽略。</li> <li>如果名称的最前面是一个路径分隔符（/），表示要忽略的文件在此目录下，而子目录中的文件不 忽略。</li> <li>如果名称的最后面是一个路径分隔符（/），表示要忽略的是此目录下该名称的子目录，而非文件 （默认文件或目录都忽略）。</li> </ol> <pre><code>*.txt !lib.txt /temp build/ doc/*.txt </code></pre>