大家好，我是程序员鱼皮，最近某宝网站的改进，属实是有点 “新” 了。

你敢相信这是一个购物网站么？

你可以在 Excel 表格中挑选商品进行购物，还原度极高，这两个图表更是点睛之笔。哪个天才想出来的，把特么广告都整成了 Excel 图表。

PS 修图软件中也可以购物，不仔细看的话还真以为我在设计什么商品图呢：

这其实是某宝新出的一系列网站主题，可以自由切换。

作为一名程序员，我更喜欢的还是 VSCode 开发工具主题，看到这个目录树我的 DNA 就已经动了，他甚至还给商品增加了文件后缀、他甚至还可以隐藏导航栏，咱就是说这些主题是专门为打工人准备的摸鱼神器吧！

不过下班后我还是会切回来，毕竟天天上班接触的就是这些玩意，现在购物，你还要让我有种上班的感觉？

不过呢，也有网友说：淘宝程序员是不是没活硬整？

大家怎么看？

我最开始也是挺费解的，如果让我来做这个产品，肯定是先优化核心功能和体验，而不是整一大套花里胡哨的皮肤。但了解了更多信息之后，我其实能理解他们了。首先是很多用户吐槽他们 PC 端的体验不佳，所以官方才要对 PC 端进行优化，页面只是其中的一部分。他们也是很用心了：

而我们看到的这些有趣的主题，其实是官方搞了个皮肤征集大赛，不是自己的程序员开发的。用外部开发者的人力、再引导这些开发者自己做一波拉票宣传，不得不说，还是挺聪明的。

最后我再给大家分享一下动态切换主题的实现方式，其实很简单，对学前端的同学应该有一些帮助。

1）首先点击切换主题时，会发送网络请求获取到主题对应的 CSS 样式代码，我们可以在浏览器开发者工具中找到并且复制这段代码：

2）然后在开发工具中进行一系列的处理，比如替换掉换行符、转义符等等，就得到了干净的样式代码

3）之后就可以在浏览器开发者工具中新建一个样式规则，并且复制刚刚的样式代码，就搞定啦！

以上操作如果通过图文不好理解，建议观看我录的视频演示：https://bilibili.com/video/BV1JF2GYsE1s

说实在的，在不改变页面 HTML 布局的情况下，单纯靠写 CSS 来改变主题，还是非常麻烦的，作者用心了 ！

最后再做个小调研，大家会不会使用这些主题来购物呢？

更多编程学习资源

淘宝程序员没活硬整？在 Excel 和 VSCode 中购物！的更多相关文章

  1. 《Java程序员面试笔试宝典》终于在万众期待中出版啦~

    <Java程序员面试笔试宝典>终于在万众期待中出版啦~它是知名畅销书<程序员面试笔试宝典>的姊妹篇,而定价只要48元哦,恰逢求职季节,希望本书的出版能够让更多的求职者能够走进理 ...

  2. 调皮的程序员：Linux之父雕刻在Linux内核中的故事

    本文内容由公众号“格友”原创分享. 1.引言   (不羁的大神,连竖中指都这么帅) 因为LINUX操作系统的流行,Linus 已经成为地球人都知道的名人.虽然大家可能都听过钱钟书先生的名言:“假如你吃 ...

  3. .NET程序员项目开发必知必会—Dev环境中的集成测试用例执行时上下文环境检查（实战）

    Microsoft.NET 解决方案,项目开发必知必会. 从这篇文章开始我将分享一系列我认为在实际工作中很有必要的一些.NET项目开发的核心技术点,所以我称为必知必会.尽管这一系列是使用.NET/C# ...

  4. 一个10年Java程序员的年终总结，献给还在迷茫中的你

    我越来越担心我作为一个Java程序员的未来. 恍然间,发现自己在这个行业里已经摸爬滚打将近10年了,原以为自己就凭已有的项目经验和工作经历怎么着也应该算得上是一个业内比较资历的人士了,但是今年在换工作 ...

  5. 「mysql优化专题」90%程序员没听过的存储过程和存储函数教学(7)

    一.MYSQL储存过程简介(技术文): 储存过程是一个可编程的函数,它在数据库中创建并保存.它可以有SQL语句和一些特殊的控制结构组成.当希望在不同的应用程序或平台上执行相同的函数,或者封装特定功能时 ...

  6. .Net程序员之不学Java做安卓开发:Android Studio中的即时调试窗口

    对学.Net的人来说,JAVA开发是一场噩梦. .net中的即时窗口,调试时直接在里面写代码,对程序中的各种方法/属性进行调用,很方便. Android Studio中找了好久,参考如下网址,也有类似 ...

  7. 程序员接私活经验总结，来自csdn论坛语录

    以下为网上摘录,以做笔记: 可是到网上看看,似乎接私活也有很多不容易,技术问题本身是个因素,还有很多有技术的人接私活时被骗,或者是合作到最后以失败告终,所以想请有经验的大侠们出来指点一下,接私活是怎么 ...

  8. 聊聊阿里社招面试，谈谈“野生”Java程序员学习的道路

    引言 很尴尬的是,这个类型的文章其实之前笔者就写过,原文章里,笔者自称LZ(也就是楼主,有人说是老子的简写,笔者只想说,这位同学你站出来,保证不打死你,-_-),原文章名称叫做<回答阿里社招面试 ...

  9. Java程序员岗位

    Java程序员岗位面试题有哪些?   1.面向对象的特征有哪些方面(1)抽象:抽象就是忽略一个主题中与当前目标无关的那些方面,以便更充分地注意与当前目标有关的方面.抽象并不打算了解全部问题,而只是选择 ...

  10. JAVA程序员面试宝典

    程序员面试之葵花宝典 面向对象的特征有哪些方面    1. 抽象:抽象就是忽略一个主题中与当前目标2. 无关的那些方面,3. 以便更充分地注意与当前目标4. 有关的方面.抽象并不5. 打算了解全部问题 ...

