大家好，我卡颂。在JS中有一类特殊的函数 —— 标签函数，用于自定义模版字符串的处理逻辑。不同于一般函数形如fn(argA, argB)的执行方式，标签函数可以直接跟在模版字符串前面，比如：tagFn`hello ${name}`本文来聊聊标签函数都有哪些有意思的应用。欢迎围观朋友圈、加入人类高质量前端交流群，带飞内置的标签函数JS中只有一个内置标签函数 ——String.raw，用于获取模字符串的原始字符串形式，即：处理替换(例如替换${name}为变量实际的值)不处理转义序列(例如\n)对于如下代码：const name = 'Ka Song'; const s1 = `Hello \n ${name}` const s2 = String.raw`Hello \n ${name}`用console.log分别打印s1、s2的结果如下：之所以s1有换行符，而s2没有，是因为默认情况，模版字符串会处理转义字符（比如这里的\n），而String.raw不会处理。要实现一个简易的String.raw也很简单，比如下面的myRaw，其中：strings参数是保存原始字符串的数组values参数是保存所有替换变量的数组function myRaw(strings, ...values) { let result = ''; for (let i = 0; i < str ...继续阅读 (75)

在 Web 开发中，处理日期和时间是一个常见的任务。PHP 提供了一系列强大的日期和时间处理函数，例如strtotime、date和DateTimeImmutable::createFromFormat等。这些函数使得在不同的时间格式之间进行转换，进行日期和时间计算以及格式化输出变得更加便捷。本文将深入探讨这三个函数的用法和优势。1. strtotime 函数strtotime函数用于将人类可读的日期和时间字符串转换为 Unix 时间戳。它可以接受一个日期时间字符串作为参数，并尝试解析它并将其转换为对应的 Unix 时间戳。除了接受基本的日期时间格式外，它还可以理解各种相对时间表达式。以下是strtotime函数的参数和作用：strtotime(string $datetime, ?int $baseTimestamp = null): int|false参数：string $datetime, ?int $baseTimestamp = null$datetime：需要解析的日期时间字符串。$baseTimestamp：可选参数，表示用于计算相对日期的基础时间戳。返回值：解析成功则返回对应的 Unix 时间戳，解析失败则返回false。使用strtotime函数时，可以传递各种不同格式的日期时间字符串，包括绝对时间（如"2023-08-06"、"15:30:00"）以及相对时间（ ...继续阅读 (65)

桥接模式：如何实现支持不同类型和取到的消息推送系统原理Decouple an abstraction from its implementation so that the two can vary independently. 将抽象和实现解耦，让他们可以独立变化。JDBC驱动是桥接模式的经典应用。Class.forName("com.mysql.jdbc.Driver");//加载及注册JDBC驱动程序String url="jdbc:mysql://localhost:3306/sample_db?user=root&password;=your_password";Connection con=DriverManager.getConnection(url);Statement stmt=con.createStatement()；String query="select * from test";ResultSet rs=stmt.executeQuery(query);while(rs.next()) {rs.getString(1);rs.getInt(2);}如果想使用Oracle数据库，只需要将第一行代码的driver换成OricalDriver即可。或者更灵活将driver写在配置文件，修改时只改配置文件。看一下如何实现：packagecom.mysql.jdb ...继续阅读 (13)

代理模式前几个设计模式主要解决对象的创建问题，封装复杂的创建过程，解耦对象的创建代码和使用代码。结构型模式。结构型模式主要总结了一些类或者对象组合在一起的经典结构。这些经典结构可以解决特定应用场景的问题。代理模式原理不改变原始类（被代理类）的情况下，引入代理类来给原始类附加功能。看个例子，在业务系统中我们使用之前的MetricsCollector：publicclassUserController{//...省略其他属性和方法...privateMetricsCollector metricsCollector;// 依赖注入publicUserVologin(String telephone, String password) {longstartTimestamp=System.currentTimeMillis();// ... 省略login逻辑...longendTimeStamp=System.currentTimeMillis();longresponseTime=endTimeStamp-startTimestamp;RequestInfo requestInfo=newRequestInfo("login", responseTime, startTimestamp);metricsCollector.recordRequest(requestInfo);//.. ...继续阅读 (9)

对于 WordPress 开发者，其中最大的需求之一就是设置选项的创建，访问，修改和删除，比如主题和插件的设置选项处理，那么 WordPress 具体是怎么管理全局选项的呢？WordPress 全局选项管理的功能叫做 Option API，它是一种简单且标准化的在数据库中存储数据的方法，它使用给定的自定义名称将数据存储到wp_options表中。WordPress 提供了 Option 的增删查改四个操作的函数，如果你安装的 WordPress 是多站点版本，那么还有对应的_site_函数应用全网选项的函数，同样使用给定的自定义名称将数据存储到wp_sitemeta表中。下面我们详细介绍一下 Option 的增删查改四个操作的函数：增加选项｜add_optionadd_option( string $option, mixed $value = '', string $deprecated = '', string|bool $autoload = 'yes' ): booladd_option函数实现给 WordPress 增加一个选项，选项的名称通过参数$option指定，选项的值$value支持标量和非标量，如果非标量的话，则该值可以被序列化，但是无需手动对值进行序列化，该函数会在将值插入数据库之前会进行序列化操作，所以简单说，就是把各种类型值$value无需做任何处理，以$ ...继续阅读 (97)

1. 问题分析当我们使用 Spring 的时候，有时候会遇到下面这种情况。假设我有 A、B 两个类，在 A 中注入 B，如下：@Component public class A { @Autowired B b; }至于 B，则在配置类中存在多个实例：@Configuration @ComponentScan public class JavaConfig { @Bean("b1") B b1() { return new B(); } @Bean("b2") B b2() { return new B(); } }这样的项目启动之后，必然会抛出如下异常：当然，对于这样的问题，相信有经验的同学都知道该怎么解决：可以使用 @Resource 注解，使用该注解时指定具体的 Bean 名称即可。在 @Autowired 注解之上，再多加一个 @Qualifier("b1") 注解，通过该注解去指定要加载的 Bean 名称。@Component public class A { @Autowired @Qualifier("b1") B b; }在多个 B 对象的某一个之上，添加 @Primary 注解，表示当存在重复的 B 对象时，优先使用哪一个。@Configura ...继续阅读 (60)

总结了一些实用的文本处理的函数。 搜索 1.根据正则 REGEXP 搜索文本 STRING，返回匹配的数量 (defun tps-search-count (string regexp) (let ((start 0) (count 0)) (save-match-data (while (string-match regexp string start) (cl-incf count) (setq start (match-end 0)))) count)) (tps-search-count "Treat a man as ...继续阅读 (23)

本文是 《Effective Java 3》第四章《类和接口》的学习笔记：减少可变性。 原文 不可变类是实例不能被修改的类。每个实例中包含的所有信息在对象的生命周期内都是固定的，因此永远不会观察到任何更改。Java 库包含许多不可变的类，包括 String、基本类型的包装类、BigInteger 和 BigDecimal。这么做有很好的理由：不可变类比可变类更容易设计、实现和使用。它们不太容易出 … ...继续阅读 (54)

[social4i size="small" align="align-left"][This article was first published onSteve's Data Tips and Tricks, and kindly contributed toR-bloggers]. (You can report issue about the content on this pagehere)Want to share your content on R-bloggers?click hereif you have a blog, orhereif you don't.IntroductionThesubstring()function in R is used to extract a substring from a character vector. The syntax of the function is:substring(x, start, stop)where:xis the character vector from which to extract the substringstartis the starting position of the substringstopis the ending position of the subs ...继续阅读 (54)

一般工厂模式有三种，简单工厂，工厂方法，抽象工厂。工厂模式的重点在于：何时使用工厂模式。简单工厂What举个例子， 在下面这段代码中，根据配置文件的后缀（json、xml、yaml、properties）选择不同的解析器，将存储在文件中的配置解析成内存对象RuleConfig。publicclassRuleConfigSource{publicRuleConfigload(String ruleConfigFilePath) {String ruleConfigFileExtension=getFileExtension(ruleConfigFilePath);IRuleConfigParser parser=null;if("json".equalsIgnoreCase(ruleConfigFileExtension)) {parser=newJsonRuleConfigParser();}elseif("xml".equalsIgnoreCase(ruleConfigFileExtension)) {parser=newXmlRuleConfigParser();}elseif("yaml".equalsIgnoreCase(ruleConfigFileExtension)) {parser=newYamlRuleConfigParser();}elseif("properti ...继续阅读 (10)

问题 如果数据中包含string列，在版本2.0.0之后，直接用df.corr()和df.cov()会报错。 ...Read morePandas的corr和cov函数报错convert string to float ...继续阅读 (102)

QuestionSerialization is the process of converting a data structure or object into a sequence of bits so that it can be stored in a file or memory buffer, or transmitted across a network connection link to be reconstructed later in the same or another computer environment.Design an algorithm to serialize and deserialize a binary tree. There is no restriction on how your serialization/deserialization algorithm should work. You just need to ensure that a binary tree can be serialized to a string and this string can be deserialized to the original tree structure.Clarification:The input/output for ...继续阅读 (10)

This is post 7 of 7 in the series“Create a website with ASP.NET Core and Angular”In this series, I will show you how to create the web API with .Net core and communicate with Angular in frontend, and I will keep to update it!How to setup VS Code environment for ASP.NET Core ProjectUse code first to connect database in .Net Core APIUse the Repository pattern in .Net coreCreate .Net Core Api controller for CRUD with repositoryUse the Serilog in .Net CoreCreate Angular Project and Communicate with .Net CoreCreate Paging Data from .Net Core ApiThis article is the second part forCreate ...继续阅读 (95)

你好，我是猫哥。这里每周分享优质的 Python、AI 及通用技术内容，大部分为英文，已在小标题注明。（标题取自其中一则分享，不代表全部内容都是该主题，特此声明。）本周刊精心筛选国内外的 250+ 信息源，为你挑选最值得分享的文章、教程、开源项目、软件工具、播客和视频、热门话题等内容。愿景：帮助所有读者精进 Python 技术，并增长职业和副业的收入。周刊已开通 Telegram 频道，欢迎加入：https://t.me/pythontrendingweekly🦄文章&教程1、Jupyter Notebook 7 隆重发布(英)Jupyter Notebook 大版本更新，亮点包括实时协作、交互式调试、目录、主题和深色模式、国际化、改进的可访问性、移动设备上的紧凑视图。2、Python 中的弱引用与基础类型支持情况探究Python 的基础类型 Int、List、Dict、Tuple、Str 不支持弱引用，而 Object、Type、Set 等类型却支持弱引用，为什么会出现这种情况呢？文章给出了自己的分析。3、分布式锁的介绍与 Python 实现什么情况下要使用分布式锁？如何用 py-redis 实现分布式锁，加锁与解锁的流程是怎样的？加锁的超时时间有什么注意点，如何实现 WatchDog 给锁自动续约？4、释放 PyScript 的力量：在 HTML 中运行 Python 代码(英 ...继续阅读 (92)

在golang中使用clash作为http客户端的代理在爬取网站时，经常会遇到一些反爬虫的网站，这些网站会检测你的ip地址，如果你的ip地址被检测到是爬虫的话，就会拒绝你的访问，这时候就需要使用代理来解决这个问题。代理的原理就是你的请求先发送给代理服务器，代理服务器再发送给目标服务器，目标服务器返回数据给代理服务器，代理服务器再返回给你。这样的话，目标服务器就无法知道你的真实ip地址，从而达到隐藏你的真实ip地址的目的。网上有一些免费的获取http代理的网站或者可以采用付费购买的方式获取http代理。我这里我想采用机场来做我的http代理但是机场一般提供的是v2或者ssr协议的代理，恰好clash是用golang写的所以我能在我的golang程序中直接引入clash的代码开启一个本地端口进行代理。下面是我的代码：代理实现package proxyimport ("bytes""encoding/json""fmt""github.com/Dreamacro/clash/config"C "github.com/Dreamacro/clash/constant""github.com/Dreamacro/clash/hub"logs "github.com/danbai225/go-logs""go.uber.org/automaxprocs/maxprocs""io""math/r ...继续阅读 (36)

回溯算法框架解决一个回溯问题，实际上就是一个决策树的遍历过程。你只需要思考 3 个问题：路径：也就是已经做出的选择。2、选择列表：也就是你当前可以做的选择。3、结束条件：也就是到达决策树底层，无法再做选择的条件。result = [] def backtrack(路径, 选择列表): if 满足结束条件: result.add(路径) return ​ for 选择 in 选择列表: 做选择 backtrack(路径, 选择列表) 撤销选择 List> res = new ArrayList(); public void dfs(路径，选择列表) { if满足条件： res.add(路径) return; for (选择 in 选择路径) { 做选择 dfs(路径，选择列表) 撤销选择 } }其核心就是 for 循环里面的递归，在递归调用之前「做选择」，在递归调用之后「撤销选择」，特别简单。我们只要在递归之前做出选择，在递归之后撤销刚才的选择，就能正确得到每个节点的选择列表和 ...继续阅读 (110)

两个内容： 一是通过这个例子介绍如何发现问题，另外就是针对这个问题如何优化。通过一段ID生成器代码，学习如何发现代码质量问题ID生成器需求背景介绍需求：为了方便在请求出错时排查问题，我们在编写代码的时候会在关键路径上打印日志。某个请求出错之后，我们希望能搜索出这个请求对应的所有日志，以此来查找问题的原因。而实际情况是，在日志文件中，不同请求的日志会交织在一起。如果没有东西来标识哪些日志属于同一个请求，我们就无法关联同一个请求的所有日志。实现：我们可以给每个请求分配一个唯一 ID，并且保存在请求的上下文（Context）中，比如，处理请求的工作线程的局部变量中。在 Java 语言中，我们可以将 ID 存储在 Servlet 线程的 ThreadLocal 中，或者利用 Slf4j 日志框架的 MDC（Mapped Diagnostic Contexts）来实现（实际上底层原理也是基于线程的 ThreadLocal）。每次打印日志的时候，我们从请求上下文中取出请求 ID，跟日志一块输出。这样，同一个请求的所有日志都包含同样的请求 ID 信息，我们就可以通过请求 ID 来搜索同一个请求的所有日志了。代码实现publicclassIdGenerator{privatestaticfinalLogger logger=LoggerFactory.getLogger(IdGenerator.c ...继续阅读 (9)

程序出错该返回啥？NULL、异常、错误码、空对象？publicclassRandomIdGeneratorimplementsIdGenerator {privatestaticfinalLogger logger=LoggerFactory.getLogger(RandomIdGenerator.class);@OverridepublicStringgenerate() {String substrOfHostName=getLastFiledOfHostName();longcurrentTimeMillis=System.currentTimeMillis();String randomString=generateRandomAlphameric(8);String id=String.format("%s-%d-%s",substrOfHostName, currentTimeMillis, randomString);returnid;}privateStringgetLastFiledOfHostName() {String substrOfHostName=null;try{String hostName=InetAddress.getLocalHost().getHostName();substrOfHostName=getLastSubstrSplittedB ...继续阅读 (11)

让你最快速地改善代码质量的20条编程规范命名命名多长合适：在能够表达含义的情况下，命名越短越好。但是大部分情况短名字又不能很好表达意思。对于熟知的词可以采用缩写例如second缩写为sec，string缩写为str，number为num。还有一些临时变量或者作用域比较小的变量。反正则需要长一些，考虑到可能被看到地方较多，要让别人看懂。利用上下文简化命名：publicclassUser{privateString userName;privateString userPassword;privateString userAvatarUrl;//...}在这里我们可以简化变量的命名，因为在调用的时候可以借助对象+属性的名称来明确表达意思：User user=newUser();user.getName();// 借助user对象这个上下文另外也函数参数也可以借助函数名上下文来简化命名：publicvoiduploadUserAvatarImageToAliyun(String userAvatarImageUri);//利用上下文简化为：publicvoiduploadUserAvatarImageToAliyun(String imageUri);命名要可读可搜索：可读：避免使用生僻词汇。可搜索：get相关的方法都用get，避免自立规范，又去用query或者list之类的方法来表达同 ...继续阅读 (17)

TypeScript 玩转类型操作之基础篇（回来，不是讲基础类型）引言本文的目的是探索 TypeScript 类型操作的基础知识，先介绍 typeof 、keyof、extends、infer 等操作关键词的使用方式（作为基础）；然后介绍TS提供的通用类型工具（详细介绍官方源码具体实现）；这两个部分熟练掌握，我们就掌握TS体操的核心内容了，剩下的就是考虑根据类型目标情况如何选择类型操作顺序。欢迎成为体操小能手~typeoftypeof 在 JS 中用于获取一个变量的基础数据类型，在 TS 中 typeof 用于获取运行时变量或者属性的类型。在TS代码中需要注意这两种用法之间的差异，使用的情况不同的语义环境下有不能的表现形式。typeof 以JS的判断变量类型时工作时，返回值是一个字符串内容是其中之一（"string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function"）。const s = "hello"; let n = typeof s; // n 值是 "string",n 类型是 let n: "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "fun ...继续阅读 (67)

【摘要】毫无疑问，字符串是我们使用频率最高的类型。但是如果我问大家一个问题：“一个字符串对象在内存中如何表示的？”，我相信绝大部分人回答不上来。我们今天就来讨论这个问题。阅读全文 ...继续阅读 (109)

QuestionGiven therootof a binary tree, returnall root-to-leaf paths inany order**.Aleafis a node with no children.Example 1:Input: root = [1,2,3,null,5] Output: ["1->2->5","1->3"]AlgorithmThis is a question that binary tree combined with backtracking.To get the paths, you travel the tree node by node and each time you reach the leaves you stop here and store the path. Otherwise you record the value of the node and append an arrow string "->" and go to its left and right child.Code/*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode ri ...继续阅读 (10)

针对非业务的通用框架开发，如何做需求分析和设计？项目背景我们希望设计开发一个小的框架，能够获取接口调用的各种统计信息，比如，响应时间的最大值（max）、最小值（min）、平均值（avg）、百分位值（percentile）、接口调用次数（count）、频率（tps） 等，并且支持将统计结果以各种显示格式（比如：JSON 格式、网页格式、自定义显示格式等）输出到各种终端（Console 命令行、HTTP 网页、Email、日志文件、自定义输出终端等），以方便查看。需求分析作为可被复用的框架，除了功能需求，非功能需求也很重要。1. 功能性需求分析接口统计信息：包括接口响应时间的统计信息，以及接口调用次数的统计信息等。统计信息的类型：max、min、avg、percentile、count、tps 等。统计信息显示格式：Json、Html、自定义显示格式。统计信息显示终端：Console、Email、HTTP 网页、日志、自定义显示终端。除了罗列这些， 还可以通过线框图，把最终数据的显示样式画出来，会更加一目了然。实际上，从线框图我们还能挖掘出下面几个隐藏需求。统计触发方式：主动和被动。统计时间区间：可以自定义统计时间间隔2. 非功能性需求分析易用性：是否跟业务热插拔，解耦。性能：这部分代码不影响接口本身，堆内存消耗也不大。扩展性：从框架使用者的角度来说的，特指使用者可以在不修改框架源码， ...继续阅读 (8)

这也是 Spring 面试时一道经典的面试问题，今天我们来聊一聊这个话题。其实从名字上就能看出来个一二，BeanFactory 是 Factory 而 FactoryBean 是一个 Bean，我们先来看下总结：BeanFactory 是 Spring 框架的核心接口之一，用于管理和获取应用程序中的 Bean 实例。它是一个工厂模式的实现，负责创建、配置和管理 Bean 对象。BeanFactory 是 Spring IoC 容器的基础，它可以从配置元数据（如 XML 文件）中读取 Bean 的定义，并在需要时实例化和提供这些 Bean。FactoryBean 是一个特殊的 Bean，它是一个工厂对象，用于创建和管理其他 Bean 的实例。FactoryBean 接口定义了一种创建 Bean 的方式，它允许开发人员在 Bean 的创建过程中进行更多的自定义操作。通过实现 FactoryBean 接口，开发人员可以创建复杂的 Bean 实例，或者在 Bean 实例化之前进行一些额外的逻辑处理。区别在于，BeanFactory 是 Spring 框架的核心接口，用于管理和提供 Bean 实例，而 FactoryBean 是一个特殊的 Bean，用于创建和管理其他 Bean 的实例。FactoryBean 在 Bean 的创建过程中提供更多的自定义能力，允许进行额外的逻辑处理。可能有的小 ...继续阅读 (56)

这个问题估计大部分开发都会遇到，大部分人都会遗漏,遇到这样情况，你是否立马能找到问题源自一个需求，对一个接口进行幂等控制。当时实现思路，创建一个声明注解，标注参数的对象的字段作为幂等标记，使用注解作为切点，进行环绕通知控制对业务方法进行增强，如果幂等字段已经存在，不调用业务方法。代码实现定义注解@Target(ElementType.METHOD) @Retention(RetentionPolicy.RUNTIME) @Documented public @interface Idempotent { /** * 唯一标识 * @return */ String uniqueKey(); }定义切面@Component @Aspect @Slf4j public class IdempotentAspect { private String keyTemplate = "system:%s.%s:%s"; @Autowired private RedisDistributedLock distributedLock; @Pointcut("@annotation(com.xxx.xx.Idempotency)") public void pointcut() { } ...继续阅读 (54)

💣 事情经过在某个中秋节, 心血来潮的我咔嚓咔嚓写起了Yondaime(一个没什么人用的博客框架) 的一个 Feature, 具体功能是这样的, 小T同学说要在网站底部加上网站的备案号, 但思来想去, 直接在配置加上一个备案号的专属配置实在是不太通用, 毕竟下次他可能就这么要求:"废物, 我要在底部加外链"^_^ : 滚因此解决方案是这样的, 在配置中加多一个底部栏的拓展, 允许用户自定义底部栏的文案, 具体 api 如下:config.js 配置文件{ // ...省略好多配置 footers: ['备案号: xxxxxx'], }基于以上配置, 在项目中进行功能点开发:{{ footer }}export default { data() { return { footers: ['备案号: xxxxxx'], }; } };嗯嗯, 大概就这样了, 很简单的一个功能但是! 得兼容一下外链的场景, 因此 footers 格式修改一下:type Footer = string | { label: string, link: string }这种格式进可支持支持带链接的文本, 退可支持纯文本展示, 简称 "全 能"啊? 你问我为什么不直接改成这样:type Footer = { label: string, lin ...继续阅读 (56)

什么是jwtJWT 是一种轻量级的身份认证和授权机制，它可以在不同的系统之间安全地传递信息，JWT 的信息是以 JSON 格式存储在 Token 中，包含三部分：头部（header）、载荷（payload）和签名（signature）。其中，载荷部分包含了一些声明信息，比如 Token 的有效期、Token 的颁发者、Token 的使用者等。jwt bearer和bearer token的区别Bearer是HTTP授权标头的一种类型，用于指示在HTTP请求中使用OAuth 2.0访问令牌进行身份验证。JWT Bearer是使用JSON Web Token（JWT）进行身份验证的一种方式，它将JWT作为Bearer令牌的值发送到服务器。Bearer Token则是OAuth 2.0协议中使用的一种访问令牌类型，它表示访问令牌的类型是Bearer。Bearer Token是一种无状态的令牌，它通常具有一定的有效期，在有效期内可以使用该令牌进行身份验证和授权。Bearer Token可以使用各种技术实现，如JWT、OAuth 2.0、OpenID Connect等。这里我们用的就是Bearer Token安装jwt包go get github.com/dgrijalva/jwt-go一般jwt是配合go gin一起使用的如何使用jwtimport ( "time" "github. ...继续阅读 (6)

Vue 3.3 已正式发布，代号 “Rurouni Kenshin”（浪客剑心）。公告写道，此版本专注于改进开发者使用体验 —— 特别是 SFC与 TypeScript 的结合使用。一同发布的还有Vue Language Tools1.6（旧 Volar），解决了 Vue 与 TypeScript 一起使用时许多长期存在的痛点。升级到 3.3 时，建议同时更新以下依赖项：volar / vue-tsc@^1.6.4vite@^4.3.5@vitejs/plugin-vue@^4.2.0vue-loader@^17.1.0 (if using webpack or vue-cli)改进开发者使用