-
密码保护：11 月工作汇报
-
密码保护：10 月份工作汇报
-
使用 WordPress 建设外贸站点的十大优势（持续更新）
建设一个外贸站点能够把设备卖出去一定是最重要的一点，那么使用 WordPress 建设独立站绝对是你的不二选择。
为什么要用 WordPress
为什么要用 WordPress 建设独立站，而不使用 Alibaba 或者 Amazon 这种大型在线电商平台，以下会通过是个要点去介绍为什么要做独立站。
优势一：命脉
无论是 Alibaba 亦或是 Amazon 都是一种在线平台，需要按照平台的规则去行事，并且持续成本很高，初期开设店铺就是一笔费用，后续维护店铺、做推广、订单抽成都是持续的成本支出。
那么独立站相对这种在线平台就可以说是当家作主了，WordPress 代码完全开源，站点完全归自己所有，没有高额的中间商订单百分比抽成，后续持续维护增加产品、修改页面内容等操作都是在线可视化编辑器操作，可以做到所见即所得，这是做 Alibaba 还是 Amazon 没有的体验。
优势二：维护成本
独立站可以做到1-3个人就可以完全管理并运营好， 一个 WordPress 外贸独立站日常需要操作的内容无非是管理产品和修改内容及图片，至于谷歌推广和 SEO 优化交给专业的团队操作即可，以下我会介绍如何管理产品和修改内容及图片。
产品管理
首先常规的 WordPress 的后台如下所示，栏目清晰简单，有些技术高超的 WP 工程师可以针对后台板式做一定修改，让其符合国人操作逻辑。
常规 WordPress 后台 下图就是产品上传的界面图。
产品上传首页面 
产品上传首页面 优势三：持续性成本
…
优势四：推广成本
…
-
十六进制颜色代码后两位代码
100% 00（全透明）
99% 03
98% 05
97% 07
96% 0A
95% 0D
94% 0F
93% 12
92% 14
91% 17
90% 1A
89% 1C
88% 1E
87% 21
86% 24
85% 26
84% 29
83% 2B
82% 2E
81% 30
80% 33
79% 36
78% 38
77% 3B
76% 3D
75% 40
74% 42
73% 45
72% 47
71% 4A
70% 4D
69% 4F
68% 52
67% 54
66% 57
65% 59
64% 5C
63% 5E
62% 61
61% 63
60% 66
59% 69
58% 6B
57% 6E
56% 70
55% 73
54% 75
53% 78
52% 7A
51% 7D
50% 80
49% 82
48% 85
47% 87
46% 8A
45% 8C
44% 8F
43% 91
42% 94
41% 96
40% 99
39% 9C
38% 9E
37% A1
36% A3
35% A6
34% A8
33% AB
32% AD
31% B0
30% B3
29% B5
28% B8
27% BA
26% BD
25% BF
24% C2
23% C4
22% C7
21% C9
20% CC
19% CF
18% D1
17% D4
16% D6
15% D9
14% DB
13% DE
12% E0
11% E3
10% E6
9% E8
8% EB
7% ED
6% F0
5% F2
4% F5
3% F7
2% FA
1% FC
0% FF（完全不透明）
————————————————
版权声明：本文为CSDN博主「Ang_qq_252390816」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/ezconn/article/details/90052114 -
密码保护：WordPress 开发手册
-
密码保护：WordPress 操作手册
-
CSS 渐变边框，采用阴影的形式
box-shadow: 0 2px 0rgba(54, 45, 89, 0.15),-0.125rem -0.125rem 0 0.125rem #f2b712,0 0 0 0.25rem #e1567c;
-
Node.js 图片转成 base64 格式【2022】
// 读取文件
const originLogo = fs.readFileSync('文件的路径');
// 转换格式
const logoDate = Buffer.from(originLogo, 'base64');
-
Safari 打开网站速度超慢【Google字体 – 原因之一】
此文章说明关于 WordPress 网站或其他类型的网站在 Safari 加载慢的解决方案之一。
检查网站是否加载了 Google 字体
通过 Chrome 的控制台中的网络选项卡查看，具体使用教程请看下方链接。
http://shouce.jb51.net/chrome/ping-gu-wang-luo-xing-neng/ping-gu-zi-yuan-jia-zai-shi-jian.html
替换 Google 字体
找到加载 Google 字体的文件，替换 googleapis.com 为 loli.net 即可。
loli.net 为烧饼博客作者制作，具体信息请查看以下链接。
-
浅谈 React Class 和 Hooks 的区别
组件形式
函数组件
React 可以直接写一个函数，接收一个唯一带数据的“props”对象并返回一个 React 元素，此为函数组件。
Class 组件
Class 组件是使用 ES6 的 Class 来定义组件，此两者等效。
必须确保所有 React 组件均为纯函数，不更改入参。
State（状态）
不要直接修改 state，直接修改并不会重新渲染，原因我猜是 React 无法监听单个对象的变更。
需要调用 React 提前预设好的 this.setState() 方法传入一个对象。
唯一可以给 state 赋值的地方就是 Class 的构造函数 constructor。
异步
setState 由于性能考虑，可能会将几个 setState 合并更新，那么就无法直接在传入的对象中使用 state，解决方案就是传入一个函数（可为箭头函数），state 和 props 作为第一二参数。
React Class 缺点
- 在组件中复用状态逻辑很难。
- 开发逻辑问题，相关的代码可能会被拆分到不同的方法中，导致逻辑混乱，在复杂组件中变得难以理解。
- class 难以理解，是学习 React 的一大障碍，需要理解 this 的工作方式，还不能忘记绑定事件处理器。
React Hook
useEffect
此函数的作用相当于将 componentDidMount 和 componentDidUpdate 合并，在第一次渲染和更新 DOM 后会执行。
使用 Hook 的规则
- 只能在函数最外层使用，不要在循环、条件判断或者子函数中调用。
- 只能在 React 的函数组件中调用 Hook
自定义 Hook
自定义 Hook 与其说是一个方法，不如说是一种约束，当一个函数以 use 开头是，React 就把这个函数当做一个自定义 Hook。
将逻辑相同的 state 提取到自定义 Hook 中，在不同的组件中调用此 Hook 即可。
