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

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

你可以在 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】JDBC Part6 Apache-DBUtil & Spring-JdbcTemplate

    Apache-DBUtils 开源的JDBC工具类,对JDBC的简单封装 SQL操作交给了QueryRunner的实例 Maven依赖 <!-- https://mvnrepository.co ...

  2. 【RabbitMQ】09 深入部分P2 消费限流 & TTL

    1.消费限流设置 就是设置项的2个调整,当然还有前面的手动确认的监听改动处理 https://www.bilibili.com/video/BV15k4y1k7Ep?p=26 2.消息过时设置 TTL ...

  3. 【SpringCloud】 Re01

    简单理解 接口跨服务调用 说白了 就是原来只是调用一个接口就能得到资源,现在是调用两个或者更多接口,这些接口来自不同的服务 (从前端的角度来看依然只是调用这个接口,只是这个接口背后又去调用其他的接口了 ...

  4. 【微信小程序】02 常用标签组件

    轮播标签: 轮播图 <swiper> <!-- 轮播项 --> <swiper-item>1</swiper-item> <swiper-item ...

  5. 【DataBase】MySQL 27 函数

    一.概述 函数 Function,存储过程的用途一致,减少程序逻辑,和数据库服务的连接次数,提高效率 简化操作,提高SQL重用性 函数 和 存储过程的区别? 存储过程允许多个返回的数据,函数只允许一个 ...

  6. 斯坦福AI团队被质疑抄袭国产大模型

    原文地址: https://mbd.baidu.com/newspage/data/landingsuper?context={"nid"%3A"news_8882699 ...

  7. 【转载】 深入理解TensorFlow中的tf.metrics算子

    原文地址: https://mp.weixin.qq.com/s/8I5Nvw4t2jT1NR9vIYT5XA ============================================ ...

  8. PyTorch的TensorBoard用法示例

    原文: https://www.emperinter.info/2020/07/30/tensorboard-in-pytorch/ 缘由 自己上次安装好PyTorch以及训练了一下官方的数据,今天看 ...

  9. css 优惠券波浪线效果

    <ul> <li> <i class="left"></i><span class="center"> ...

  10. 【树的直径 求树中距离跟阶段点最远的点】CodeForce1822F.md

    CF1822F-Problem - F - Codeforces 题目大意:无根树的每条边为k,定义操作:移动根节点为把当前的根ROOT移动到相邻节点,每次代价为c, 定义成本=从ROOT出发到达的最 ...