首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用 NextJS 和 TailwindCSS 重构我的博客

第一版:使用 Hexo 和 Github pages 优点:重新部署只要花 5 分钟,内容管理在本地 纯静态、免费; 缺点:依赖 Github,国内访问困难; 第二版:React + Antd + Mysql...不仅仅是一个原子类的超级样式库; 1、我们在写样式的时候,经常会写类名,团队成员之间会存在样式冲突的可能,虽然我们可以使用 css modules 来避免,但却会存在取类名称的疲劳的问题,重复的类名称...{js,ts,jsx,tsx}']打包时只会提取使用到的样式,让应用 css 最小化。...4、之前写了《使用 CSS variables 和 Tailwind css 实现主题换肤》也运用到了我的博客中。...codemiror 和 remark 自己写的组件 ,这一版发现掘金的 Markdown 编辑比较好用,就直接使用了bytemd, 底层都是使用了 remark 和 rehype,支持任何框架,并且拥有丰富的插件

2.4K20

for循环太Low?分享几段我工作中经常使用的for代码!

前言 不管是for循环还是while循环,都是任何一门语言的基础知识,同时也是非常重要的知识。借助于循环的策略,可以将很多重复性的问题完美地解决。...在Python中,大家可能对她的印象是“Python不适合使用循环,因为效率低,速度慢!”,但是本文中将重点介绍她,并跟大家分享我工作常用的几段代码示例(如果你想实操,文末有数据下载链接)。...读者可以将图中的三个核心内容分别理解为容器对象(即Python中的基础数据结构,如字符串、列表、元组和字典等)、容器内的元素以及循环体。...# 导入第三方模块 import pandas as pd # 用于读取数据 import os # 用于返回目录内的文件名称 # 指定待读取数据所在的目录 path = r'D:\datas'...案例2:数据单位的统一处理 如下图所示,数据集中关于APP的下载量和软件大小涉及到不同的数据单位,如APP的文件大小有KB单位也有MB单位。很显然,单位不一致的数据肯定是不能直接用来分析和建模的。