随机推荐

  1. 【C3】07 盒子模型

    在 CSS 中,所有的元素都被一个个的"盒子(box)"包围着, 理解这些"盒子"的基本原理,是我们使用CSS实现准确布局.处理元素排列的关键. 本文围绕 &q ...

  2. 买二手NVIDIA网卡被坑记录：某宝的咸鱼二手交易网站上购入NVIDIA Mellanox ConnectX-3 网卡 居然不支持Windows 11操作系统 —— 老二手40Gbps的NVIDIA网卡已经不被新操作系统支持

    原本是打算去大连的人工智能计算中心去做技术负责人的,不过考虑到工作性质再考虑到自己的一些现实情况也就放弃了这个职位(比较在大连理工大学的博士学位还没有读下来,还是有所牵挂的).同时,由于自己已经退出了 ...

  3. [rCore学习笔记 022]多道程序与分时任务

    写在前面 本随笔是非常菜的菜鸡写的.如有问题请及时提出. 可以联系:1160712160@qq.com GitHhub:https://github.com/WindDevil (目前啥也没有 思考 ...

  4. 深度解读昇腾CANN小shape算子计算优化技术，进一步减少调度开销

    摘要:Host调度模式下,GE将模型中算子的执行单元划分为Host CPU执行与Device(昇腾AI处理器)执行两大类. 本文分享自华为云社区<深度解读昇腾CANN小shape算子计算优化技术 ...

  5. [python] Python并行计算库Joblib使用指北

    Joblib是用于高效并行计算的Python开源库,其提供了简单易用的内存映射和并行计算的工具,以将任务分发到多个工作进程中.Joblib库特别适合用于需要进行重复计算或大规模数据处理的任务.Jobl ...

  6. AtCoder Beginner Contest 329 F

    AtCoder Beginner Contest 329F F - Colored Ball (atcoder.jp)(启发式合并) 问题陈述 有 \(N\) 个编号为 \(1, 2, \ldots, ...

  7. Maven经验分享（六）Jboss热部署

    jboss7的部署方式比较多的,如果使用maven构建和管理项目,那当然是使用jboss-as-maven-plugin插件来部署项目是最方便的了. pom.xml配置如下: <plugin&g ...

  8. 需要多久才能看完linux内核源码？

    代码中自由颜如玉!代码中自有黄金屋! 一.内核行数 Linux内核分为CPU调度.内存管理.网络和存储四大子系统,针对硬件的驱动成百上千.代码的数量更是大的惊人. 先说说最早的内核linux 0.11 ...

  9. CSS2基础（part-1）

    CSS2基础 基础 简介 [全称]Cascading Style Sheets,又名层叠样式表 层叠:一层一层涂上去 表:列表 样式:如文字大小,颜色,元素宽高等. CSS 描述了在屏幕.纸质.音频等 ...

  10. 004.MinIO-DirectPV分布式存储部署

    MinIO部署介绍 部署概述 Kubernetes hostpath.local和本地静态配置都存在需要事先在node节点准备好可用的块存储或文件系统,例如对插入的硬盘,或者磁盘阵列做分区格式化,文件 ...