https://popring.cn 探索、记录、分享 https://popring.cn/blog/web-animation-motion-basics Motion（曾叫 framer-motion）入门：从 React 状态变化出发，理解 initial / animate / transition、手势动画、AnimatePresence 离场动画、variants 编排和 layout 布局动画。 Mon, 27 Apr 2026 00:00:00 GMT https://popring.cn/blog/home-network-issues 只要保证两台路由器的 SSID（Wi-Fi 名称）、密码和协议完全一致，设备基本都能实现自动无缝切换。更关键的是让它们处于同一网段——这样切换时内网 IP 不变，体验才真正丝滑。 Fri, 20 Feb 2026 00:00:00 GMT https://popring.cn/blog/claude-md-skills-mcp-hooks-guide 背景 最近用 Claude Code 写了不少项目，发现很多人（包括早期的我）都搞不清楚：CLAUDE.md、Skills、MCP、Hooks 这几个东西到底是什么关系？什么时候用哪个？怎么把它们组合起来让 Agent 真正高效地工作？ 这篇文章用最通俗的方式讲清楚它们的区别、使用场景，以及如何用它们编排一个完整的 Agent 工作流。 Sun, 15 Feb 2026 00:00:00 GMT https://popring.cn/blog/what-is-vector-search 背景 最近面试了一位候选人，聊到了向量检索在组件库文档搜索中的实践。听起来很高级，但本质上是个很实用的技术。这篇文章用最通俗的话解释一下。 Sun, 08 Feb 2026 00:00:00 GMT https://popring.cn/blog/utm-tracking-guide 最近在整理公司的数据分析流程，发现一个老问题又冒出来了：UTM 参数乱打。 打开 Google Analytics 一看，utmsource 里同时存在 Facebook、facebook、fb、FB 四种写法，本来应该是同一个来源的数据，硬生生被拆成了四行。更离谱的是 utmcampaign 里有人写中文、有人写拼音、有人写英文，根本没法做归类分析。 所以决定整理一份 UTM 规范，方便团队统一 Sun, 25 Jan 2026 00:00:00 GMT https://popring.cn/blog/web-animation-css-basics 按属性回顾 CSS 动画 —— opacity、transform、transition、animation、@keyframes、clip-path —— 以及性能优化和无障碍的常用要点。 Fri, 02 Jan 2026 00:00:00 GMT https://popring.cn/blog/3d-threejs-tutorial course: threejs-journey book: discoverthreejs Mon, 02 Jun 2025 00:00:00 GMT https://popring.cn/blog/frontend-aop 关键词： AOP, DI, IoC Sun, 01 Jun 2025 00:00:00 GMT https://popring.cn/blog/seo-beginner-guide ahrefs 的 SEO 系列文章讲的挺好，推荐 英文：https://ahrefs.com/blog/how-do-search-engines-work/ 中文：https://ahrefs.com/blog/zh/how-do-search-engines-work/ google 文档：https://developers.google.com/search/docs/fundamenta Tue, 27 May 2025 00:00:00 GMT https://popring.cn/blog/best-way-out-of-dilemma 原文：How to Do Great Work 这篇文章探讨了当我们在学习、工作或创作中遇到瓶颈时，如何快速摆脱困境。作者分享了一种心理学驱动的策略，帮助人们在思维受阻时找到突破口。 Mon, 31 Mar 2025 00:00:00 GMT https://popring.cn/blog/2025-reading-notes 2025 年读书笔记 增长黑客 认知觉醒 GTD方法 Fri, 14 Mar 2025 00:00:00 GMT https://popring.cn/blog/geometry-life 转载自 丘成桐：我的几何人生 Sat, 04 Jan 2025 00:00:00 GMT https://popring.cn/blog/frog-sees-therapist 蛤蟆先生去看心理医生-豆瓣 《蛤蟆先生去看心理医生》的作者 罗伯特·戴博德 核心观点是： Sun, 10 Nov 2024 00:00:00 GMT https://popring.cn/blog/how-to-do-great-work 原文：How to Do Great Work Paul Graham 在《How to Do Great Work》这篇文章中探讨了如何创造出卓越的工作。他提出了一些关键理念，旨在帮助读者理解成就伟大工作的核心因素。以下是文章中的主要观点及其分析： Sun, 10 Nov 2024 00:00:00 GMT https://popring.cn/blog/how-to-learn-fast 原文：how-to-learn-stuff-quickly 总结文章《How to Learn Stuff Quickly》（如何快速学习） Fri, 01 Nov 2024 00:00:00 GMT https://popring.cn/blog/wildcard-guide 原文：https://www.computerhope.com/jargon/w/wildcard.htm Fri, 01 Nov 2024 00:00:00 GMT https://popring.cn/blog/modal-vue-react-comparison 该功能在Vue、React版本实现起来思路一致。 核心思路 使用一个函数，可以创建组件实例 将新创建的实例，挂载到 DOM 上 如果有特殊场景，需要将上下文进行绑定（本文内实现的暂未绑定上下文） TODO: ant-design 在新版本实现了可以绑定上下文的 hooks，Modal.useModal，具体还没细看👀，后续有空再看看。 Tue, 22 Oct 2024 00:00:00 GMT https://popring.cn/blog/skeleton-screen-optimization 背景 用户从输入 url 到打开页面，经历的步骤可以参考这里。现代前端应用程序通常使用 React、Vue、Angular、Solid 等框架进行开发，这些框架统一管理工程化内容。 这也导致了一个问题：通过这些框架开发的单页面应用（SPA）通常只包含一个

