JS判断是否是真实移动设备 要想判断真实的移动设备打开，而不是电脑模拟的移动设备打开，肯定不能通过userAgent判断，因为电脑开发工具可修改。 想到了Navigator的只读属性maxTouchPoints是返回当前设备支持的最大同时触摸接触点数。 一般电脑没有触摸接触点数，而电脑模拟的移动设备也只有一个，而真实的移动设备却是 3-4个，以此来判断是否是真实的移动设备。直接上代码const checkPhone = () => navigator.platform.indexOf('Mac') === navigator.platform.indexOf('Win') && navigator.maxTouchPoints && 2 < navigator.maxTouchPoints

惊雷？我惊了！！！ 2020-04-15 更新哈哈 惊雷被 Diss 了，歌词抄袭小说，伴奏也抄袭，果然大部分人的三观还是好的！最近喊麦好像又火了，一首惊雷，我给惊了！！！抖音刷到直接长按不喜欢一直不明白，喊麦咋火起来的，一直没弄懂。 看看《惊雷》歌词惊雷这通天修为天塌地陷我紫金锤紫电说玄真火焰九天悬剑惊天变 在我的印象中 喊麦就全是惊天变，斗帝王，已成仙，饮酒醉，成双对，再加双击评论666 能不能有点实际的记得有个朋友笑称喊麦就是快板儿清唱加了bgm ,我只想说 无论是快板还是RAP歌词都会有我一个明显的主题，或地区传统文化或咏情颂爱，而这个喊麦的主题是玄幻修仙小说？抽烟只抽炫赫门？ 我也不是排斥这种所谓的音乐形式，可是通篇歌词看完 我是这个表情 我就想问这喊麦到底是什么玩意儿，要说这词吧，除了押韵还有啥亮点，什么玄真火焰,紫金锤 还有之前的一人饮酒醉？幻想着自己当英雄当神仙呢？能不能不要活在自己世界里，出去走走，看看祖国大好河山，认清现实社会！我感觉，喊麦和直播有很大关系，是不是YY直播火了，但是直播没有代表的东西，那么缺少这个东西就得整一个，好了记得YY直播喊麦的还挺多！ 这么一说突然想起以前看到直播中的一句兄弟赴汤蹈火，战沙场！为兄弟倾家荡产在所不辞！算了，我还是笑笑走开吧！

