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

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

你可以在 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. 【Java-GUI】06 绘图 Part2 位图处理

    绘画程序案例: 原视频排错找了半天,原来是变量名的问题 package cn.dzz; import java.awt.*; import java.awt.event.*; import java. ...

  2. 外形最漂亮的人形机器人——通用机器人Apollo，设计为可以在任何任务和环境中与人类进行协作

    视频地址: https://www.bilibili.com/video/BV11F4m1M7ph/

  3. bazel编译报错：absl/base/policy_checks.h:79:2: error: #error "C++ versions less than C++14 are not supported."

    使用bazel编译一个软件时报错,报错的信息为: absl/base/policy_checks.h:79:2: error: #error "C++ versions less than ...

  4. SMU Summer 2024 Contest Round 1

    SMU Summer 2024 Contest Round 1 Dice and Coin 题意 给个 n 面骰子和一枚硬币,初始投骰子,若骰子的值在 1 到 \(K-1\) 之间则反复投硬币,硬币为 ...

  5. 解决 Docker CE 在无根模式（rootless）下无法通过 IPv6 拉取映像的问题

    折腾一天快把我逼疯了 本来 Docker 对 IPv6 的支持就不好,再来个 rootless,雪上加霜 首先,我们要区分 Docker Engine 和 里面的 Image. 拉取映像是 Docke ...

  6. Visual Studio C++ 安装以及使用教程

    官网下载网址 https://visualstudio.microsoft.com/zh-hans/ Visual Studio: 面向软件开发人员和 Teams 的 IDE 和代码编辑器 (micr ...

  7. C#反射在数据库连接时的应用

    反射的应用 1．查找指定ID的数据 //查找指定id的数据,返回指定的对象 private T FindData<T>(int id) { Type ty = typeof(T); //在 ...

  8. 零基础学习人工智能—Python—Pytorch学习（八）

    前言 本文介绍卷积神经网络的上半部分. 其实,学习还是需要老师的,因为我自己写文章的时候,就会想当然,比如下面的滑动窗口,我就会想当然的认为所有人都能理解,而实际上,我们在学习的过程中之所以卡顿的点多 ...

  9. 关于SQLServer数据库的READ_COMMITTED_SNAPSHOT隔离级别

    默认情况下,SQL Server的事务隔离级别是READ COMMITED.刚开始我理解这个模式就是读已经提交的,那也就是说并发一个事务去更新,一个事务查询同一条数据应该是像Mysql.Oracle不 ...

  10. 2024-09-04：用go语言，给定一个长度为n的数组 happiness，表示每个孩子的幸福值，以及一个正整数k，我们需要从这n个孩子中选出k个孩子。 在筛选过程中，每轮选择一个孩子时，所有尚未选

    2024-09-04:用go语言,给定一个长度为n的数组 happiness,表示每个孩子的幸福值,以及一个正整数k,我们需要从这n个孩子中选出k个孩子. 在筛选过程中,每轮选择一个孩子时,所有尚未选 ...