<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[服务好姐qa]]></title><description><![CDATA[没有梅花更美好]]></description><link>https://blog.youkuaiyun.com/henrypt</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; henrypt]]></copyright><item><title><![CDATA[Idempotency 幂等性 - 点赞和投票功能]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/156893952</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/156893952</guid><author>henrypt</author><pubDate>Tue, 13 Jan 2026 11:18:37 +0800</pubDate><description><![CDATA[Idempotency 幂等性; 如何验证点赞和投票功能的幂等性实现，确保同一操作不会重复执行.]]></description><category></category></item><item><title><![CDATA[自己写一个 Promise [myPromise.js]]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/156861010</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/156861010</guid><author>henrypt</author><pubDate>Mon, 12 Jan 2026 14:15:54 +0800</pubDate><description><![CDATA[这个实现已经覆盖了原生 Promise 的核心特性，在简单场景下可以正常使用，包括：这个自定义实现是「简化版」，与原生 Promise 存在诸多核心差异，这些差异导致它无法在生产环境中替代原生 Promise，具体如下：该自定义实现未覆盖原生 Promise 的诸多实用 API，无法满足复杂场景需求：原生 Promise 支持对同一个 Promise 实例多次调用  方法，所有回调都会按绑定顺序执行，且处理逻辑更严谨；
该自定义实现的  数组虽能存储多个回调，但在极端场景下（如快速多次绑定 、状态切换与回调]]></description><category></category></item><item><title><![CDATA[Blog-SSR 系统操作手册(v1.0.0)]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/156765605</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/156765605</guid><author>henrypt</author><pubDate>Fri, 09 Jan 2026 15:39:43 +0800</pubDate><description><![CDATA[本文档是 Blog-SSR 系统的完整操作手册，旨在帮助开发者从零开始搭建和运行整个博客系统。系统采用现代化的全栈技术栈，包含前后端分离架构、SSR优化、Docker容器化部署等特性。
技术栈: Express, Sequelize, MySQL2, Redis, JWT, Vue3, Vite, Element Plus, Pinia, Nuxt, Nginx.





方面
本地开发模式
Docker 开发模式




启动速度
~3秒 ⚡
~30秒 🐌


热重载
即时响应 ⚡
需要 v]]></description><category></category></item><item><title><![CDATA[[Vue]大屏界面自适应-transform: scale() translate(x, y)]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/127682154</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/127682154</guid><author>henrypt</author><pubDate>Fri, 04 Nov 2022 09:52:59 +0800</pubDate><description><![CDATA[[Vue]大屏界面自适应-transform: scale() translate(x, y)]]></description><category></category></item><item><title><![CDATA[npm 命令收集]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/89214602</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/89214602</guid><author>henrypt</author><pubDate>Thu, 11 Apr 2019 16:45:58 +0800</pubDate><description><![CDATA[npm -i 与npm install -s与-d的区别

npm i module_name -S = &gt; npm install module_name --save  写入到 dependencies 对象



npm i module_name -D =&gt; npm install module_name --save-dev 写入到 devDependen...]]></description><category></category></item><item><title><![CDATA[[Angular Material完全攻略] Day 32&33 - 自己的theme自己設計 & 其他CSS技巧]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/89214569</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/89214569</guid><author>henrypt</author><pubDate>Thu, 11 Apr 2019 16:45:30 +0800</pubDate><description><![CDATA[[Angular Material完全攻略] Day 32 - 雜項技巧(1) - 自己的theme自己設計



Angular Material內建了4種不同主題的theme，未來應該還會持續增加，但這些theme未必是我們喜歡的，而在Angular Material中，要設計自己的theme非常簡單，我們就來看看該如何做吧！

建立自己的theme

建立一個theme相關的scss檔

...]]></description><category></category></item><item><title><![CDATA[Angular的启动过程]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/89214516</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/89214516</guid><author>henrypt</author><pubDate>Thu, 11 Apr 2019 16:43:48 +0800</pubDate><description><![CDATA[下面就是Angular应用的启动过程

1.Angular应用在启动时首先会去angular-cli.json这个配置文件中去寻找要加载的页面和脚本。
默认是加载index.html和main.ts


2.然后去main.ts中找到声明指定的主模块，默认的主模块是app.module



3.然后去app.module中找到指定的主组件，默认的主组件是app.component

...]]></description><category></category></item><item><title><![CDATA[Angular4.x开发环境及项目创建 and Material使用---核心模块和共享模块 and 如何使用@angular/material]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/89214492</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/89214492</guid><author>henrypt</author><pubDate>Thu, 11 Apr 2019 16:43:10 +0800</pubDate><description><![CDATA[一.安装Node.js

  官方网址：https://nodejs.org/en/download/

  在命令行中输入：node -v和npm version验证版本



二.全局安装Angular CLI 脚手架工具

  安装cnpm

  国内直接装经常会出问题，所以设置为淘宝镜像地址会更好。

 npm install -g cnpm --regist...]]></description><category></category></item><item><title><![CDATA[Angular Material 教程之布局篇]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/89214435</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/89214435</guid><author>henrypt</author><pubDate>Thu, 11 Apr 2019 16:41:38 +0800</pubDate><description><![CDATA[【Angular Material 教程之布局篇 (一) : 布局简介】分享自@SegmentFault，传送门：https://segmentfault.com/a/1190000007215707

【Angular Material 教程之布局篇 (二) : 布局容器】分享自@SegmentFault，传送门：https://segmentfault.com/a/1190000007217...]]></description><category></category></item><item><title><![CDATA[使用angular + material 2 + flex-layout 开发项目]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/89214370</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/89214370</guid><author>henrypt</author><pubDate>Thu, 11 Apr 2019 16:40:32 +0800</pubDate><description><![CDATA[原文地址：https://marxjiao.com/2017/02/25/angular-material-flex/

最近在学习angular（这里指的是2.0以上的版本，官方说法angular 1.x叫做angularjs， 2.0以上的版本叫angular），试用了下material 2感觉官方文档中有些细节缺失。本文的旨在于记录搭建环境的过程和介绍一些官方未提到的细节。


TL;DR:...]]></description><category></category></item><item><title><![CDATA[angular/flex-layout---API概述]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/89214325</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/89214325</guid><author>henrypt</author><pubDate>Thu, 11 Apr 2019 16:39:09 +0800</pubDate><description><![CDATA[研究多天，代码在实际项目中不能工作，顾先放一边，开始使用bootstrap作为多浏览器兼容

在线演示地址：

https://css-tricks.com/snippets/css/a-guide-to-flexbox/



https://tburleson-layouts-demos.firebaseapp.com/#/docs





声明性 API 概述

From:http...]]></description><category></category></item><item><title><![CDATA[Angular 2 遇见的坑]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/89214209</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/89214209</guid><author>henrypt</author><pubDate>Thu, 11 Apr 2019 16:36:02 +0800</pubDate><description><![CDATA[1.npm install "@types/jquery" --save-dev





2. jquery的$不识别





3. index.html页面不识别引用过来的外部.css 和 .js 文件



解决方案：把对应的文件放到公网上，比如：&lt;link href="http://www.xxxx.cn/prebuilt-themes/indigo-pink.css" ...]]></description><category></category></item><item><title><![CDATA[AnguarJS 2.0学习 --- 基础知识笔记（1）基础框架里的文件]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/89214157</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/89214157</guid><author>henrypt</author><pubDate>Thu, 11 Apr 2019 16:34:43 +0800</pubDate><description><![CDATA[package.json





app.moudle.ts





angular.json





main.ts 负责NG应用的启动





NG的主要启动模块点：即bootstrapModule指定的模块AppModule, NG会先加载此模块, 并且看此模块还会依赖其他那些模块，我们来看看AppModule.ts














...]]></description><category></category></item><item><title><![CDATA[浅谈Vue下的components模板]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/89213350</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/89213350</guid><author>henrypt</author><pubDate>Thu, 11 Apr 2019 16:22:24 +0800</pubDate><description><![CDATA[组件

创建方式一：

HTML:&lt;div id="app"&gt;&lt;c1&gt;&lt;/c1&gt;&lt;/div&gt;

/*要注意,局部模板的作用范围 只在 相对的vue对象 范围内, 比如此例子 &lt;haha&gt;&lt;/haha&gt;的作用范围 只在 &lt;div id="app"&gt;&lt;/div&gt;内*/

let vm = new Vue(...]]></description><category></category></item><item><title><![CDATA[跟随屏幕滚动后固定导航到顶端]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/70670151</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/70670151</guid><author>henrypt</author><pubDate>Tue, 25 Apr 2017 09:08:31 +0800</pubDate><description><![CDATA[From: http://blog.youkuaiyun.com/zerlinda_c/article/details/50436920
在浏览网站的时候看到许多不错的效果，比如导航栏滚动一定距离后固定到某一位置。最近做手机端的页面比较多，就想如果多个导航栏叠加能否也将导航栏固定在不同位置呢？其实代码很简单，看一下实际效果：

　　　　　　　　

　　　　　　　　　　　　

　　思路很简单，首先]]></description><category></category></item><item><title><![CDATA[小米扫地机器人 改装加简单拖地功能]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/64432859</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/64432859</guid><author>henrypt</author><pubDate>Tue, 21 Mar 2017 09:14:45 +0800</pubDate><description><![CDATA[受网友启发，我到淘宝搜索到了科沃斯扫地机器人配件里面有半圆形的拖布，下面是链接，仅供参考。
青之旅专卖店 
复制这条信息，打开]]></description><category></category></item><item><title><![CDATA[40行代码内实现一个React.js]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/64428319</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/64428319</guid><author>henrypt</author><pubDate>Tue, 21 Mar 2017 07:42:01 +0800</pubDate><description><![CDATA[2017-03-20 胡子大哈 前端开发

来自：前端大哈 - 知乎专栏

作者：胡子大哈

链接：https://zhuanlan.zhihu.com/p/25398176（点击尾部阅读原文前往）



目录

1 前言

2 一切从点赞说起

3 实现可复用性

3.1 结构复用

3.2 生成 DOM 元素并且添加事件

4 为什么不暴力一点？

4.1 状态改变 -&gt; 构建新...]]></description><category></category></item><item><title><![CDATA[vue-cli-master 学习]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/62444258</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/62444258</guid><author>henrypt</author><pubDate>Fri, 17 Mar 2017 00:58:09 +0800</pubDate><description><![CDATA[学习曲线

开始使用 Vue，你使用的是熟悉的 HTML、符合 ES5 规则的 JavaScript（也就是纯 JavaScript）。有了这些基本的技能，你可以快速地掌握它(指南)并投入开发 。
Angular 2 的学习曲线是非常陡峭的。即使不包括 TypeScript，它的开始指南中所用的就有 ES2015 标准的 JavaScript，18个 NPM 依赖包，4 个文件和超过 3 千]]></description><category></category></item><item><title><![CDATA[npm 的Windows上更新到最新版本的方法]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/62443787</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/62443787</guid><author>henrypt</author><pubDate>Thu, 16 Mar 2017 21:16:42 +0800</pubDate><description><![CDATA[npm更新到最新版本的方法


打开命令行工具 npm -v 查看是否是最新版本


如果不是 运行npm i npm g 升级


打开C:\Users\用户名用户目录找到node_modules 文件夹下的npm文件夹，复制一份


打开node.js 安装目录 C:\Program Files\nodejs\node_modules，找到npm更改名字 粘贴到当前文件]]></description><category></category></item><item><title><![CDATA[深入理解javascript的function]]></title><link>https://blog.youkuaiyun.com/henrypt/article/details/61920530</link><guid>https://blog.youkuaiyun.com/henrypt/article/details/61920530</guid><author>henrypt</author><pubDate>Mon, 13 Mar 2017 16:59:20 +0800</pubDate><description><![CDATA[From: http://www.cnblogs.com/sharpxiajun/archive/2011/09/16/2179323.html]]></description><category></category></item></channel></rss>