FRP - 开源免费的在家办公内网穿透工具 疫情影响 ，隔离在家了，只能远程办公了 ！花生壳限制太多，就想到 用 FRP 自己搭建内网穿透工具，就弄个简单入门教程吧！很多宽带都没有公网IP(电信貌似申请可能会有，但我们公司没有) 了，如果你想家里或者公司的设备如 NAS、电脑可在外网访问，就只有内网穿透工具可以实现，市面上我知道有 花生壳，但免费的有2条穿透限制，还有流量限制（疫情期间无限制），如果你想更多，这时候你就需要自己搭建一个内网穿透了。 「Frp」是一个跨平台开源免费可用于内网穿透的高性能的反向代理应用，支持 tcp, udp 协议，为 http 和 https 应用协议提供了额外的能力你可以粗略理解它是一个中转站，帮你实现 公网 ←→ FRP(服务器) ←→ 内网 的连接，让内网里的设备也可以被公网访问到。你只需一台有公网IP的 VPS 服务器即可愉快地进行内网穿透，来让外网与你家内网建立起连接，实现远程访问！ 当然 FRP 还尝试性支持了点对点穿透功能,但限制较多这里不讨论！准备有公网IP的 VPS 服务器一台内网运行 Frp 的客户端的机器服务端VPS安装配置 Frp安装FRP 使用 Go 语言开发，可以支持 Windows、Linux、macOS、ARM 等多平台部署。FRP 安装非常容易，因为开源，只需到 Github 发布页 下载对应系统平台的软件包并解压就可用了（最新版本0.31.2）。我的是 linux 就以 linux 系统为例sudo mkdir -p /etc/frp cd /etc/frp sudo wget "https://github.com/fatedier/frp/releases/download/v0.31.2/frp_0.31.2_linux_amd64.tar.gz" sudo tar xzvf frp_0.31.2_linux_amd64.tar.gz sudo mv frp_0.31.2_linux_amd64/* /etc/frpFRP 默认提供了 2 个服务端配置文件，一个是简化版的 frps.ini，另一个是完整版的 frps_full.ini。简单只需用简版配置即可，在简版 frps.ini 配置文件里，默认设置了监听端口为 7000，你可以自己修改它。防火土啬和安全组开放指定的端口 服务器提供商一般有安全策略 ，只需开放你需要的端口启动 FRP 服务端./frps -c ./frps.ini配置内网的 Frp 客户端Frp 的客户端程序 frpc (frpc.exe) 与服务器端都在同一个压缩包里， 我们同样下载对应系统版本的软件包。 你可以将 Frp 客户端安装在内网的 Windows 电脑、Linux 设备或者 NAS，甚至部分路由器等设备上。Linux 客户端的安装和启动与服务器端没有太多区别，只是对应运行程序是 frpc 而不是 frps。 公司电脑是windows 所以下载软件包回来解压配置启动动前，我们需要先修改配置文件。我们以配置“Windows 远程桌面控制”以及“群晖 NAS 管理界面”为例，假设你的 FRP 服务端所在的 VPS 公网 IP 为 1.1.1.1， 而客户端是 Windows 电脑，我们来修改 frpc.ini 配置文件：[common] # server_addr 为 FRP 服务端 (VPS 服务器) 的公网 IP server_addr = 1.1.1.1 server_port = 7000 #开放的端口 [DSM] type = tcp local_ip = 192.168.1.100 #群晖 NAS 在局域网中的内网 IP local_port = 5000 remote_port = 7001 [RDP] type = tcp local_ip = 192.168.1.30 #想要访问的电脑在局域网中的内网 IP (如是本机，也可使用 127.0.0.1) local_port = 3389 remote_port = 7002[tip type="warning" title="注意"] 每个服务的 remote_port 是远程访问时要用到的端口号，注意这些端口号也要在服务器的防火墙和安全组里放行才能顺利访问的，如上面的 7001、7002。[/tip]启动 FRP 客户端假设你已将 Frp 的客户端解压缩到 D:\frp 目录中，那么启动 Frp 客户端的命令就是：D:\frp\frpc.exe -c D:\frp\frpc.ini如果linux 启动客户端打开客户端路径./frpc -c ./frpc.ini远程访问服务器和客户端都已配置启动完毕按照上面的配置，我们想要访问群晖 NAS 的界面，只需打开浏览器，在地址栏输入 服务器公网IP:7001 即可访问到群晖后台管理界面。而如果需要远程桌面连接到家里的 Windows 电脑，那么打开“微软远程桌面客户端”后，在地址栏里填入 服务器公网IP:7002 即可连接。这样你就能轻松在家访问公司的电脑和服务了！不止这些，你还可以用 Frp 来转发包括但不限于 ssh、http、https、转发 Unix 域套接字等服务。web服务穿透只需修改配置即可服务器在公网服务器的frps.ini中添加http服务配置如下：[common] bind_port = 7000 vhost_http_port = 6001 #新添加这行 同时放行端口只需要在之前的配置文件中添加上vhost_http_port = 6001,这个配置意思是让别人在访问我们的服务器6001端口时。frp将http请求转发到内网服务器客户端需要在frpc.ini中添加上如下内容：[web] type = http local_ip = 192.168.1.50 #内网 IP (如是本机，也可使用 127.0.0.1 或者这行不要) local_port = 80 custom_domains = yuye.fun[web]表示我们的配置是一个web服务type表示我们的请求方式是http方式local_ip 内网 IPlocal_port 表示我们的本地服务端口号为80custom_domains表示配置为一个域名(必填,并且需要域名可用,并且域名解析配置为服务器ip多个web服务客户端配置，添加多个[web]即可，注意不能重名，服务端不需要做任何修改，修改ftpc.ini内容如下[web01] type = http local_port = 80 custom_domains = yuye.fun [web02] type = http local_port = 8080 custom_domains = a.yuye.fun # 使用二级域名进行配置这样 访问 a.yuye.fun:6001 yuye.fun:6001最后疫情期间，Frp 带来的便利性是非常大的，特别是在家办公的用户 这只是最基础的教程，Frp 还有很多很多高级功能，Frp 官网上有详细的文档，感兴趣的可以去了解一下。出现Invalid Host header解决办法在本地的Vue-cli3项目, 如果出现 Invalid Host header 需要设置一下 vue-cli3中:// vue.config.js文件中 module.exports = { devServer: { disableHostCheck: true } }随着经济发展，市民的生活质素有所提高。很多市民为自己养的宠物加入扮靓行列，美容需求日渐增长，因此越来越多的人报读宠物美容课程。

Mac 软件安装提示文件已损坏解决办法 mac系统（10.12之后）默认没有了允许任何来源，想要打开的话，只需在终端输入如下命令：sudo spctl --master-disable当然如果为了安全考虑，你也可以在安装完了你需要的软件之后，重新关闭掉，命令如下:sudo spctl --master-enable

小白装机 《那你能帮帮我吗》单口相声专场 😂😂😂第一部分{bilibili bvid="BV17J411L7Rr" page=""/}第二部分{bilibili bvid="BV1TJ411j7xk" page=""/}第三部分{bilibili bvid="BV15J4115774" page=""/}

谈谈网易暴力裁员事件 前言11月23日，杭州。正当丁磊站在未来大会舞台上，大谈“数字经济”三大趋势时，一场舆论灾难正在悄然酝酿。 丁磊难以想象，来自总部底层员工的一声“呐喊”，似乎击穿了网易价值观的最后防线：身患癌症的员工，与市值近400亿美元的互联网巨头，就“暴力裁员”事件正式开撕！双方大篇幅阐述经过，内容却各执一词，所述大相径庭，这背后究竟发生了什么？看到文章也是愤怒 ，但是我也不过多评论，只想看看后续的真相，前面无论怎么说一切等待真相！看到知乎的一个回答，不是抨击给的只是建议，抨击对大公司来说真的公关就可以处理。建议能帮助自己能够远离甚至脱离这种困境一些建议要清醒的认清自己的位置中国的互联网公司，绝大部分是私人企业，他们所做的一切决策，无论打着什么样的旗号，都是为了一个目的：为股东负责，并让资本得到增殖。所以，他们会并购拆分、会扩张业务，也会招聘人才。对于我们大部分从业者而言，就是这一环环流程中的一个螺丝钉。我们付出劳动和时间，换取企业的报酬，仅此而已，不要给自己加戏。99.9%的互联网员工，并不是企业的主人，千万不要有主人翁意识，因为对于资方而言，他只希望你有“主人翁的责任”，但是不会给你“主人翁的权利”。我们普通员工，就是劳动者，打工仔，仅此而已。要清醒的认知“企业文化”几乎所有应届生新员工入职时，人力资源部门都会举办培训，比如新人见面会、入职培训等等。他们会在这个流程中，给员工灌输所谓的企业文化。无论什么企业，其文化都会号称一点：你要奉献，要努力，要负责，就一定会有回报。然而，在管理学当中，“企业文化”只是降低企业管理成本的一种工具，它只不过被资本精心包装成了一种精神和文化，其目的是让人相信资本的谎言，让人更容易服从管理，并且降低你的离职率、提升你的业绩，从而实现资本更快增殖的目的。所以，一定要认清楚这个事实，不要看见几个前辈在那里感恩戴德，感恩企业，哭着喊着要“以公司为家”，就真的信以为真了。为互联网企业工作，一定要以“个人”为中心这句话不是说要自私自利，损人利己，而是说，在“个人”和“公司”面前，一定要以“个人”权利为中心。比如在考虑是否跳槽的时候，比如在争取升职加薪的时候，以及在考虑是否加班的时候。因为你是属于你自己和你家人的，但绝大部分私人互联网公司，是属于股东和资本家的。有了第 1 点和第 2 点意识后，就很容易认同这一点。千万不要以牺牲自己健康的代价，去为公司谋利益。工作如果干不完，不要憋着委屈自己、强迫自己透支身体，一定要反馈，要说出来。因为你不反馈，你的领导和 HR 就会乐见你无私奉献，只有你反馈了，而且反馈的多了，他们才会考虑增加人手，再招聘人来干活。会哭的娃才有奶喝，虽然不是每次哭都有奶，但是你不哭，就一定不会有奶。以上逻辑只有一种场景不成立，那就是你的额外付出 ，有可能换回极高的额外回报预期。但这种场景非常少，而且你认为的“预期”，往往是被管理者塑造出来的假象。认清楚 HR、老板、和员工之间的关系很多时候，HR 只是老板转移矛盾的一种工具。这篇文章下面，很多人骂 HR，他们当然该骂，但并非问题核心。HR 采用很暴力、刻薄的手段辞退员工，很大可能是因为老板把“裁退员工、且以最低的成本”纳入了 HR 的 KPI 中，所以 HR 才有动力做这种无良的事情。这样一来，事情表现得就像是 HR 和员工之间的矛盾了，可这个事件本质上，是逐利的资本和员工之间的矛盾。资本家企图通过管理手段，把矛盾隐形化，并转移出去。我们不能上当。HR 该骂，但是矛盾的核心，一定要认准。如何对待工作工作当然要努力，但努力是为了自己，而非公司。当自己的工作量明显超负荷的时候，一定要自己给自己解压，要学会“假装很忙”，要懂得怎么在工作时间给自己放松，并且还显得自己非常忙碌。其实一个人在职场的成长是否顺利，只有很小一部分取决于个人的努力程度，更大部分是取决于行业整体的发展趋势、公司整体的发展趋势、以及运气。可很多年轻人脑子总是转不过弯来 ，总是有学生思维，觉得工作也像学习一样，一份努力一份回报，这实在是非常幼稚的想法。说一句不太好听的实话：工作中绝大部分你认为的努力，只不过是为了领导的一个错误决定，而买单。工作不是考试，不是打怪升级。在今天这样的互联网大环境下，同样一份职位，你干 9 分和干 6 分，差距真的不会特别大。造成人和人的差距的最主要原因，是选择、时机和运气。选对了一个好公司，进入了一个有前途的业务团队，比什么都强，但这基本都是不可控的。所以相信我，99%的互联网企业，不值得你真的投入 9 分的精力。如果你精力确实太多了，那就用在这些方面：与其他行业、其他公司的人交流，开阔自己的眼界；多积累人脉和资源，为自己准备 plan B；多看看外面的世界，增大自己抓住风口的可能；积累一份有潜力的副业，提升安全感；坚持锻炼身体。以上这一切我都明白，但是应该怎么做呢不建议直接表达出来，更不建议直接把这篇文章转载到公司群里。要学会表演：虽然我内心清楚这一切，但是并不妨碍我表演得爱公司、爱工作。那些资本家不也如此行事的吗，他们内心都知道自己和员工的关系是什么，也都知道 996 的本质其实就是剥削，但这并不妨碍他们在公开场合大讲空话、假话。但是，我们一定要发出自己的声音，这既是我们的权利，更是为了避免自己成为下一个受害者。我们可以把这些讯息传到私人群里，可以在各种社交网络和媒体平台上表达自己的立场。很多事情，是量变引起质变的，是靠自己的争取换来的。好比这一次 WY 的事件，我相信舆论起来后，肯定会有利于劳动者的措施出来，起码这一位 WY 员工会得到自己应有的补偿，这就是依靠我们普通劳动者的争取换来的。我记得几年前，那时候还是全民信仰 996 的时代，你要说一句反对 996，那一堆帽子就扣过来了。但是今天，风气和舆论明显改变了，但这种改变还远远不够。我相信不久的将来，会有实质性的变化出现。以上就是我从事多年互联网行业后，给出的全部建议。建议感受征得作者（知乎 李小粥）的同意转载自此最后希望大家一切安好，身体健康

从一个文字渐变引发的一系列问题 前言事件的起因是朋友给我发的一个微信当时就奇怪字体跟数据绑定有啥关系，处于好奇我让他写个 demo 给我看看 ，然后他发来一个代码文件代码精简如下<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Demo</title> <style> body { font-size: 40px; } .time1 { display: inline-block; background: linear-gradient(to right, #a6ffcb, #1fa2ff); -webkit-background-clip: text; color: transparent; } </style> </head> <body> <div id="app"> <div class="time1">{{ time }}</div> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"></script> <script> new Vue({ el: "#app", data: { time: new Date().toLocaleString() }, methods: { updateTime() { this.time = new Date().toLocaleString(); } }, mounted() { setInterval(this.updateTime, 1000); } }); </script> </body> </html>发现在浏览器下时间并不会改变 ，当我在控制台把颜色注释掉后，发现数据是改变的，这就奇怪了呀！ 这里我就试了下 另一种渐变样式写法知识拓展：css 文字渐变一些方法background 属性这种我不细说了 也很好理解 可以看上面代码实现方式mask 属性<style> .time2 { position: relative; color: #a6ffcb; } .time2:before { content: attr(time); position: absolute; z-index: 10; color: #1fa2ff; -webkit-mask: linear-gradient(to left, #1fa2ff, transparent); } </style> <div class="time2" time="time">我是渐变文字</div> :before 选择器向选定的元素前插入内容。使用 content 属性来指定要插入的内容。mask 属性让元素的某一部分显示或隐藏第一个：content 取值 attr 就是用来获取属性值的，content:attr(属性名)content: attr(time); 能获取到元素的 time 属性，这里的这个 time 属性是自己自定义的一个属性，随便写<h1 date="前端简单说">前端简单说</h1>然后content属性 这样写，content: attr(date); 同样是可以起作用的。第二个：mask 属性 允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。详情可看https://developer.mozilla.org/zh-CN/docs/Web/CSS/mask回归问题我们试试另一种情况会不会出现不渲染情况<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Demo</title> <style> body { font-size: 40px; } .time1 { display: inline-block; } .time1 { background: linear-gradient(to right, #a6ffcb, #1fa2ff); -webkit-background-clip: text; color: transparent; } .time2 { position: relative; color: #a6ffcb; } .time2:before { content: attr(time); position: absolute; z-index: 10; color: #1fa2ff; -webkit-mask: linear-gradient(to left, #1fa2ff, transparent); } </style> </head> <body> <div id="app"> <div class="time1">{{ time }}</div> <div class="time2" :time="time">{{ time }}</div> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"></script> <script> new Vue({ el: "#app", data: { time: new Date().toLocaleString() }, methods: { updateTime() { this.time = new Date().toLocaleString(); } }, mounted() { setInterval(this.updateTime, 1000); } }); </script> </body> </html>看下效果我当时的表情我想到了是不是浏览器重排和重绘的问题知识拓展：浏览器重排和重绘我们了解下重排和重绘浏览器编译页面分为 5 步处理 html 生成 DOM（Document Object Model） Tree处理 css 生成 CSSOM（CSS Object Model） TreeDOM 树与 CSS-DOM 树合并为 Render 树对 Render 树进行布局计算遍历 Render 树的每一个节点绘制到屏幕重绘与重排概念当 DOM 变化影响了元素的几何属性（宽、高改变等等），浏览器此时需要重新计算元素几何属性，并且页面中其他元素的几何属性可能会受影响，这样渲染树就发生了改变，也就是重新构造 RenderTree 渲染树，这个过程叫做重排（reflow）如果 DOM 变化仅仅影响的了背景色等等非几何属性，此时就发生了重绘（repaint）而不是重排，因为布局没有发生改变页面布局和元素几何属性的改变就会导致重排下列情况会发生重排：页面初始渲染添加/删除可见 DOM 元素改变元素位置改变元素尺寸（宽、高、内外边距、边框等）改变元素内容（文本或图片等）改变窗口尺寸不同的条件下发生重排的范围及程度会不同某些情况甚至会重排整个页面，比如滑动滚动条以下属性或方法会刷新渲染队列(offsetTop、offsetLeft、offsetWidth、offsetHeightclientTop、clientLeft、clientWidth、clientHeightscrollTop、scrollLeft、scrollWidth、scrollHeightgetComputedStyle()（IE 中 currentStyle）)再次回归问题这边时间文字改变了，但文字大小没变，我感觉按道理应该没有触发重排从而使背景色没有改变 ，那我试试改变文字大长度试试效果如下发现确实，文字长度没变，第一个不会重新渲染，长度一旦发生改变，第一个才会改变渲染，而第二个一直在渲染问题好像突然找到原因了，但我又无意发现新的问题新的问题<!DOCTYPE html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Demo</title> <style> body { font-size: 40px; } .time1 { display: inline-block; } .time1, .time3 { background: linear-gradient(to right, #a6ffcb, #1fa2ff); -webkit-background-clip: text; color: transparent; } .time2 { position: relative; color: #a6ffcb; } .time2:before { content: attr(time); position: absolute; z-index: 10; color: #1fa2ff; -webkit-mask: linear-gradient(to left, #1fa2ff, transparent); } </style> </head> <body> <div id="app"> <div class="time1">{{ time }}</div> <div class="time2" :time="time">{{ time }}</div> <div> <span class="time3">{{ time }}</span> </div> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"></script> <script> new Vue({ el: "#app", data: { msg: "Hello", time: new Date().toLocaleString() }, methods: { updateTime() { this.time = new Date().toLocaleString(); } }, mounted() { setInterval(this.updateTime, 1000); } }); </script> </body> </html>当我改变 dom 结构发现又好了效果如下好了 我彻底呆了最后最后我也没搞明白，不过为了保险起见以后类似这种还是用第二种渐变样式吧！

谈谈如何给项目起个好名 最近有个朋友做一个开源项目，想叫我去取个名字 。我想:我擦！这还不简单 哈哈那就说说我咋取名字的 😊😊Google Translate项目名 肯定英文 但英文这么烂，自己肯定不会。Google Translate 啊，输入普通的中二短语，然后翻译成德语啊，拉丁语啊，希腊语啊之类的小语种。魔兽世界角色名魔兽系列角色列表动漫角色想想最近看啥动漫，里面的角色名字动物俗名和拉丁文学名动物俗名和拉丁文学名你会发现 python 也在里面 😂最后我找了个 nubes 给他 ，至于他用不用，我就不管了 😂

各类视频解析 已停止服务

这辈子，你所遇见的每个人，都早已经注定 转自 学美文网1我们这辈子， 遇见过很多人， 有些人，一旦遇见就是一生， 有些人，相遇后又各奔东西， 人生中， 你所遇见的每个人， 都是注定的！ 这辈子，你所遇见的每个人，都早已经注定2缘分这东西很奇妙， 拒绝不了，勉强不得， 来了挡不住， 走了留不住， 缘深缘浅，早有安排， 缘聚缘散，命中注定！ 网上流行的一句话很对， 若无相欠，怎么会相遇？ 这世间，所有的相遇，都是久别重逢，前世有缘，今生才相遇，前世相欠，今生来还债。这辈子，你所遇见的每个人，都早已经注定3这世上，没有无缘无故的相遇，也没有毫无意义的出现，无论你遇见谁，都会有不一样的收获。当你遇见伤害你的人，别难过，因为他教会了你防人之心不可无，当你遇见离开你的人，别气愤，因为他让你成长，变得更加坚强，当你遇见陪着你的人，要感恩，因为他让你不再孤单寂寞！这辈子，你所遇见的每个人，都早已经注定4这世间所有的感情，都是从相遇开始，但并不是所有的遇见，都是美好结局。所以，我们要学会：看淡失去的，忘记离开的，珍惜留下的。这辈子，你所遇见的每个人，都早已经注定5这个世界很大，大到一个人的一生能遇上成千上万人，这个世界又很小，小到陪你到最后的只有那么几个人。我们这一生，会遇见谁，缘分是上天注定的，我们无法改变，只能接受，最终和谁一起走到最后，是我们自己决定的，只有真心才能换来长久。人生路上，每一次的相遇都是天赐的缘分，每一份的相伴都是命运的馈赠，感恩生命里所有的遇见，让我的生活不再平淡，为我的人生增添色彩，你伴我一程，我必念你一生！