95020
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    for循环太Low?分享几段我工作中经常使用的for代码!

    作者:刘顺祥 来源:数据分析1480 前言 不管是for循环还是while循环,都是任何一门语言的基础知识,同时也是非常重要的知识。借助于循环的策略,可以将很多重复性的问题完美地解决。...在Python中,大家可能对她的印象是“Python不适合使用循环,因为效率低,速度慢!”,但是本文中将重点介绍她,并跟大家分享我工作常用的几段代码示例(如果你想实操,文末有数据下载链接)。...读者可以将图中的三个核心内容分别理解为容器对象(即Python中的基础数据结构,如字符串、列表、元组和字典等)、容器内的元素以及循环体。...# 导入第三方模块 import pandas as pd # 用于读取数据 import os # 用于返回目录内的文件名称 # 指定待读取数据所在的目录 path = r'D:\datas'...案例2:数据单位的统一处理 如下图所示,数据集中关于APP的下载量和软件大小涉及到不同的数据单位,如APP的文件大小有KB单位也有MB单位。很显然,单位不一致的数据肯定是不能直接用来分析和建模的。

    1K40

    使用 NextJS 和 TailwindCSS 重构我的个人博客

    第一版:使用 Hexo 和 Github pages 优点:重新部署只要花5分钟,内容管理在本地 纯静态、免费; 缺点:依赖Github,国内访问困难; 第二版:React + Antd..., TailwindCSS 不仅仅是一个原子类的超级样式库; 1、我们在写样式的时候,经常会写类名,团队成员之间会存在样式冲突的可能,虽然我们可以使用 css modules 来避免,但却会存在取类名称的疲劳的问题...,重复的类名称 -header,-body -container --wrapper等; 2、Utility-First: 默认采用 rem 单位, 变量也就是16 的倍数, px-1是 16 的 1/...{js,ts,jsx,tsx}']打包时只会提取使用到的样式,让应用css最小化。 4、之前写了《使用 CSS variables 和Tailwind css实现主题换肤》也运用到了我的博客中。...codemiror 和 remark 自己写的组件 ,这一版发现掘金的 Markdown 编辑比较好用,就直接使用了bytemd, 底层都是使用了 remark 和 rehype,支持任何框架,并且拥有丰富的插件

    2.7K20

    大佬们,我分完箱体了,我想统计每个箱体的accept_sum分别的和,可以怎么搞哇?

    一、前言 前几天在Python白银交流群【对方正在输入中.....】问了一个Python可视化处理的问题,这里拿出来给大家分享下。...下图是代码和报错截图: 二、实现过程 这里【瑜亮老师】指出问题所在,如下所示: 图片很忠实的表示了他的代码: 顺利地解决了粉丝的问题。 三、总结 大家好,我是皮皮。...这篇文章主要盘点了一个Python可视化处理的问题,文中针对该问题,给出了具体的解析和代码实现,帮助粉丝顺利解决了问题。...最后感谢粉丝【对方正在输入中.....】提问,感谢【瑜亮老师】给出的思路和代码解析,感谢【eric】等人参与学习交流。

    22120

    我是如何使用ChatGPT和CoPilot作为编码助手的

    我一直在工作中使用 ChatGPT 网页工具和 Copilot(我们可以将 Copilot 视为 GPT 的一个变体,因为它们都基于同一核心技术构建)。...输入: “”“编写一个函数,该函数在数组中合并 JSON 对象,并在它们的两个字符串键上,并给出第三个数字键的平均值和中位数统计”“” 输出: function mergeJsonArray(jsonArray...Co-pilot 的代码编写:识别并运用重复模式 我正在为我的测试环境编写一个跨多个数据库表进行操作的数据删除脚本。这些表都有时间戳列,但名称各不相同。...最后,尽管并未使用 cola 布局,我还是达成了我的目标,我的问题得到了解决。 近期,我打算在 Kafka 集群和 OpenSearch 服务之间建立消息连接。...我在使用 AWS 的一些服务时就遇到过这样的情况。 你是否已经在工作中用 AI 来辅助编程? 你有什么看法和经验?

    57430

    女朋友居然想让我使用Android Studio和夜神模拟器来帮她浏览各位大佬的文章!

    Hello,你好呀,我是灰小猿!一个超会写bug的程序猿!...最近某学妹在众多大佬的栽培下学到了不少东西, 虽然学妹没等到,但是等到可爱的女朋友来找我帮忙了,她居然说Android Studio自带的真机不好用,还想让我帮她在安卓虚拟机上浏览各位大佬的文章,看来女朋友已经不限于使用自己的电脑或手机来学习我文章中的知识了...然后上来就是一个左正蹬一个右边腿一个左刺拳,“啪”的我的电脑就打开了! 上来我就打开了Android Studio就要手写代码,女友说:“这不行,真机调试老出问题,不能用自带的真机!”...我一听就惊了!还有这回事? 上来就给她装了一个“夜神模拟器” 这玩意好啊,不但能在虚拟机上和隔壁的小哥哥玩游戏,还能用来运行Android程序,最重要的是速度还挺快!...这下好了,运行按钮下终于出现了模拟器的设备名称,选择之后再运行, 这下可是成功了!这个绝对好用!

    54920

    已知我有一个表格里有编号状态和名称的列,如何转换为目标样式?

    大家好,我是皮皮。 一、前言 前几天在Python最强王者交流群【黑科技·鼓包】问了一个Python自动化办公的问题,一起来看看吧。...请教一下PANDA库的问题:已知我有一个表格里有编号状态和名称的列,我想转换为右侧图示的表,df该怎么写啊?...状态最多四种可能会有三种,状态x和编号x需要对上 二、实现过程 这里逻辑感觉捋不太清楚,基本上就是转置.DF好像确实不太好处理,最开始想到的是使用openpyxl进行处理,后来粉丝自己使用Excel的公式进行处理...后来【瑜亮老师】也给了一个思路和代码,如下所示: # 使用pivot_table函数进行重构 df_new = pd.pivot_table(df, index='名称', columns=df.groupby...三、总结 大家好,我是皮皮。这篇文章主要盘点了一个Python自动化办公的问题,文中针对该问题,给出了具体的解析和代码实现,帮助粉丝顺利解决了问题。

    20130

    我的R语言小白之梯度上升和逐步回归的结合使用

    我的R语言小白之梯度上升和逐步回归的结合使用 今天是圣诞节,祝你圣诞节快乐啦,虽然我没有过圣诞节的习惯,昨天平安夜,也是看朋友圈才知道,原来是平安夜了,但是我昨晚跟铭仔两个人都不知道是平安夜跑去健身房玩了...甚至,你可以定义这个过程损失函数,那么就要使用最大似然估计。 逐步回归法结合了向前选择法和向后选择法的优点。...一开始模型只有截距项,先使用前向选择法选入卡方统计量最大,符合选入模型P值的变量,然后使用后向选择法移除P值最大的变量,即最不显著的变量,不断重复以上过程。...我最初想用这个的时候,我是在想一个问题,就是假设我不用最大似然估计定义的损失函数,假设我想用其他损失函数拟合参数,那我该怎么办,所以才有了今天的分享,可能我说的优点乱,我给出梯度拟合参数的过程,你可能会清晰些...,以及对应的参数 pred # 纵向合并每一次迭代的数据 print(n) # 打印迭代到哪里,好检查错误以及进度 } 出来的结果看数据集看pred: 最后一列是参数估计,中间是两次梯度相减的累加,可以看到迭代了

    1.2K60

    「R」用purrr实现迭代

    d = rnorm(10) ) 如果想要计算每列的均值,我们使用for循环完成任务: output = vector("double", length(df)) for (i in seq_along...接下来我们将学习和使用purrr包,它提供的函数可以替代很多常见的for循环应用。R基础包中的apply应用函数族也可以完成类似的任务,但purrr包的函数更一致,也更容易学习。...例如我们想模拟几个均值不同的随机正态分布,我们可以使用map完成这个任务: mu = list(5, 10, -3) mu %>% map(rnorm, n = 5) %>% str...,一种方法是使用均值向量和标准差向量的索引进行迭代: sigma = list(1, 5, 10) seq_along(mu) %>% map(~rnorm(5, mu[[.]], sigma...如果我们想要生成均值、标准差和样本数都不同的正态分布,可以使用: n = list(1, 3, 5) args1 = list(n, mu, sigma) args1 %>% pmap(rnorm

    4.8K20

    国庆节前端技术栈充实计划(8):我使用 AngularJS 和 ReactJS 的经验

    我们使用 AJAX 请求从后端获取数据,使用 JavaScript 渲染新的 UI 元素然后将它插入到 DOM 中去,用户交互通过事件绑定和回调函数来实现。...我明白许多问题是我自己的问题,而我想要指出的是,Angular是不可预测的,使用它的时候会遇上各种各样的坑。 ? 当然,Angular 还是善于处理很多事情的。...在我们团队,有专门的页面重构工程师负责写 HTML 和 CSS,Angular 能让我们的工作无缝对接:重构工程师负责 HTML 和一些额外的标签,我负责处理逻辑。...还记得前面提到的 URL 替换和模板渲染问题吗?其实没关系,人们通常使用第三方的路由库(ui-router)它们比标准的 (ngRoute)要好用。最后,Angular 也没有我之前认为的那样糟糕。...---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式的UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比的无穷隧道特效 一个治愈JavaScript疲劳的学习计划 全栈工程师技能大全

    1.4K30

    京东一面:说说 CompletableFuture 的实现原理和使用场景?我懵了。。

    带返回的消费(thenApply) 消费和运行的区别: 消费使用执行结果。运行则只是运行特定任务。具体其他功能大家可以根据需求自行查看。...如果是异步方法,并且传递了执行器,那么会使用传入的执行器去执行任务。否则采用公共的ForkJoin并行线程池,如果不支持并行,新建一个线程去执行。...如果异步线程不为null,那么使用异步线程去执行this。 this的run任务如下。也就是在异步线程同步调用tryFire方法。达到其被异步线程执行的目的。...其实逻辑很简单,就是迭代堆栈的依赖任务。调用h.tryFire方法。NESTED就是为了避免递归死循环。因为FirePost会调用postComplete。如果是NESTED,则不调用。...---- ---- 欢迎加入我的知识星球,一起探讨架构,交流源码。

    50910

    【Spring】使用@Profile注解实现开发、测试和生产环境的配置和切换,看完这篇我彻底会了!!

    作者个人研发的在高并发场景下,提供的简单、稳定、可扩展的延迟消息队列框架,具有精准的定时任务和延迟队列处理功能。...写在前面 在实际的企业开发环境中,往往都会将环境分为:开发环境、测试环境和生产环境,而每个环境基本上都是互相隔离的,也就是说,开发环境、测试环境和生产环境是互不相通的。...如果文章对你有所帮助,欢迎大家留言、点赞、在看和转发,大家的支持是我持续创作的动力!...如果一个bean上没有使用@Profile注解进行标注,那么这个bean在任何环境下都会被注册到IOC容器中 环境搭建 接下来,我们就一起来搭建使用@Profile注解实现开发、测试和生产环境的配置和切换的环境...所以,此时没有任何数据源注册到IOC容器中,命令行不会打印任何信息。

    1.2K20

    我整理了10个非常基础的c语言循环结构和选择结构的小题目,看看你的基础够不够牢固。

    ---- theme: channing-cyan 整理几个基础c语言循环结构和选择结构的小题目 产生10个随机的整数,求最大(小)值 键盘接收一个正整数,判断该正整数是否为素数 求100~500间的全部素数...完数就是其真因子的和等于其本身的数。 编程输出n~m中(0的所有数。...输出图形 求俩个数的最大公约数和最小公倍数 1.产生10个随机的整数,求最大(小)值 解法:先把数组的第一个元素值赋给max和min,然后通过循环进行比较,如果比max大,把大的值赋给max,最后输出...完数就是其真因子的和等于其本身的数。 判断a是否等于其真因子的和:用变量s求a的真因子的和,s初值为0,用变量I从1到a-1循环,如果a%I==0,则s=s+i。得出s值后,若a==s,则a为所求。...和其他字符的个数。

    85930

    我是如何使用 Git 和腾讯云 Lighthouse 做图床,并使用 hook 实现 WebP 压缩与水印的?

    通常,我们的网站会将图片和网站“骨架”分开进行存储和“解耦”,方便使用 CDN 加速时,图片和网站可以使用不同的方案;也方便网站迁移。...Git 的核心思想是分布式,推送内容使用 Hash 进行差异化校验,使得 Git 具有更高的可靠性和更快的速度。...而我们,也可以使用这些特性,来创建一个图床。 想一想,本地存储图片,之后使用 Git 推送到远程仓库,是不是很方便呢?...但是,我测试了一下,我使用的腾讯云轻量应用服务器,CPU 模拟型号是 Intel(R) Xeon(R) Gold 6133 CPU @ 2.50GHz,处理本文的 WebP 并行任务非常足够。...action 参数,但是我没有使用。

    12820

    R数据科学整洁之道:使用 tibble 实现简单数据框

    可以在 tibble 中使用在 R 中无效的变量名称(即不符合语法的名称)作为列名称。例如, 列名称可以不以字母开头,也可以包含特殊字符(如空格)。...ggplot2 和 dplyr 等其他 R 包中使用这些变量,也需要使用反引号。...) class(df) ## [1] "data.frame" 与 data.frame 比较 tibble 和传统 data.frame 的使用方法主要有两处不同:打印和取子集。...除了打印列名,tibble 还会打印出列的类型,这项非常棒的功能借鉴于 str() 函数。...最后总结 tibble 相对于数据框来说,更简单,但更方便使用,两者的主要区别是: tibble 不能创建行名。 tibble 不能改变输入的类型(例如,不能将字符串转换为因子)、变量的名称。

    1.9K10

    R入门?从Tidyverse学起!

    很多人推荐《R语言实战》这本书来入门R,当然,这本书非常不错,我也是通过这本书开始接触的R。...这种入门的学习路径属于base R first,学习的流程基本是先了解变量的类型、数据的结构,再深入点就会学到循环与自定义函数。...有这么一句话“数据分析师的80%的时间,都消耗在数据清理上”,清理出可视化和统计分析可以直接使用的数据,往往最费精力和繁琐的过程,而tidyverse的一大亮点就是提供非常优秀的数据清理、整合和可视化的...数据操作速度会更快 如下图,直接查看tibble格式的数据,可以一目了然的看清数据的大小和每列的格式 ? 有两种方式来创建tibble格式的数据 1. 直接创建 ? 2....其他格式转化,例如用read.csv读取的数据默认是dataframe格式,就可以使用as_tibble转换为tibble格式 ?

    2.6K30
    领券