> 2021年06月28日信息消化 #### How to optimize images for website performance: image sizes, compression, tools & testing (updated for 2021) https://www.foregroundweb.com/image-size/ Website performance has become an essential SEO and user-experience factor in recent years, as connection speeds have greatly improved. Any long delays in page load times might cause your website’s visitors to lose interest and leave. ![The effect of page load times on bounce rates](https://raw.githubusercontent.com/Phalacrocorax/memo-image-host/master/uPic/stats-page-load-times-mobile-bounce-rate-740x517.png) **How do you know if your website has image-related performance problems?** Simply test your site with free tools like [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/) or [GTMetrix](https://gtmetrix.com/) or [Page Weight by imgIX](https://pageweight.imgix.com/), and you’ll probably see issues. What do you mean by “image size”? By “image size”, we’re referring to the **image pixel dimensions** (width and height in pixels), or the **image file size** (KB or MB). ##### a) Image sizes for full-width slideshows For full-width slideshows (that automatically stretch to the full size of the browser), I recommend going for **2560 pixels** in width, which is the standard resolution width for 27″ and 30″ monitors. ##### b) Gallery image sizes (and thumbnails that enlarge in a lightbox view) Since those images will open up in a full-screen view, I recommend sizing them to at least 1500 pixels (on the longest edge), so they look large enough on desktop and tablets. Vertical/portrait images can be even smaller, with a maximum height of 1200px (like 800×1200 pixels for a 2:3 vertical image, or 900×1200 pixels for a 3:4 vertical image). **In the end, the images on your site should not go beyond 500 KB (= 0.5 MB) in file size.** ##### c). Ideal sizes for blog images or other static images used in page layouts Armed with that knowledge (825 pixels in this example), you can now double that size to take into account retina screens (so 1650 pixels in width here). ##### Ideal image file types, quality & compression levels Once again, most people find 60% – 70% an acceptable compromise between image quality and file size. **In the end, the images on your site should not go beyond 500 KB (= 0.5 MB) in file size.** And always save JPG images in the sRGB color profile, which is what most browsers understand, to avoid any image color integrity issues. #### TCP vs UDP – Which Protocol is Faster? https://www.freecodecamp.org/news/tcp-vs-udp-which-is-faster/ ##### What is TCP? **TCP** is an acronym for **Transmission Control Protocol**. It is a transport layer protocol that **allows packets** to be sent from one location to another. TCP is a connection-oriented protocol, which means it establishes the connection before any communication between the network’s computer units. Because we use this protocol in conjunction with an IP protocol, we call it **TCP/ IP.** ##### What is UDP? **UDP** is an acronym for **User Datagram Protocol**. The User Datagram Protocol (UDP) is the most basic of the TCP/IP protocol suite’s Transport Layer communication protocols. It uses the bare minimum of communication mechanisms. ##### Use cases for TCP vs UDP TCP is used by HTTPS (HyperText Transfer Protocol Secure), HTTP (HyperText Transfer Protocol), SMTP (Simple Mail Transfer Protocol), FTP (File Transfer Protocol), and many others. UDP is used in Video Streaming, Video Calling, Voice over IP services (Call over the internet), DNS (Domain Name System), and so on. ##### Difference in Header Size TCP vs UDP ![img](https://raw.githubusercontent.com/Phalacrocorax/memo-image-host/master/uPic/Screenshot-2021-05-31-at-10.56.59-AM.png) 1. **Source Port** – indicates the source port on the sending device. 16 bits are reserved for it. 2. **Destination Port** – indicates the destination port on the receiving device. 16 bits are reserved for it. 3. **Sequence Number** – indicates the sequence number of the data segment in a session. 32 bits are reserved for it. 4. **Acknowledgment Number** – This number comprises the next sequence number of the data byte expected and serves as an acknowledgment of the previous data received when the ACK flag is set. 32 bits are reserved for this. 5. **Data Offset** – This field indicates the size of the TCP header (32-bit words) as well as the data offset in the current packet over the whole TCP segment. 4 bits are reserved for this. 6. **Reserved** – bits kept for future use and are set to 0 by default. 3 bits are reserved for this. 7. **Flags** – There is 1 bit reserved for various flags which help TCP check for various activities such as acknowledgments. 8. **Checksum** – This field contains the checksum. 9. **Urgent Pointer** – This specifies the data byte if the URG flag is set to 1. 10. **Options** – This specifies additional options which are not present otherwise in a regular header. ![img](https://raw.githubusercontent.com/Phalacrocorax/memo-image-host/master/uPic/Screenshot-2021-05-31-at-10.57.27-AM.png) 1. **Source Port** – indicates the source port on the sending device. 16 bits are reserved for it. 2. **Destination Port** – indicates the destination port on the receiving device. 16 bits are reserved for it. 3. **Length** – specifies the UDP packet’s entire length. It’s a 16-bit field with an 8-byte minimum value, which equals the size of the UDP header itself. 4. **Checksum** – The checksum value created by the sender before sending is stored in this field. This field is optional in IPv4, therefore if it contains no value, it is set to 0, and all of its bits are set to zero. #### Acknowledgment in TCP vs UDP In TCP, acknowledgment is sent to the sender on the data segment being received by the receiver. This ensures that the packet has been delivered to the receiver. If it receives no acknowledgment, it attempts a retransmission. This process makes TCP a lot slower compared to UDP. And remember that UDP doesn't send any acknowledgments. 在TCP中,确认被发送到发送方的数据段被接收方所接收。这确保了数据包已经送到了接收方。 如果它没有收到确认,它就会尝试重传。这个过程使TCP与UDP相比慢了很多。请记住,UDP并不发送任何确认信息。 ### Concentric Circle Spinner 原文:[Concentric Circle Spinner](https://frontend.horse/articles/concentric-circle-spinner/) CodePen: https://codepen.io/a-trost/pen/39fec2958bd904cf46cda888e8f250d1 ##### Nested Transforms - Pug flex嵌套 ```pug - things = 10 mixin thing(n) if n > 0 .thing +thing(n - 1) .things - i = 1 while i-- +thing(things) ``` - SCSS border-radius: 50%; -> 矩形border变为圆 ```scss * { margin: 0; padding: 0; box-sizing: border-box; } body { min-height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; } .thing { display: flex; justify-content: center; align-items: center; margin: 1px; border: 10px solid transparent; border-color: tomato transparent transparent tomato; border-radius: 50%; animation: thing 5s cubic-bezier(0.35, -0.14, 0.79, 1.22) infinite; } @keyframes thing { 100% { transform: rotateZ(1turn); } } ``` What makes the interior circle spin many more times than the exterior circle? I expected to see something in the SCSS that gave a slightly different transform based on the index of the element. Instead, all the circles have the same ‘thing’ animation applied, so how are they spinning at different rates? 是什么让内部的圆比外部的圆多旋转了许多次? 我期望在SCSS中看到一些东西,根据元素的索引给出一个稍微不同的变换。相反,所有的圆都应用了同样的 "东西 "动画,那么它们是如何以不同的速度旋转的呢? The key here is that the elements are all nested inside each other. 这里的关键是,这些元素都是相互嵌套的。 ##### Easing Notice how it goes below and above the bounds of the box. That’s what causes the ‘spring’ feel. It’ll overshoot its final state by just a little bit before ending. The shape of the ease is also the reason it loops so smoothly. Watch what happens when we stitch two instances of this ease back-to-back. 注意它是如何低于和高于盒子的界限的。这就是造成 "弹簧 "感觉的原因。在结束之前,它的最终状态会超标一点儿。 缓和的形状也是它如此顺利地循环的原因。请看当我们把这个自在度的两个实例背对背地缝合在一起时会发生什么。 ##### Border Trick There’s no rotation to start, so why are the circles seem to be rotated 45 degrees? Luke is doing this with `border-color: tomato transparent transparent tomato;`. If we remove `border-radius:50%` which makes it circular, it’s easier to tell that we’re only seeing the top and left border. 开始时没有旋转,那么为什么圆圈似乎被旋转了45度? 卢克是用`border-color: tomato transparent transparent tomato;`做的。如果我们去掉border-radius:50%,使其成为圆形,就更容易看出我们只看到了顶部和左侧的边界。 ### 其他值得阅读 #### The Tyranny of the Faceless Other 原文:[The Tyranny of the Faceless Other](https://sarvasvkulpati.com/blog/the-faceless-other) I think all these problems have their root in the same issue- **creating for an imaginary group of people.** You don’t know this crowd of people, and at best, have a vague idea of who they are and what they want. I call this group of people **‘the Faceless Other’**. The Faceless Other is a group of people you’ve invented in your head who are going to use or judge things you do. This group is vague, doesn’t have any clear objectives, and its size is unclear. It also goes by the names ‘other people’ or ‘potential users’. 我认为所有这些问题的根源在于同一个问题--**为一群想象中的人创作。**你并不了解这群人,最多只是模糊地知道他们是谁,他们想要什么。我称这群人为**'无面者'**。 无脸的他人是你在脑海中发明的一群人,他们会利用或评判你做的事情。这个群体是模糊的,没有任何明确的目标,其规模也不清楚。它也被称为 "其他人 "或 "潜在用户"。 The Faceless Other doesn’t have any real needs, problems or personality. It doesn’t give you any specificity about what to make. You can constantly shift the goalposts in your head, and because of that, you have no idea what features to focus on or what to write about, or what to edit out and what to emphasize. **When you create for the Faceless Other, you create for no one.** 无面者 "没有任何真正的需求、问题或个性。它没有给你任何关于要做什么的具体信息。你可以不断地在你的脑海中转移目标,正因为如此,你不知道该关注什么特征,该写什么,或者该编辑什么,该强调什么。当你为 "无面者 "创作时,你不为任何人创作。 I have a theory about why this performance culture is so prevalent- instead of worrying about the people in our 24 person tribe like we evolved to do, social media allows us to compare ourselves with the entire world. Every time we see someone on social media doing better than us, we’re hit with FOMO. Each scroll is a whisper in our head- ‘surely you could be doing better.’ Every action is now a performance that will increase or decrease our position on the global leaderboard. Eventually, we internalise this voice, constantly doubting whether actions will improve our standing, and create our Faceless Other. 关于这种绩效文化为何如此盛行,我有一个理论--与其像我们进化后那样担心我们24人部落里的人,社交媒体让我们与整个世界进行比较。每当我们在社交媒体上看到有人做得比我们好,我们就会被FOMO击中。每一次滚动都是我们脑海中的低语--"你肯定可以做得更好"。每一个行动现在都是一种表现,将增加或减少我们在全球排行榜上的位置。最终,我们将这种声音内化,不断怀疑我们的行动是否会提高我们的地位,并创造了我们的 "无面者"。 **If making for the Faceless Other produces confusion and anxiety, living for the Faceless Other will give you a confusing and anxious existence.** You won’t be able to discern what you want to do, or ever truly know whether what you did was valuable, because you’d always be worried about what ‘people’ will think. What will people think if we drop our degree to pursue our passion? What will people say if we work on that idea that ‘everyone’ laughed at? Your judgement will also be clouded, making you ask questions like - what should I study in university? What do I really want to do in life? 如果说为无面者制作会产生困惑和焦虑,那么为无面者生活会给你带来困惑和焦虑的存在。你将无法辨别你想做什么,也无法真正知道你所做的事情是否有价值,因为你总是担心 "人们 "会怎么想。如果我们放弃学位去追求我们的激情,人们会怎么想?如果我们致力于那个被'大家'嘲笑的想法,人们会怎么说?你的判断力也会被蒙蔽,使你问这样的问题--我在大学应该学什么?我在生活中真正想做什么? Any time you get confused about whether you’re hitting the mark, you’re getting swayed by the Faceless Other again. Ignore that voice, and get back to paying attention to what you, or what someone you know well wants. Create for that specific audience of one. 任何时候你对自己是否击中目标感到困惑,你就会再次被无脸的他人所左右。忽略那个声音,回到关注你或你熟悉的人想要什么。为那个特定的观众创作。 If you’re confused about what to do, you’re probably getting confused by the Faceless Other, and not listening to your own feelings. *You* have the answer to what you want to study, whether you should stay with those people, or whether you enjoy what you’re working on. 如果你对做什么感到困惑,你可能是被无脸的他人所迷惑,而没有倾听自己的感受。你有答案,你想研究什么,你是否应该和那些人呆在一起,或者你是否喜欢你正在做的事情。 Given that you now have a clear goal and no unnecessary extra work, you can focus your attention on the small details. Instead of treating what you’re doing like a product on an assembly line, you can treat it like a single piece of art, and add special touches that wouldn’t be possible at scale. You can follow your intuitions instead of your anxieties. Instead of a machinistic, static tool, it can be like a painting that grows with intention. 鉴于你现在有一个明确的目标,没有不必要的额外工作,你可以把注意力放在小细节上。与其把你正在做的事情当作流水线上的产品,你可以把它当作一件艺术品,并添加一些在规模上不可能实现的特殊修饰。你可以遵循你的直觉而不是你的焦虑。它不再是一个机械化的、静态的工具,而可以像一幅画,随着意图而成长。 And I promise, when you stop listening to the Faceless Other, life becomes a lot calmer. You aren’t as worried or anxious all the time, and your decisions are a lot easier. If I had to give a simple formula to convey, I’d say - pay attention to how you feel about things, not what the voice in your head tells you you’re supposed to care about. And then listen to those feelings. They’re smarter than you’d think. 我保证,当你不再听从无面者的意见时,生活会变得平静很多。你不再像以前那样一直担心或焦虑,你的决定也容易得多。如果我不得不给出一个简单的公式来传达,我会说--注意你对事情的感受,而不是你脑海中的声音告诉你你应该关心什么。然后听从这些感觉。它们比你想象的更聪明。 #### Size does matter: Fitt’s Law applied to design 原文:[Size does matter: Fitt’s Law applied to design](https://uxdesign.cc/size-does-matter-fitts-law-applied-to-design-77f7f04aee29) ##### The research behind Fitt’s law This mental model, researched first by Paul Fitt in 1954, eventually became one of the most studied models of human motion. He established that the time taken to move a point to a target is directly proportional to the size of the target, whereas it’s inversely proportional to the distance between the two. Moreover, faster movements and small targets are more prone to errors. Simply put, it is harder and more time-consuming to reach smaller targets with ease or precision. You can experiment with the idea of Fitt’s law model yourself. It would be best if you tried clicking the red circle as fast as possible with minimum errors. ##### 菲特定律背后的研究 保罗-菲特在1954年首次研究的这个心理模型,最终成为研究最多的人类运动模型之一。 他确定,将一个点移动到目标上所需的时间与目标的大小成正比,而与两者之间的距离成反比。此外,更快的运动和小目标更容易出现错误。 简单地说,要轻松或精确地到达较小的目标更难、更费时。 你可以自己尝试一下菲特定律模型的想法。如果你尝试尽可能快地点击红圈,并将误差降到最低,那将是最好的。 ##### How Fitt’s law is applied in product design 1. Pocket’s sign up button:When a user clicks on the “Sign up” button, the input fields for signing up show up in the same area as the sign-up button. 下一步的表单与上一步表单出现在相同位置。 iPhone’s power off slider-button: One might accidentally press the power button, but the phone asks the user to slide right to confirm their choice. Moreover 移动端:滑动确认代替按键。 Placing commands (close, shut down, etc.) on the corners/edges of the screens makes it easier to click on them and doesn’t require much precision since two adjacent edges (screen boundaries) prevent the cursor from moving elsewhere. The same doesn’t apply to mobile applications. Placing commands on mobile corners makes it harder to reach. This tactic is used in iPhone’s power off feature. One might accidentally press the power button, but the phone asks the user to slide right to confirm their choice. Moreover, it’s placed on the top of the screen, which requires effort to do so, thereby avoiding an accidental power off. However, the option to cancel it placed below, in the centre, requiring just a tap, making it easier to choose. Here is a research paper about how Fitt’s law can also be extended to gesture-based interactions. 将命令(关闭、关机等)放在屏幕的角落/边缘,使其更容易点击,并且不需要太多精确性,因为两个相邻的边缘(屏幕边界)可以防止光标移动到其他地方。这一点并不适用于移动应用程序。将命令放在移动的角落里,会使它更难到达。这种策略在iPhone的关机功能中被使用。 人们可能会不小心按下电源键,但手机会要求用户向右滑动以确认他们的选择。此外,它被放置在屏幕的顶部,需要努力去做,从而避免了意外的关机。 然而,取消的选项放在下面,在中央,只需要轻点一下,使其更容易选择。 这里有一篇关于菲特定律如何也可以扩展到基于手势的互动的研究论文。 ### Hack Your Neuroplasticity with These Three Tricks 原文:[Hack Your Neuroplasticity with These Three Tricks](https://pedramshojai.medium.com/hack-your-neuroplasticity-with-these-three-tricks-63a511f03d26) #### The Brain is a Four-Trick Pony 1. **New Synapses:** When you learn new things and have new experiences, the brain creates new connections between neurons. A synapse is what holds those connections together.新的突触。当你学习新事物和有新经验时,大脑会在神经元之间建立新的联系。突触是将这些连接连接在一起的东西。 2. **Neurogenesis:** This is when new neurons are created as a result of positive experiences, exercise, lowered stress, and other experiences. 神经发生。这是由于积极的经历、锻炼、降低压力和其他经验而产生的新神经元。 3. **Weakened Synapses:** When you are breaking a habit, the synapses that connect those neurons, making the undesirable behavior easy to repeat, grow weaker through disuse. 削弱的突触。当你要改掉一个习惯时,连接这些神经元的突触,使不良行为容易重复,由于不使用而变得越来越弱。 4. **Strengthened Synapses:** When are you building a habit, the synapses that connect those neurons, making the desired behavior easy and available, grow stronger. 强化的突触。当你养成一个习惯时,连接这些神经元的突触会越来越强,使所需的行为变得容易和可用。 ##### Intermittent Fasting When you [fast intermittently](https://pedramshojai.medium.com/try-fasting-for-your-gut-health-96e69a30226c) in a practiced, regular way, the body’s leptin levels are lowered. Leptin is a hormone that signals to the brain you’ve got enough stored fat, and this makes it so you’re not hungry. When leptin levels are lowered during fasting, the brain receives a signal to produce more energy, which then repairs cells and promotes neuron growth. Intermittent fasting also increases nerve growth *and* BDNF (brain-derived neurotrophic factor) growth, which allows those new neurons to connect to each other and form neural networks. 当你[间歇性禁食](https://pedramshojai.medium.com/try-fasting-for-your-gut-health-96e69a30226c)以一种实践的、有规律的方式,身体的瘦素水平会降低。 瘦素是一种向大脑发出信号的激素,你已经有足够的储存脂肪,这使你不饿。 当瘦素水平在禁食期间降低时,大脑会收到产生更多能量的信号,然后修复细胞并促进神经元生长。 间歇性禁食还能增加神经生长*和*BDNF(脑源性神经营养因子)的增长,这使得这些新的神经元能够相互连接并形成神经网络。 ##### Traveling Somewhere New **Zoom out:** In an evolutionary sense, the brain raises engagement in new surroundings. It wants to suss out danger, gain a spatial understanding of this unfamiliar place, feel delight and curiosity, and activate parts that may have been dormant in your normal spaces. **Zoom in:** New environments encourage the brain to create dendrites. Dendrites are dangling extensions of nerve cells, the ends of which connect to axons which form a synapse. Longer dendrites mean more neural networks become possible. Simply walking through a new park or down a new street or in a town you’ve never been to will have the same effect. 放大。从进化的角度来看,大脑在新的环境中会提高参与度。它想探寻危险,获得对这个陌生地方的空间理解,感到高兴和好奇,并激活可能在你的正常空间中休眠的部分。 放大。新环境鼓励大脑创造树突。树突是神经细胞的悬垂延伸部分,其末端与轴突相连,形成突触。更长的树突意味着更多的神经网络成为可能。 简单地走过一个新的公园或走过一条新的街道,或在一个你从未去过的城镇,都会有同样的效果。 ##### Using your Non-Dominant Hand Forcing your brain to perform familiar tasks with an unfamiliar tool (your non-dominant hand) can increase neuroplasticity by building up strength and dexterity where it wasn’t before. Typically, using the preferred or dominant hand engages the contralateral hemisphere of the brain, or the opposite side of the brain to the hand that you’re using. (Right hand, left side of the brain.) However, using the unfamiliar hand engages *both* hemispheres, including the ipsilateral hemisphere, or the same side of the brain to the hand that you’re using. It’s doing that work on a side of the brain typically neglected during motor functions of the hand. This means new neurons are growing, synaptic connections are strengthening, and neuroplasticity is advancing. The answer is simple: you stretch your brain, and you extend the scope of what’s possible. 迫使你的大脑用不熟悉的工具(你的非优势手)执行熟悉的任务,可以通过在以前没有的地方建立起力量和灵活性来增加神经可塑性。 通常情况下,使用首选的或主导的手会使大脑的对侧半球,或与你正在使用的手相反的一侧大脑参与。右手,大脑的左侧)。 然而,使用不熟悉的手会使两个半球都参与进来,包括同侧半球,或与你正在使用的手同侧的大脑。 它正在对通常在手部运动功能中被忽视的一侧大脑进行这种工作。这意味着新的神经元正在生长,突触连接正在加强,神经可塑性正在推进。 答案很简单:你伸展你的大脑,你扩展了可能的范围。 ### 5 Behaviors Mentally Strong People Don’t Tolerate 原文:[5 Behaviors Mentally Strong People Don’t Tolerate](https://blog.usejournal.com/5-behaviors-mentally-strong-people-dont-tolerate-7b502e7a88a) ##### 1: Being talked down to. At work: “I appreciate your patience while I learn these new skills.” “I always value the input of those more experienced than I am.” “It’s helpful to have these open dialogues while I continue to learn the ropes.” In your personal life: “I understand that you’re upset, but personal insults will not solve the problem any faster.” “I’m sure we can both agree that it’s important to remain respectful during conversations like this.” “Let’s focus on facing the issue together rather than the issue causing us to face each other.” ##### 2: Disrespect of your time. One of the clearest ways to show that you respect someone, is to respect their time. This is why being punctual is important to both dates and business meetings. You don’t know what this person has planned before or after their time with you, and honoring that time in the agreed upon manner is a great way of showing that you respect them. 表明你尊重某人的最明显的方式之一是尊重他们的时间。 这就是为什么守时对约会和商务会议都很重要。你不知道这个人在与你约会之前或之后有什么计划,以商定的方式尊重这个时间是表明你尊重他们的一个好方法。 Hence, needing to have *your* time respected in return. 因此,需要让你的时间得到尊重作为回报。 We’re all late sometimes. We all have emergencies come up sometimes — but if someone is *consistently* disrespecting your time, bailing on you, or always being late, they either don’t think you have anything else going on in your life or they’re too self-absorbed to even care. 我们有时都会迟到。我们有时都会有紧急情况出现--但如果有人一直不尊重你的时间,放弃你,或总是迟到,他们要么认为你的生活中没有其他事情发生,要么他们太自我陶醉,甚至不关心。 Either way, they’re not the types of people you need to be around. 无论哪种方式,他们都不是你需要在身边的那种人。 Obviously, some of these situations are harder than others. Perhaps you’ve got a high-paying client who’s always changing things around. If so, it’s important to set boundaries from the beginning of your business relationship. 显然,这些情况中有些比其他情况更难。也许你有一个高收入的客户,他总是在改变事情。如果是这样,从你们的业务关系开始就设定界限是很重要的。 ##### 3: Gossiping about others. Let me be clear — this is a point meant to preserve the integrity of those not present to defend themselves. Someone is talking trash at the water cooler, or on a date, or in the locker room, and it’s making you uncomfortable. 让我说清楚--这一点是为了维护那些不在场的人的诚信,为自己辩护。 有人在饮水机旁,或在约会中,或在更衣室里说垃圾话,这让你感到不舒服。 It’s also when we must remember that strong people stand up for themselves, but stronger people stand up for others. 这也是我们必须记住的时候,强者为自己站起来,但更强的人为他人站起来。 ##### 4: Manipulation. Manipulation can happen in any setting, personal or professional. Odds are, you know exactly when it’s happening, too. It’s just…not that big of a deal sometimes. Manipulation is not always something that starts out as being drastic or extreme. In some cases, it may not even be intentional. 操纵可能发生在任何场合,个人或职业。 很有可能,你也很清楚它是什么时候发生的。这只是......有时不是什么大问题。操纵并不总是一开始就很激烈或极端的事情。在某些情况下,它甚至可能不是故意的。 But, if someone intentionally or unintentionally begins to see that they can always “get their way” (you’ll fill in for them at work, you’ll make excuses for them, you’ll justify their bad behavior…) then certain personality types could take advantage of this (and you). Someone who recognizes their own self-worth will never allow manipulation on any level. 但是,如果有人有意或无意地开始看到他们总是可以 "得逞"(你会在工作中为他们补位,你会为他们找借口,你会为他们的不良行为辩护......),那么某些人格类型可能会利用这一点(和你)。 Consciously choosing to do something for someone is one thing — but feeling obligated because you may lose their “friendship,” or fall out of their good graces if you don’t do their bidding is a whole other scenario. 一个认识到自己的自我价值的人,绝不会允许在任何层面上的操纵。 有意识地选择为某人做某事是一回事--但如果你不听他们的吩咐,你可能会失去他们的 "友谊",或失去他们的好感,因此感到有义务,这是一个完全不同的情况。 Allowing yourself to be manipulated in small ways opens the door to the “ask” subsequently becoming larger each time around. What’s more, it puts you in a position of servitude when there should be equality of respect. 允许自己以小的方式被操纵,为 "要求 "打开了大门,随后每次都会变得更大。更重要的是,它使你处于一种奴役的地位,而这应该是平等的尊重。 ### READING LIST 原文:[READING LIST](https://thomasoppong.com/reading-list/) #### **[Surfing Uncertainty: Prediction, Action, and the Embodied Mind](https://www.amazon.com/Surfing-Uncertainty-Prediction-Action-Embodied/dp/0190933216) by Andy Clark** “We are not cognitive couch potatoes idly awaiting the next ‘input’, so much as proactive predictavores — nature’s own guessing machines forever trying to stay one step ahead by surfing the incoming waves of sensory stimulation”. “The idea that the brain is (at least in part, and at least sometimes) acting as some form of prediction engine has a long history, stretching from early work on perception all the way to recent work in ‘deep learning’. #### **[Surfing Uncertainty: Prediction, Action, and the Embodied Mind](https://www.amazon.com/Surfing-Uncertainty-Prediction-Action-Embodied/dp/0190933216) by Andy Clark** [Goodreads](https://www.goodreads.com/book/show/25823558-surfing-uncertainty) “We are not cognitive couch potatoes idly awaiting the next ‘input’, so much as proactive predictavores — nature’s own guessing machines forever trying to stay one step ahead by surfing the incoming waves of sensory stimulation”. “The idea that the brain is (at least in part, and at least sometimes) acting as some form of prediction engine has a long history, stretching from early work on perception all the way to recent work in ‘deep learning’. #### [The Pleasure of Finding Things Out: The Best Short Works of Richard P. Feynman](https://www.amazon.com/Pleasure-Finding-Things-Out-Richard/dp/0465023959) by Richard P. Feynman “We absolutely must leave room for doubt or there is no progress and there is no learning. There is no learning without having to pose a question. And a question requires doubt. People search for certainty. But there is no certainty. People are terrified — how can you live and not know? It is not odd at all. You only think you know, as a matter of fact. And most of your actions are based on incomplete knowledge and you really don’t know what it is all about, or what the purpose of the world is, or know a great deal of other things. It is possible to live and not know.” "我们绝对必须为怀疑留下空间,否则就没有进步,就没有学习。不提出问题,就没有学习。而问题需要怀疑。人们寻求确定性。但是没有确定性。人们被吓坏了--你怎么能活着而不知道呢?这一点都不奇怪。你只认为你知道,作为一个事实。而你的大部分行动都是基于不完整的知识,你真的不知道这一切是怎么回事,或者世界的目的是什么,或者知道大量的其他事情。活着而不知道是有可能的"。 #### [Figuring](https://www.amazon.com/Figuring-Maria-Popova-ebook/dp/B07D6BPV9B) by Maria Popova “The richest relationships are often those that don’t fit neatly into the preconceived slots we have made for the archetypes we imagine would populate our lives — the friend, the lover, the parent, the sibling, the mentor, the muse. We meet people who belong to no single slot, who figure into multiple categories at different times and in different magnitudes. We then must either stretch ourselves to create new slots shaped after these singular relationships, enduring the growing pains of self-expansion or petrify.” “Lives interweave with other lives, and out of the tapestry arise hints at answers to questions that raze to the bone of life: What are the building blocks of character, of contentment, of lasting achievement? How does a person come into self-possession and sovereignty of mind against the tide of convention and unreasoning collectivism? Does genius suffice for happiness, does distinction, does love?” #### [Great Thinkers: Simple Tools from 60 Great Thinkers to Improve Your Life](https://www.amazon.com/Great-Thinkers-thinkers-improve-Library/dp/0993538703/) by The School of Life “The great works of culture have it in their power to clear mental confusion, they give us words for things we had felt but had not previously grasped; they replace cliché with insight.” “Aristotle also observed that every virtue seems to be bang in the middle of two vices. It occupies what he termed ‘the golden mean’ between two extremes of character.” “The primary thing we need to learn is not just maths or spelling, but how to be good: we need to learn about courage, self-control, reasonableness, independence and calm.” #### **[The Laws of Human Nature](https://www.amazon.com/Laws-Human-Nature-Robert-Greene-ebook/dp/B07BJLX414) by Robert Greene** “You like to imagine yourself in control of your fate, consciously planning the course of your life as best you can. But you are largely unaware of how deeply your emotions dominate you. They make you veer toward ideas that soothe your ego.” “Learn to question yourself: Why this anger or resentment? Where does this incessant need for attention come from? Under such scrutiny, your emotions will lose their hold on you. You will begin to think for yourself instead of reacting to what others give you.” #### [Toward a Psychology of Being](https://www.amazon.com/gp/product/1627556222/), by Abraham H. Maslow “Every human being has both sets of forces within him. One set clings to safety and defensiveness out of fear, tending to regress backward, hanging on to the past, afraid to grow away from the primitive communication with the mother’s uterus and breast, afraid to take chances, afraid to jeopardize what he already has, afraid of independence, freedom and separateness. The other set of forces impels him forward toward wholeness of Self and uniqueness of Self, toward full functioning of all his capacities, toward confidence in the face of the external world at the same time that he can accept his deepest, real, unconscious Self.” #### [Reality Is Not What It Seems: The Journey to Quantum Gravity](https://www.amazon.com/Reality-Not-What-Seems-Journey/dp/0735213933/) by Carlo Rovelli “Things change only in relation to one another. At a fundamental level, there is no time.” “We are all in the depths of a cave, chained by our ignorance, by our prejudices, and our weak senses reveal to us only shadows. If we try to see further, we are confused; we are unaccustomed. But we try. This is science. Scientific” “The incompleteness and the uncertainty of our knowledge, our precariousness, suspended over the abyss of the immensity of what we don’t know, does not render life meaningless: it makes it interesting and precious.” ### 一点收获 - In the end, the images on your site should not go beyond 500 KB (= 0.5 MB) in file size. - Historian Barbara Tuchman once said this about the power of books: “**Books are the carriers of civilization"**. - "**Omnis**" is Latin for "every/all" and here suggests the integration of all [physical channels](https://en.wikipedia.org/wiki/Brick_and_mortar) (offline) and [digital channels](https://en.wikipedia.org/wiki/Ecommerce) (online) to offer a unified [customer experience](https://en.wikipedia.org/wiki/Customer_experience).[[1\]](https://en.wikipedia.org/wiki/Omnichannel#cite_note-1)[[2\]](https://en.wikipedia.org/wiki/Omnichannel#cite_note-2) According to *[Frost & Sullivan](https://en.wikipedia.org/wiki/Frost_%26_Sullivan)*, omnichannel is defined as "seamless and effortless, high-quality customer experiencesexperiencias that occur within and between contact channels"