，而其余内容都是在后续脚本运行时动态渲染。这使得用户加载的 HTML 页面往往呈现为白屏，只有等到脚本解 Sun, 22 Sep 2024 00:00:00 GMT https://popring.cn/blog/keep-layout-on-route-change 最近在过 Next.js 文档 ，看到拦截路由这一章，感觉到惊喜（暂时没想到什么词可以形容了），这种设计在交互和代码上都着实可以称赞。同时联想了一下 Vue.js 如何实现。 举一个例子 路由定义 /photo : 图片列表 /photo/xxx : 具体某张图片的详情 在页面 /photo 单击图片时，路由发生变化，进入图片详情 /photo/123， 可以通过模态框( Modal )展示内容。 Tue, 18 Jun 2024 00:00:00 GMT https://popring.cn/blog/webpack-loader-optimization 一句话总结：通过配置 pitching-loader 实现按需打包，实现开发模式下打包加速。 Mon, 13 May 2024 00:00:00 GMT https://popring.cn/blog/passionate-contribution 本文摘录自是一位前辈的Blog 一般的生意人，都在反复评估，自己的贡献和回报的关系。如果贡献大于回报，就说是吃亏了。贡献小于回报，就说占了便宜。 Mon, 26 Feb 2024 00:00:00 GMT https://popring.cn/blog/2023-annual-review 2023 年度总结 凡事先从本质开始思考，然后再从本质一层层往回反推。在这样的思维模式下，你不会因为暂时的困难而对结果失去信心，也不会因为好高骛远而做出徒劳的努力——因为你非常清楚自己的目标是“第一原理”推导出的必然结果。这种理性的思维方式尤其值得我们学习。 —来自《硅谷钢铁侠：埃隆马斯克》 Sat, 17 Feb 2024 00:00:00 GMT https://popring.cn/blog/okr-intro https://baike.baidu.com/item/OKR Wed, 27 Dec 2023 00:00:00 GMT https://popring.cn/blog/six-thinking-hats 爱德华·德博诺提出的平行思维工具——用六种颜色的帽子代表六种思维模式，帮助我们跳出单一视角，系统地分析问题。 Wed, 27 Dec 2023 00:00:00 GMT https://popring.cn/blog/typescript-summary TypeScript 入门教程: github 10k star, author xcatliu. Wed, 27 Dec 2023 00:00:00 GMT https://popring.cn/blog/strengths-management 分为几个维度 | 自己知道 | 自己不知道 | | -- | -- | Sat, 23 Dec 2023 00:00:00 GMT https://popring.cn/blog/workplace-productivity-tools 这些工具都是我平时工作中经常用到的，可以帮助我们提高工作效率，提升工作质量。 Mon, 11 Dec 2023 00:00:00 GMT https://popring.cn/blog/rubiks-cube-tutorial 层先法七步还原三阶魔方 Mon, 06 Nov 2023 00:00:00 GMT https://popring.cn/blog/workplace-newcomer-guide 互惠原则：长期的关系基于互惠，而非短期利益 心里相容：尊重差异，互为对方所接受与认同 Sun, 15 Oct 2023 00:00:00 GMT https://popring.cn/blog/why-settimeout-delay 首先来解释下什么是 setTimout ：此函数是一个全局函数，可以用来设置一个定时器，在指定时间后触发回掉函数。 Sun, 18 Jun 2023 00:00:00 GMT https://popring.cn/blog/2022-annual-review 2022年度总结 Now I have come to the crossroads in my life, I always knew what the right path was. Without exception, I knew, but I never took it. You know why? It was too damn hard. 如今我走到了人生十字路口，我知道哪条路是对的 Sun, 19 Feb 2023 00:00:00 GMT https://popring.cn/blog/vpn-config-backup 找到host文件位置，window下位置如图所示，mac下host位置 /etc/hosts 。 Sun, 10 Jul 2022 00:00:00 GMT https://popring.cn/blog/2021-annual-review 2021年度总结 这是在我入职后，一位同事机缘巧合下送给我的一句话。 这个世界缺的不是完美的人，而是从心底给出的真心、正义、无谓与同情。 ---出自《无问东西》 这句话是我今年说的最多的口头禅，无论是对自己，还是对别人。 Everything will be okay in the end. If it's not okay, it's not the end. 一切都将会好起来的。 Sun, 02 Jan 2022 00:00:00 GMT https://popring.cn/blog/2020-annual-review 写这篇文章的时候，已经在2021年的七月份了，也是拖延了半年才终才想起来。 Fri, 02 Jul 2021 00:00:00 GMT https://popring.cn/blog/linux-practical-notes Linux入门时做的笔记， shell 相关笔记没有学完不全，以后有空继续学习。 主要为常规的一些命令、压缩打包、权限等。 Wed, 02 Jun 2021 00:00:00 GMT https://popring.cn/blog/14-javascript-functions 翻译自作者 bytefish 文章 You Must Understand These 14 JavaScript Functions Sat, 22 May 2021 00:00:00 GMT https://popring.cn/blog/replaced-vs-non-replaced-elements 浏览器根据元素的标签和属性，来决定元素的具体显示内容。 例如：浏览器会根据 标签的src属性的值来读取图片信息并显示出来，而如果查看(x)html代码，则看不到图片的实际内容； 标签的type属性来决定是显示输入框，还是单选按钮等。 (x)html中的、、、<select>、<object> 都是置换元素。这些元素往往没有实际的</description> <pubDate>Sun, 02 May 2021 00:00:00 GMT</pubDate> </item> <item> <title>GET 和 POST 请求有什么区别？</title> <link>https://popring.cn/blog/get-vs-post</link> <description>GET在浏览器回退时是无害的，而POST会再次提交请求。 GET产生的URL地址可以被Bookmark，而POST不可以。</description> <pubDate>Wed, 21 Apr 2021 00:00:00 GMT</pubDate> </item> <item> <title>HTTPS 握手过程详解</title> <link>https://popring.cn/blog/https-handshake</link> <description>客户端发起连接，提供协议版本号、随机数(Client random)、支持加密方法</description> <pubDate>Wed, 21 Apr 2021 00:00:00 GMT</pubDate> </item> <item> <title>从输入 URL 到页面显示发生了什么？</title> <link>https://popring.cn/blog/url-to-page-render</link> <description>大致分为以下几个过程 URL 解析 DNS 解析 TCP 握手 检查是否有缓存 构建 DOM 树，解析 html 构建 CSSOM 执行 JavaScript 代码 构建渲染树：根据 DOM 树和 CSSOM 生成渲染树 根据渲染树对每个节点布局在正确位置 对每个元素进行绘制</description> <pubDate>Sat, 06 Mar 2021 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（十二）</title> <link>https://popring.cn/blog/frontend-interview-daily-12</link> <description>RESTful API Vue 双向数据绑定原理 元素的 margin/padding 的百分比值 是基于父元素的宽度 ---</description> <pubDate>Sat, 20 Feb 2021 00:00:00 GMT</pubDate> </item> <item> <title>2021 春招前端面经</title> <link>https://popring.cn/blog/2021-spring-frontend-interview</link> <description>更多面经请移步：https://www.nowcoder.com/profile/464647589/myDiscussPost</description> <pubDate>Sat, 06 Feb 2021 00:00:00 GMT</pubDate> </item> <item> <title>Vim 常用命令速查</title> <link>https://popring.cn/blog/vim-cheatsheet</link> <description>vim 神器，依旧宝刀未老，用起来真香。</description> <pubDate>Tue, 02 Feb 2021 00:00:00 GMT</pubDate> </item> <item> <title>Vue 父子组件生命周期执行顺序</title> <link>https://popring.cn/blog/vue-lifecycle-order</link> <description>Vue官网找了一圈没找到关于在父组件中使用子组件，生命周期是如何运行的。 先说结论 父组件 beforeCreated、created、beforeMount 子组件 beforeCreated、created、beforeMount 、mounted 父组件 mounted 若使用 props 进行父子组件传值（若只进行自身组件数据进行维护，只会执行自身组件的生命周期函数） 父组件 before</description> <pubDate>Mon, 30 Nov 2020 00:00:00 GMT</pubDate> </item> <item> <title>LeetCode 70：爬楼梯</title> <link>https://popring.cn/blog/leetcode-70-climbing-stairs</link> <description>假设你正在爬楼梯。需要 n 阶你才能到达楼顶。 每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？ 注意：给定 n 是一个正整数。 示例 1： 输入： 2 输出： 2 解释： 有两种方法可以爬到楼顶。 1 阶 + 1 阶 2 阶 示例 2： 输入： 3 输出： 3 解释： 有三种方法可以爬到楼顶。 1 阶 + 1 阶 + 1 阶 1 阶 + 2 阶 2 阶 + 1 阶 来源：力</description> <pubDate>Sun, 08 Nov 2020 00:00:00 GMT</pubDate> </item> <item> <title>2020 秋招实习前端面经</title> <link>https://popring.cn/blog/2020-autumn-frontend-interview</link> <description>更多面经请移步：https://www.nowcoder.com/profile/464647589/myDiscussPost 个人校招面经 有些可能写的不全，没有及时总结（这是个坏习惯），有的只是总结了下个人回答的不太好的部分，仅供参考。</description> <pubDate>Sun, 01 Nov 2020 00:00:00 GMT</pubDate> </item> <item> <title>Go 语言入门笔记</title> <link>https://popring.cn/blog/go-beginner-notes</link> <description>天朝特殊环境，不得不配置为国内的源 打开终端并执行 go env -w GO111MODULE=on</description> <pubDate>Sat, 17 Oct 2020 00:00:00 GMT</pubDate> </item> <item> <title>v-if 和 v-show 有什么区别？</title> <link>https://popring.cn/blog/v-if-vs-v-show</link> <description>根据表达式的真假值来决定是否渲染，它会造成真实DOM元素的渲染和销毁。</description> <pubDate>Sat, 17 Oct 2020 00:00:00 GMT</pubDate> </item> <item> <title>visibility:hidden、display:none、opacity:0 有什么区别？</title> <link>https://popring.cn/blog/visibility-display-opacity</link> <description>结论 做了以下的实验，可以得出结论， visibility: hidden; 只是在视觉上隐藏，但没有影响布局，但绑定的事件也无法触发。 display:none; 元素被彻底隐藏，在页面上完全不显示，不占位，无宽高 opacity: 0; 只会修改元素透明度，并不影响布局及事件触发。</description> <pubDate>Fri, 16 Oct 2020 00:00:00 GMT</pubDate> </item> <item> <title>防止按钮重复点击的几种方案</title> <link>https://popring.cn/blog/prevent-button-double-click</link> <description>问题描述 当前端使用 ajax 提交一个表单时，因网络缓慢等原因导致数据没有及时返回数据，导致用户没有得到正确的提示，以为未点中提交按钮，进而在此点击提交按钮，进行提交数据（多半会重复多次点击） 解决方法 禁用按钮，并添加 loading 提示 移除点击事件 结合vue使用</description> <pubDate>Sat, 03 Oct 2020 00:00:00 GMT</pubDate> </item> <item> <title>好文推荐合集</title> <link>https://popring.cn/blog/recommended-articles</link> <description>职场效率法则 如何做一个有质量的技术分享 迄今为止最全的前端监控体系搭建篇(长文预警)</description> <pubDate>Sat, 19 Sep 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（十一）</title> <link>https://popring.cn/blog/frontend-interview-daily-11</link> <description>Object.keys 和 for...in 区别 异步编程的几种方式 load 事件 和 DOMContentLoaded 事件区别 箭头函数 for...of 和for...in ---</description> <pubDate>Sat, 08 Aug 2020 00:00:00 GMT</pubDate> </item> <item> <title>Mac 使用技巧汇总</title> <link>https://popring.cn/blog/mac-tips</link> <description>快捷键 brew iterm2 mac ---</description> <pubDate>Wed, 05 Aug 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（十）</title> <link>https://popring.cn/blog/frontend-interview-daily-10</link> <description>面向对象实现继承 HTTP 协议类 通信类 安全类 渲染机制类 提升页面性能 错误监控 ---</description> <pubDate>Sun, 02 Aug 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（九）</title> <link>https://popring.cn/blog/frontend-interview-daily-9</link> <description>CSS模型 - 标准盒模型和IE盒模型 - 设置两种模型 - 获取盒模型的宽高 - BFC DOM事件类 - DOM事件级别 - DOM事件模型 - 事件 捕获/冒泡 流程 - Event 事件 原型链类 - 创建对象的几种方法 - 原型、构造函数、原型链、实例关系 - instanceof 原理 - new 运算符 - 模拟 new ---</description> <pubDate>Sat, 01 Aug 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（八）</title> <link>https://popring.cn/blog/frontend-interview-daily-8</link> <description>display:none 和 visibilty: hidden 区别 ---</description> <pubDate>Thu, 30 Jul 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（七）</title> <link>https://popring.cn/blog/frontend-interview-daily-7</link> <description>统计文档内所有标签 三栏布局，高度已知，左右两栏各300px，中间自适应 ---</description> <pubDate>Mon, 27 Jul 2020 00:00:00 GMT</pubDate> </item> <item> <title>Git 入门教程（三）：代理配置</title> <link>https://popring.cn/blog/git-tutorial-3-proxy</link> <description>配置个信息 连接github 配置git代理：http、https、ssh ---</description> <pubDate>Mon, 27 Jul 2020 00:00:00 GMT</pubDate> </item> <item> <title>Git 入门教程（二）：进阶用法</title> <link>https://popring.cn/blog/git-tutorial-2-advanced</link> <description>官方中文文档 https://git-scm.com/book/zh/v2 推荐学习 git 小游戏 https://learngitbranching.js.org/ git 系列命令 温馨提示：文章内有大图，谨慎浏览 ***</description> <pubDate>Fri, 03 Jul 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（六）</title> <link>https://popring.cn/blog/frontend-interview-daily-6</link> <description>setState useEffect ***</description> <pubDate>Tue, 30 Jun 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（五）</title> <link>https://popring.cn/blog/frontend-interview-daily-5</link> <description>状态码304 原理 http1.0、http1.1和http2.0 ***</description> <pubDate>Mon, 29 Jun 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（四）</title> <link>https://popring.cn/blog/frontend-interview-daily-4</link> <description>为什么css放头部，script放底部 @import 的使用方式 flex-shrink a.x = a = {n:2} 问题 let 和 var 编程题 ***</description> <pubDate>Sun, 28 Jun 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（三）</title> <link>https://popring.cn/blog/frontend-interview-daily-3</link> <description>css 垂直水平居中 闭包 浏览器缓存相关 性能优化 ***</description> <pubDate>Fri, 26 Jun 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（二）</title> <link>https://popring.cn/blog/frontend-interview-daily-2</link> <description>css 盒模型 css 布局方式 跨域 前端安全（XSS、CSRF） 防抖和节流 <hr></description> <pubDate>Thu, 25 Jun 2020 00:00:00 GMT</pubDate> </item> <item> <title>前端面试刷题日记（一）</title> <link>https://popring.cn/blog/frontend-interview-daily-1</link> <description>BFC（块格式化上下文） 首页白屏 函数柯里化 bind、apply、call 如果阻塞了JS中的主线程会发生什么情况 浏览器和Node 事件循环机制区别 ***</description> <pubDate>Wed, 24 Jun 2020 00:00:00 GMT</pubDate> </item> <item> <title>em、rem 和 vw/vh 有什么区别？</title> <link>https://popring.cn/blog/em-rem-vw-vh</link> <description>前言 CSS的单位长度分为 绝对长度单位 相对长度单位 其中 绝对长度单位分为 cm（厘米）, mm（毫米）, in（英寸）. pt（点）, px（像素） 相对长度单位分为 em（父元素字体大小）, rem（根元素字体大小）, vw（视窗宽度）, vh（视窗高度） 大家都喜欢只对比 em 和 rem ，但 vw vh 也是属于绝对长度，并且也比较常用，所以这里我放在一起对比了。</description> <pubDate>Sat, 28 Mar 2020 00:00:00 GMT</pubDate> </item> <item> <title>React + TypeScript 项目重构记录</title> <link>https://popring.cn/blog/react-typescript-refactor</link> <description>先前的 小黄车后台管理系统 ，开发完成后，现看来，目录过于复杂，代码冗余，对强迫症的我来说，实属看不下去了，趁着过年有时间，使用 ts 进行了重构，并在之前的基础上对 react 和 typescript 有了进一步的理解。 参考了 github 的开源项目 react-admin，感谢大佬的代码，给了很多灵感。</description> <pubDate>Fri, 07 Feb 2020 00:00:00 GMT</pubDate> </item> <item> <title>CSS3 新特性总结</title> <link>https://popring.cn/blog/css3-new-features</link> <description>css3 新特性 scroll-behavior clip-path background-clip ::selection ::placeholder</description> <pubDate>Sat, 01 Feb 2020 00:00:00 GMT</pubDate> </item> <item> <title>Chrome DevTools 调试技巧</title> <link>https://popring.cn/blog/chrome-devtools-tips</link> <description>参考 掘金小册 和 chrome 官方文档，这些东西基本都过一遍有个印象就行，需要用的时候，再看也不迟。 简单列举，并不全面。</description> <pubDate>Wed, 29 Jan 2020 00:00:00 GMT</pubDate> </item> <item> <title>React + Antd 项目实战笔记</title> <link>https://popring.cn/blog/react-antd-practice</link> <description>Atwood 定律 Any application that can be written in JavaScript, will eventually be written in JavaScript. （任何能够用JavaScript实现的应用，最终都必将由JavaScript实现。） – Jeff Atwood 记录react学习进程，以及使用 antd 和 react 写 demo 时候遇</description> <pubDate>Sun, 26 Jan 2020 00:00:00 GMT</pubDate> </item> <item> <title>2019年度总结</title> <link>https://popring.cn/blog/2019-annual-review</link> <description>新的一年，应继续保持学习，计划 vue 深入学习，之前还是学习的不够深入 TypeScript 也应该入手了，都 0202 年了，总不能还不会 ts 吧 走进后端，koa, eggjs 等学一个 不挂科 不挂科 不挂科</description> <pubDate>Tue, 07 Jan 2020 00:00:00 GMT</pubDate> </item> <item> <title>PowerShell 常用命令速查</title> <link>https://popring.cn/blog/powershell-cheatsheet</link> <description>开启管理员模式 Start-Process powershell -verb runAs</description> <pubDate>Tue, 07 Jan 2020 00:00:00 GMT</pubDate> </item> <item> <title>Vue 入门学习笔记</title> <link>https://popring.cn/blog/vue-beginner-notes</link> <description>大致为一下几个方面 指令 生命周期函数 Watch computed filter 插槽 路由</description> <pubDate>Fri, 27 Dec 2019 00:00:00 GMT</pubDate> </item> <item> <title>Axios 使用指南</title> <link>https://popring.cn/blog/axios-guide</link> <description>axios使用总结 安装 推荐 yarn 或者 使用 npm</description> <pubDate>Tue, 10 Dec 2019 00:00:00 GMT</pubDate> </item> <item> <title>Vue 项目踩坑记录：Vue-cli 配置和 Vuex</title> <link>https://popring.cn/blog/vue-cli-vuex-pitfalls</link> <description>去哪儿网项目链接 Vue-cli 配置 Vue-cli 2.x 和 Vue-cli 3.x 配置webpack别名目录 alias vue-cli 2.x vue-cli 3.x 直接在项目根目录新建 vue.config.js</description> <pubDate>Sat, 28 Sep 2019 00:00:00 GMT</pubDate> </item> <item> <title>微信小程序开发踩坑指南</title> <link>https://popring.cn/blog/wechat-miniprogram-pitfalls</link> <description>Mini Program Notes 尺寸单位 - rpx和px rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。 | 设备 | rpx换算px (屏幕宽度/750) | px换算rp</description> <pubDate>Mon, 26 Aug 2019 00:00:00 GMT</pubDate> </item> <item> <title>Node.js 学习笔记</title> <link>https://popring.cn/blog/nodejs-notes</link> <description>早期在学习 node 时候，做的笔记。</description> <pubDate>Thu, 16 May 2019 00:00:00 GMT</pubDate> </item> <item> <title>C语言 第十章 文件操作</title> <link>https://popring.cn/blog/c-lang-ch10-file-io</link> <description>也称ASCII码文件，每字符占一个字节存储，每字节保存的是字符的ASCII码。可用文本编辑器打开查看，例如.txt、代码源程序.c、等等</description> <pubDate>Sat, 27 Apr 2019 00:00:00 GMT</pubDate> </item> <item> <title>C语言 第九章 结构体</title> <link>https://popring.cn/blog/c-lang-ch9-structs</link> <description>结构体类型，不占内存，不能保存数据； 内存空间，可以保存数据 struct stu</description> <pubDate>Sat, 30 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>C语言 第八章 指针（下）</title> <link>https://popring.cn/blog/c-lang-ch8-pointers-2</link> <description>如果要改变a, b的值，要使用指针指向a,b 输入两个数，如果第一个数大于第二个数，则交换两个数，否则直接输出</description> <pubDate>Wed, 27 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>C语言 第八章 指针（上）</title> <link>https://popring.cn/blog/c-lang-ch8-pointers-1</link> <description>内容可变，地址不可变 通过变量的地址 // 指针变量 int *p;</description> <pubDate>Tue, 26 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>C语言 第七章 函数</title> <link>https://popring.cn/blog/c-lang-ch7-functions</link> <description>C源程序有函数组成：一个main函数和若干个其他函数组成，main函数调用其他函数</description> <pubDate>Mon, 25 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>C语言 第六章 数组</title> <link>https://popring.cn/blog/c-lang-ch6-arrays</link> <description>// 定义数组的长度 int a[5]; // 数组也是变量，必须先定义，后使用，不能与其他变量名、数组名重名</description> <pubDate>Sun, 24 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>C语言 第五章 循环结构</title> <link>https://popring.cn/blog/c-lang-ch5-loops</link> <description>You are more powerful than any other person.</description> <pubDate>Sat, 23 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>C语言 第四章 选择结构</title> <link>https://popring.cn/blog/c-lang-ch4-selection</link> <description>Everthing ending is just a new beginning.</description> <pubDate>Fri, 22 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>C语言 第三章 顺序结构</title> <link>https://popring.cn/blog/c-lang-ch3-sequential</link> <description>You only get one shot, do not miss your chance to blow.</description> <pubDate>Thu, 21 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>C语言 第二章 数据类型和运算符</title> <link>https://popring.cn/blog/c-lang-ch2-data-types</link> <description>Good things are worth the wait.</description> <pubDate>Wed, 20 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>Git 入门教程（一）：基础操作</title> <link>https://popring.cn/blog/git-tutorial-1-basics</link> <description>官方中文文档 https://git-scm.com/book/zh/v2 查看远程仓库地址</description> <pubDate>Sun, 10 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>JS 中 substr、substring 和 slice 的区别</title> <link>https://popring.cn/blog/substr-substring-slice</link> <description>区别就是一个长一个短。皮一下，很开心。 注意： substr 官方不推荐不使用 substring是全小写，没有按照驼峰命名法来。方法都是不改变原字符串，调用方法后返回一个新字符串。</description> <pubDate>Sat, 09 Mar 2019 00:00:00 GMT</pubDate> </item> <item> <title>Hexo + NexT 主题搭建博客</title> <link>https://popring.cn/blog/hexo-next-blog-setup</link> <description>hexo 安装 使用 Next 主题 创建页面 本文无亮点，观看需谨慎。 最后想说，先去翻翻官方文档，再看第三方的，毕竟，官方的才正宗。</description> <pubDate>Fri, 01 Feb 2019 00:00:00 GMT</pubDate> </item> <item> <title>每周总结（二）</title> <link>https://popring.cn/blog/weekly-summary-2</link> <description>本周总结： Yarn 学习 Ajax 中 XHR 和 Fetch 的区别</description> <pubDate>Mon, 28 Jan 2019 00:00:00 GMT</pubDate> </item> <item> <title>每周总结（一）</title> <link>https://popring.cn/blog/weekly-summary-1</link> <description>>webpack 常用命令 >- webpack building for development >- webpack -p building for production, minification (压缩，打包) >- webpack --watch for continuous incremental building (监听变动并自动打包) >- webpack -d including</description> <pubDate>Sat, 26 Jan 2019 00:00:00 GMT</pubDate> </item> <item> <title>scrollTop 值为 0 等浏览器兼容问题</title> <link>https://popring.cn/blog/scrolltop-browser-compat</link> <description>自测有效果 IE: document.documentElement.scrollTop edge: document.body.scrollTop Firefox: document.documentElement.scrollTop</description> <pubDate>Fri, 19 Oct 2018 00:00:00 GMT</pubDate> </item> </channel> </rss>