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

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

你可以在 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. 记一次eclipse导入的JavaEE项目无法连接数据库的排查

    1.问题描述 Eclipse导入了一个JavaEE项目 在虚拟机环境中新建了一个数据库 数据库可以使用本地客户端工具正常连接 导入的JavaEE项目修改了数据源配置后无法启动 相同的数据源配置通过在I ...

  2. 【Java】PDF模板生成PDF文档

    一.需求背景 客户要求一份文书,文书内容有一些表单项,例如: 1.基本的是和否 (单选框或复选框) 2.备注内容(纯文本信息) 3.单位,机构组织,人员,字典项(下拉选择) 4.用户数字签名(图片信息 ...

  3. 【TypeScript】02 面向对象

    [联合类型] 联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值. 注意:只能赋值指定的类型,如果赋值其它类型就会报错. var val:strin ...

  4. 【托普斯的力场】—— ARPG游戏《艾尔登法环》中的人物：托普斯

    地址: https://youtube.com/shorts/oSIbOQ_r4fA?si=F-knFwjZ3iPXqPeS https://www.bilibili.com/video/BV1fV4 ...

  5. 读论文《Distilling the Knowledge in a Neural Network》——蒸馏网络 —— 蒸馏算法 —— 知识蒸馏 中的温度系数到底怎么用， temperature怎么用?

    论文地址: https://arxiv.org/pdf/1503.02531.pdf 蒸馏网络的重要公式: 其中,\(p^g\)为Teacher网络,\(q\)为Student网络. 个体神经网络(C ...

  6. OneFlow是否真的实现了单机代码无侵害的运行在分布式集群上？

    答案: 不是,但也是. 严格意义上来说,不是. 因为技术OneFlow的代码,要从单机改到分布式,也需要改配置,需要给所有的变量设置具体的全局存储还是局部存储,如果局部存储又应该如何划分,等等,这些其 ...

  7. 如何将 Vim 剪贴板里面的东西粘贴到 Vim 之外的地方？ （Ubuntu18.04系统亲测）

    主要参考内容: https://www.zhihu.com/question/19863631 在vim中剪贴中的内容是难以在vim之外使用的,那么怎么修改这个问题呢? =============== ...

  8. 后端开发学习敏捷需求-->专题的目标与价值成效

    专题的目标与价值成效 什么是专题 公司或企业为了抓住业务机会或者解决痛点问题,而采取的具体的行动和举措 专题的目标分析 1.业务调研了解目标的预期 利用5W2H来进行专题分析 what--是什么?目的 ...

  9. 一款运行于windows上的linux命令神器-Cmder（已经爱不释手）

    一.前言 很多工程师都习惯了使用linux下一些命令,再去用Windows的 cmd 简直难以忍受. 要在windows上运行linux命令,目前比较流行的方式由: GunWin32.Cygwin.W ...

  10. 关于EF延时加载的面试题

    public async Task<ActionResult> GetData() { var data = (from leftdata in GetLeft() join rightd ...