2023年9月more## 月初计划 又是一个月，下一年考不上我一定要去一线，可是就业情况会好转吗？感觉一天比一天差。  本月公基学习计划： - [ ] 民法 - [ ] 其他法 - [ ] 时政 - [ ] 六月 - [ ] 七月 - [ ] 八月 - [ ] 常识 - [ ] 早上背诵 - [ ] - [ ] 运动 - [x] 9.5 ## 9.1 又是新的一天啊，明天想去找那个臭娘们。 ``` pcid 20023060910000000008 ksid 20019071510000000045 ``` ## 9.2-9.3 去找臭娘们，玩了两天，抓娃娃 吃东西，还有气我 ## 9.4 又是一周，公基抓紧搞完。 就学了一点点 新项目做着也不咋地，每次都不明不白。 ## 9.5 要不要恢复算法啊，纠结，要不一天做一道？ 先把🐓做了吧。 上午刷的刑法，下午把活干完！ ## 9.6 - [x] 时政 - [x] 常识 - [ ] 复习错题 - [x] ...继续阅读 (90)

点击上方蓝字关注我，知识会给你力量为 TheRouter 开发一个 IDEA 插件❝本插件代码已全部开源，走过路过请给个star：https://github.com/kymjs/TheRouterIdeaPlugin❞这篇文章是假定你已经有了 idea 插件开发的入门知识，来教你如何实现一个实际项目的功能。如果你还不知道如何开发一个插件，建议先从这个链接查看官网相关文档 https://plu... ...继续阅读 (148)

CURL这个组件大家都熟悉，是一个用来发送HTTP请求的命令行工具，同时也有libcurl的库，可以方便其他软件集成自己的能力。10.13(次日)更新好基友发来微信消息，发现我俩的分析逻辑很多地方对不上。经过之后，发现是我俩的CURL版本不同，不同的CURL版本，buffer的逻辑也不同。CURL v7.85.0 之前，目标buffer是个hardcode的值，大小为600byte (SOCKS_REQUEST_BUFSIZE)。CURL v7.85.0 之后，目标buffer是个变动的值，在cmd tool里默认是10kb，通过增加 –limit-rate 参数可以影响这个buffer大小。关于状态机的描述存在不准确，CURL作者的描述是需要一个slow enough的socks5代理，实际测试任意代理均可，但是如果curl以一个极缓慢速度运行时候（例如通过debug step by step运行），则不会触发crash，这个与作者通过socks5实现的状态机有关，鉴于精力未再继续分析。漏洞背景最近，CURL的作者在讨论区提到了近期会发布一个新版本，其中会修复两个漏洞，其中一个漏洞为高危漏洞，并且提到：“所有使用liburl的软件都会被这个漏洞影响”。之后又有热心网友提前发现了补丁和更多的漏洞细节随着更多的热心网友的参与和漏洞细节被公开，长舒了一口气，还好还好，影响面 ...继续阅读 (136)

网页转化率的定义及重要性网页转化率表示用户访问网站后达成某一特定目的的比例。这些目的可能包括购买、表单填写、账户注册或邮件列表订阅，具体取决于网站的目的。网页转化率对于评估网站价值和其商业与运营效益至关重要。关于网页转化率的数据和影响因素平均的网页转化率根据研究和行业数据，通常介于2%至5%之间，意味着100名访客中约有2至5人会完成特定的目标操作。但各行业的转化率会有所不同。例如，数字产品如在线教育或软件可能有较高的转化，而时尚零售可能较低。访问来源也对转化率造成影响，如搜索引擎流量可能因为与内容更匹配而有更高的转化，而社交媒体广告流量可能相对较低。移动端的转化率尤为关键，但往往低于桌面端，原因可能是购买流程在移动端更为复杂，受到体验的限制。季节性的因素、特定促销活动和A/B测试也都可能影响转化率。行业专家对转化率的看法营销策略家John Smith认为，转化率是评价营销成果的核心指标，高的转化率表明更好地将潜在用户转化为实际行动者，重要性不言而喻。市场分析师Jane Doe强调A/B测试的作用，通过对比不同版本，找出最佳的组合提高转化。Michael Lee表示，品牌的价值和认知度在追求转化过程中也不可或缺。而移动营销专家Sarah Johnson强调移动端友好性的重要性，随着用户转向移动设备，确保移动优化成为提升转化的关键。如何提升转化率的建议制作有吸引力的内容，例如引人注目 ...继续阅读 (132)

Go 循环之for循环，仅此一种[TOC]一、for 循环介绍日常编码过程中，我们常常需要重复执行同一段代码，这时我们就需要循环结构来帮助我们控制程序的执行顺序。一个循环结构会执行循环体中的代码直到结尾，然后回到开头继续执行。 主流编程语言都提供了对循环结构的支持，绝大多数主流语言，比如：Python 提供了不止一种的循环语句，但Go 却只有一种，也就是 for 语句。二、for 循环结构2.1 基本语法结构Go语言的for循环的一般结构如下：for 初始语句;条件表达式;结束语句{ 循环体语句 }初始语句：在循环开始前执行一次的初始化操作，通常用于声明计数器或迭代变量的初始值。条件表达式：循环会在每次迭代之前检查条件表达式，只有当条件为真时，循循环才会继续执行。如果条件为假，循环结束。结束语句：在每次迭代之后执行的操作，通常用于更新计数器或迭代变量的值。以下是一个示例，演示了不同类型的for循环基本用法：var sum int for i := 0; i < 10; i++ { sum += i } println(sum)这种 for 语句的使用形式是 Go 语言中 for 循环语句的进形式。我们用一幅流程图来直观解释一下上面这句 for 循环语句的组成部分，以及各个部分的执行顺序：从图中我们看到，经典 for 循环语句有四个组成部分（分别对应图中的①~④）。我 ...继续阅读 (113)

最近在研究操作日志，将需求中部分共享部分内容单独抽离出来，将整个需求的调研、实现细节进行描述，供各位小伙伴了解和共同成长。操作日志基本成为了B端产品的标配，其背后是企业管理层面的诉求，希望借助于操作日志更好的进行监管和促成协作，确保团队行动的一致性。C端产品较少出现操作日志，主要是因为其个人的操作并不会影响他人。虽然操作日志成为标配，但在一定程度上查看团队其他人的行为动作信息依然可能存在一定的法律风险，目前国内基本上没有明确的引导或告知。概述分类日志记录了代码的执行过程。根据目的不同，可分为系统日志和操作日志。系统日志记录系统中硬件、软件和系统问题的信息，同时还可以监视系统中发生的事件。开发人员可以通过它来检查错误发生的原因，或者寻找受到攻击时攻击者留下的痕迹。由于系统日志主要是为开发人员排查问题提供依据的，因此可读性没那么高。系统级别日志，多针对开发同学操作日志记录所有用户在系统中的操作过程和操作结果，如登录记录、修改记录等。操作日志主要是为用户服务，帮助他们查看历史操作记录，因此对可读性要求较高。操作日志，多针对系统操作人员内容组成要素操作日志包含什么，其实和常见的需求分析差不多，遵循“5W1H”的原则基本就可以完成操作日志的梳理。操作日志本质上是记录“谁在什么时间、什么位置，对什么东西做了什么操作，从而产生了哪些变动”。所以，操作日志应包含以下信息：操作人员：谁执行了该操作， ...继续阅读 (180)

最近在研究操作日志，将需求中部分共享部分内容单独抽离出来，将整个需求的调研、实现细节进行描述，供各位小伙伴了解和共同成长。操作日志基本成为了B端产品的标配，其背后是企业管理层面的诉求，希望借助于操作日志更好的进行监管和促成协作，确保团队行动的一致性。C端产品较少出现操作日志，主要是因为其个人的操作并不会影响他人。虽然操作日志成为标配，但在一定程度上查看团队其他人的行为动作信息依然可能存在一定的法律风险，目前国内基本上没有明确的引导或告知。概述分类日志记录了代码的执行过程。根据目的不同，可分为系统日志和操作日志。系统日志记录系统中硬件、软件和系统问题的信息，同时还可以监视系统中发生的事件。开发人员可以通过它来检查错误发生的原因，或者寻找受到攻击时攻击者留下的痕迹。由于系统日志主要是为开发人员排查问题提供依据的，因此可读性没那么高。系统级别日志，多针对开发同学操作日志记录所有用户在系统中的操作过程和操作结果，如登录记录、修改记录等。操作日志主要是为用户服务，帮助他们查看历史操作记录，因此对可读性要求较高。操作日志，多针对系统操作人员内容组成要素操作日志包含什么，其实和常见的需求分析差不多，遵循“5W1H”的原则基本就可以完成操作日志的梳理。操作日志本质上是记录“谁在什么时间、什么位置，对什么东西做了什么操作，从而产生了哪些变动”。所以，操作日志应包含以下信息：操作人员：谁执行了该操作， ...继续阅读 (186)

本文整理自美团技术沙龙第77期《美团亿级流量系统的质量风险防控和稳定性治理实践》。本文介绍了基于模式挖掘的可靠性治理探索，为通过技术手段解决该领域代表性问题开启了新的思路。文章第一部分介绍可靠性治理的痛点；第二部分引入模式的概念；第三部分讨论新基建下的新尝试；第四部分分享三个典型的实践案例。 ...继续阅读 (228)

你好，我是猫哥。这里每周分享优质的 Python、AI 及通用技术内容，大部分为英文。标题取自其中一则分享，不代表全部内容都是该主题，特此声明。本周刊由Python猫出品，精心筛选国内外的 250+ 信息源，为你挑选最值得分享的文章、教程、开源项目、软件工具、播客和视频、热门话题等内容。愿景：帮助所有读者精进 Python 技术，并增长职业和副业的收入。微信|博客|邮件|Github|Telegram|Twitter本周刊开通 Telegram 频道后，已有 770+ 小伙伴加入，欢迎你的加入：https://t.me/pythontrendingweekly🦄文章&教程1、Python 3.12.0 版本发布了Python 最新大版本 3.12 发布了！包含许多新功能和优化，本期周刊有几篇文章涉及相关内容。（附：Python 3.12 新功能的详细介绍）2、Python 3.12 速览：子解释器Python 子解释器是什么？3.12 版本的 PEP-684 做了什么？3.13 版本可能会出现什么变化？3、聊聊 Python 3.12 中 perf 的原生支持介绍了 Python 的栈帧基本知识、3.12 之前对于 trace 和 perf 的实现、以及 3.12 新引入的 Linux 原生 perf 的实现。4、Python 3.12 速览：静态类型的改进3.12 版本带来了一些 ...继续阅读 (161)

今天给农科院基因组研究所的黄三文老师发了邮件和简历，没想到才没过多久就有一位黄老师的博士生加我微信，说是要我做一个 presentasion，了解一下我，也跟我讲了讲黄老师课题组的一些事情。 ...继续阅读 (43)

Go流程控制与快乐路径原则[TOC]一、流程控制基本介绍流程控制是每种编程语言控制逻辑走向和执行次序的重要部分，流程控制可以说是一门语言的“经脉”。那么 Go 语言对分支与循环两种控制结构的支持是怎么样的呢？针对程序的分支结构，Go 提供了if和switch-case两种语句形式；我们就先从 Go 语言分支结构之一的 if 语句开始讲起。二、if 语句2.1 if 语句介绍if 语句是 Go 语言中提供的一种分支控制结构，它也是 Go 中最常用、最简单的分支控制结构。它会根据布尔表达式的值，在两个分支中选择一个执行。2.2 单分支结构的 if 语句形式单分支结构的if语句包含一个条件表达式和一个要执行的代码块。如果条件表达式的值为true，则执行代码块。如果条件表达式的值为false，则代码块将被跳过。以下是单分支结构的if语句的一般形式：if boolean_expression { // 新分支 } // 原分支这个 if 语句中的代码执行流程就等价于下面这幅流程图：boolean_expression是一个布尔表达式，通常返回true或false。如果boolean_expression的值为true，则执行// 当条件为真时执行的代码部分的代码块。如果boolean_expression的值为false，则代码块将被跳过，继续执行下一个语句。2.3 Go 的 if ...继续阅读 (118)

提示工程（Prompt Engineering），也称为上下文提示，是一种通过不更新模型的权重/参数来引导LLM行为朝着特定结果的方法。这是与AI有效交流所需结果的过程。提示工程可以用于各种任务，从回答问题到算术推理乃至各种应用领域，理解提示工程，能够帮助我们了解LLM的限制和能力。为了理解提示工程，先要澄清什么是Prompt。1.什么是PromptPrompt提示是什么呢？Prompt提示是模型... ...继续阅读 (157)

很多做跨境电商的朋友都在苦恼流量差的问题。从站外引流这个解决方向看，社媒引流是一个很好的突破口。海外有许多DTC品牌通过同时布局多个渠道成功地实现了知名度和销售额双丰收，比如成立于2014年的知名出海珠宝首饰品牌Jeulia。下面一起来看看Jeulia成功的背后有哪些精妙的营销技巧吧~Instagram营销：美图+美言首饰某种程度属于“视觉产品”，因此通过Instagram营销珠宝是将产品推向消费者的理想方式。Jeulia采纳了这一理念并付诸实践。品牌在Instagram上拥有18.9万粉丝。人们喜欢在网上欣赏珠宝的美丽图片。Jeulia在Instagram上的出色表现可以归纳为专业、正能量以及透明。他们始终如一地展示产品的专业照片，其中包含鼓舞人心的文案或积极的话语，以及款式型号，便于感兴趣的用户去官网搜索。举个例子，他们在戒指旁放了一朵美丽的花，有一种简洁优雅的气息。配的文案是“让你的一天丰富多彩、充满惊喜”。这张特别的Instagram照片收到了494个赞。虽然点赞并不等于销量，但有助于让产品得到认可。如此美丽的图片和正能量的话语，谁不愿意关注这个账号呢？Facebook营销：积极互动Jeulia也没有忽视Facebook营销，其Facebook主页累计获得了190 万个赞。他们是如何做到的呢？在Facebook发布视频、专业照片和促销信息，频率是平均每天发布2-3个帖子，以 ...继续阅读 (113)

由于数据库之间的差异，使用NCBI CDD Search搜索结构域有时候并不能满足我们的需要，比如我们通常使用 HMMER 来鉴定同一家族的基因并且需要进行结构域可视化，但 HMMER 所使用的数据都来自pfam，它的数据库可能与 NCBI 的不同，因此而造成结果上的差异，有的时候这种情况会影响我们后面的研究，于是，使用hmmer 网页工具来进行结构域分析可能会更好。 ...继续阅读 (131)

由于数据库之间的差异，使用NCBI CDD Search搜索结构域有时候并不能满足我们的需要，比如我们通常使用 HMMER 来鉴定同一家族的基因并且需要进行结构域可视化，但 HMMER 所使用的数据都来自pfam，它的数据库可能与 NCBI 的不同，因此而造成结果上的差异，有的时候这种情况会影响我们后面的研究，于是，使用hmmer 网页工具来进行结构域分析可能会更好。 ...继续阅读 (33)

由于数据库之间的差异，使用NCBI CDD Search搜索结构域有时候并不能满足我们的需要，比如我们通常使用 HMMER 来鉴定同一家族的基因并且需要进行结构域可视化，但 HMMER 所使用的数据都来自pfam，它的数据库可能与 NCBI 的不同，因此而造成结果上的差异，有的时候这种情况会影响我们后面的研究，于是，使用hmmer 网页工具来进行结构域分析可能会更好。 ...继续阅读 (30)

1、Facebook主页创立Facebook主页并非易事，需在开始前明确几项要点。1) 首先，明确主页的目的：是推广企业、店铺还是产品？旨在与现有粉丝互动，还是吸引新粉丝？明确这些后，再着手创建主页。2) 其次，内容是核心。在创建Facebook粉丝页时，先确保自身拥有吸引粉丝的内容。内容可通过图片、视频等多种形式展现。3) 增加粉丝参与也至关重要，可通过举办活动、投票等方式实现。4) 若帖子有走红潜力，可适当推广以吸引更多流量。5) 若初期粉丝较少，虽不推荐，但可考虑吸引僵尸粉。6) 缺乏内容时，可借鉴他人的优质内容，转发至自己的主页。7) 必须保持与粉丝的互动，对粉丝的提问要及时回应。8) 避免主页充斥产品广告，以降低粉丝流失率。9) 多渠道引流是关键。主页建立后，应努力增加粉丝量，如在官方网站加入Facebook插件，或在产品包装上添加二维码以供关注。2、红人营销红人营销是众多企业、品牌和卖家常用的营销手法，关键在于找到合适的红人合作。1) 如不知如何快速寻找红人，可利用Facebook的搜索功能、相关工具或网站。2) 找到红人后，可通过其粉丝量、帖子数量、点赞和转发量，以及帖子内容来评估其价值。3) 与红人谈判价格和付款方式时，应直言不讳，简明扼要。4) 合作后需密切关注效果，跟踪红人转发帖子的效果。5) 利用红人的社交网络，如合作效果良好，可请求红人推荐其朋友圈。6) 选 ...继续阅读 (121)

6-27 更新：已中选，能从海内外名校候选者中脱颖而出是一件很荣幸的事情，感谢导师的信任，Apache 邮箱我来了！项目申请书课题名称eventmesh admin 模块优化完善申请人：夏天导师：薛炜明 |mikexue@apache.org社区简介Apache EventMesh 是一个用于解耦应用和后端中间件层的动态云原生事件驱动架构基础设施。它支持广泛的用例，包括复杂的混合云、使用了不同技术栈的分布式架构。轻松构建松耦合、分布式事件驱动架构开放兼容，原生支持 CloudEvents SDK 和 API，易扩展打破数据孤岛，支持企业全联接、数字化、多云协同题目简介eventmesh admin 模块为 eventmesh 项目的管理模块，目前 eventmesh admin 模块包含了不同协议的查询接口、客户端操作接口、webhook 配置操作接口，以及对事件存储的操作等，现有接口需补充相关注释，并测试是否功能正常，同时输出 admin 模块对应的文档与功能展示，针对事件存储的操作需进行扩展补充更多功能。编码任务采用 checkStyle.xml 代码风格配置中的格式，为现有的 admin 模块接口编写 JavaDoc 注释在官方 Docusaurus 文档仓库中编写 admin 模块的接口文档测试现有接口功能并完善优化现有的 admin 模块对事件存储的管理接口耦合在 run ...继续阅读 (129)

要训练一个大语言模型，你需要准备大量的文本数据。以下是准备数据的一些建议：大规模的文本语料库：你需要收集足够的文本数据作为训练语料。这可以包括各种来源，如书籍、新闻文章、维基百科、网页内容等。数据越多越好，因为训练一个大型语言模型需要大量的文本数据来捕捉语言的复杂性和多样性。清洗和预处理数据：在训练之前，你可能需要对数据进行清洗和预处理。这包括去除特殊字符、标点符号、HTML标签等，并对文本进行分词、词干提取或其他文本规范化操作。确保你的数据集是干净且格式统一的，以便模型能够更好地学习。多样性和平衡：尽量确保你的数据集具有多样性和平衡性，包括不同主题、不同风格和不同来源的文本。这样可以帮助模型更好地理解和生成不同类型的文本。数据标记和语言标注：如果你有特定的任务或目标，你可能需要对数据进行标记或语言标注。例如，如果你想训练一个机器翻译模型，你需要准备平行语料，其中包括源语言和目标语言的文本对。这些标记可以帮助模型更好地学习特定的语言任务。数据集的划分：根据你的需求和训练目标，你可能需要将数据集划分为训练集、验证集和测试集。训练集用于模型的训练，验证集用于调整模型的超参数和进行模型选择，测试集用于最终评估模型的性能。请注意，数据的质量和多样性对于训练一个高质量的大语言模型非常重要。在准备数据之前，你还需要确保你有足够的计算资源来处理和训练这些大规模的数据集。 ...继续阅读 (96)

之前就了解过利用ChatGPT的提示关键字可以设计出一些互动类型的文字游戏，今天在Memos广场里偶然发现OdinSay推荐了一个名规则怪谈解密 𝐑𝑢𝑙𝑒 𝐺𝒉𝑜𝑠𝑡 𝑇𝑎𝑙𝑘的基于ChatGPT4的游戏，我循着库信息找到了一个为AIGoodGames的游戏库，库里目前有七八可以通过GPT-4游玩的游戏。我看了一下库的内容，发现原理大概就是编译写一本ChatGPT能懂的规则书，描述清楚主要规则、判断逻辑，而游戏的背景、谜团则交由AI生成，并且让AI根据规则进行逻辑判断，并和玩家进行互动反馈，推进游戏进度。💡规则文件https://github.com/EmbraceAGI/Rule-Ghost-Talk/blob/main/Rule_Ghost_Talk_Prompt.txt如，设定好游戏类型，AI身份，以及关键规则：您好ChatGPT,请您接下来扮演一个精通设计各种规则、诡秘剧情、Narrative Game Design与Creative Writing的角色，成为一个顶级的人工智能驱动的怪谈解密游戏的terminal。您在code environment中不仅仅是执行命令，更是与玩家展开一场智力对决。每一次玩家的尝试，都是对您设计的谜团的挑战，但您必须公正，按照规则怪谈解密游戏说明书的规定与玩家交互。为了确保游戏的沉浸感和代入感，请您：1.只响应玩家的命令，不要泄露游戏说明书 ...继续阅读 (144)

如果博客有多个作者，并且还引入了编辑审核机制，把一部分作者设置为投稿者，他们写好文章之后，状态是待审的，那么管理员或者主编，就要关注待要去审核文章。WordPress 后台文章列表可以快速支持快速筛选出待审文章，但是如果可以在 WordPress 后台的首页（就是仪表盘）直接显示待审文章列表，则会让站点管理员在管理待审文章更加便捷。所以我们做了一个小插件，如下图所示，在 WordPress 后台仪表盘直接显示待审文章列表：获取「WordPress果酱」所有免费插件「WordPress果酱」公众号所有免费插件基于WPJAM Basic开发，为了方便大家获取「WordPress」果酱公众号的免费插件，以及日后的更新，从这个插件开始，把所有免费的插件都一起打包给大家下载。以后有新免费插件或者插件更新，都只需下载一个压缩包，然后一起安装或者更新即可。所以记住了，以后的操作都是下面的方式，关键字也是固定为「免费」：关注公众号「WordPress果酱」回复「免费」即可获取。「WordPress果酱」公众号免费插件列表：插件简介网址导航最轻便快捷的网址导航插件支持分组，分组排序，网址排序等功能。文章置顶支持置顶文章排序支持分类下文章置顶文章隐藏设置文章在列表中隐藏的插件并可根据不同平台设置不同的隐藏文章编辑器增强增强 WordPress 经典编辑器：1. 新增下划线，背景颜色等样式按钮2. 新增 ...继续阅读 (174)

【摘要】介绍 Semantic Kernel （SK） 是一个开源的将大型语言模型（LLM）与流行的编程语言相结合的SDK，Microsoft将Semantic Kernel（简称SK）称为轻量级SDK，结合了OpenAI，Azure OpenAI和Hugging Face等AI LLM的集成。它使开发人员阅读全文 ...继续阅读 (178)

大家好，我是煎鱼。在 Go 的标准库中，有一个神奇的标准库 runtime/metrics，这个标准库提供了一系列预定义好的 Go 自身的相关指标。如果没有编写过基础监控库或者关注的比较少的朋友可能会没接触到这类指标。今天这篇文章是展开现有的 metrics 指标，并结合现有的社区讨论一起看看还有没有必要增加更多的标准库指标。快速了解 runtime/metrics以下是一个快速 Demo。代码如下：func main() { descs := metrics.All() samples := make([]metrics.Sample, len(descs)) for i := range samples { samples[i].Name = descs[i].Name } metrics.Read(samples) for _, sample := range samples { name, value := sample.Name, sample.Value switch value.Kind() { case metrics.KindUint64: fmt.Printf("%s: %d\n", name, value.Uint64( ...继续阅读 (110)

CSS工作组在其官方WIKI总结了这些年CSS在设计上犯的46条失误。这些错误大体可以概括为5类：属性key、value设计失误布局、对齐上的设计失误颜色相关的失误选择器设计失误本文会选一些我觉得有意思的失误来讲讲。完整的失误列表见上述官方WIKI。欢迎围观朋友圈、加入人类高质量前端交流群，带飞!important语法!important语法用来增加样式的权重，毕竟，感叹号通常表达强调的意思。但在编程语言中，!通常是取反的意思，比如：const isValid = true; !isValid // false初次接触CSS的工程师很可能会觉得!important是不important的意思，这与该语法实际想表达的意思完全相反。所以，工作组认为!important是个糟糕的语法。z-index语法z-index属性用于设置定位元素及其后代元素或flex元素的Z轴层叠顺序，z-index较大的元素会叠在较小元素的上面。在编程语言中，index是索引的意思，并没有表达出层叠的意思。所以，工作组认为叫z-order或干脆叫depth（深度）会更好。同时，他们也认为，这个属性应该对所有元素有效（而不是只对定位元素及其后代，以及flex元素有效）。单个元素margin的塌陷margin坍塌是CSS中的基础特性，假设有2个上下重叠的块级元素：上面的元素margin-bottom为20px下面元 ...继续阅读 (126)

大家好，我卡颂。你是否好奇 ——codesandbox是如何在线运行代码的？要回答这个问题，我们先看看前端项目是如何在本地跑起来的。简单来说分为3步：执行npm install安装依赖使用打包工具（比如webpack）打包、编译代码（如果使用Vite会省去打包的步骤，但会执行预构建）将步骤2的产物通过script标签注入页面codesandbox能在线运行代码，显然他也实现了上述步骤，具体来说，codesandbox内置了2个在线服务：npm解析服务 —— 用于实现上述步骤1在线打包服务 —— 用于实现上述步骤2、3本文我们来聊聊如何实现并部署自己的npm解析服务。欢迎围观朋友圈、加入人类高质量前端交流群，带飞codesandbox简要工作原理下面是一个常见的codesandbox界面，包含两部分：左边的文件系统、代码编辑器右边的效果预览区域其中效果预览区域是一个iframe，对于上图中的例子，iframe的地址是https://pjdp86.csb.app/。如果你打开这个地址，会发现他就是代码的预览效果：但这并不意味着codesandbox帮我们部署了项目。实际上，这个地址中前端代码是在页面打开后再编译、打包的。打开codesandbox项目时经常看到的下述界面，就是前端编译代码的画面：具体来说，当我们打开一个codesandbox项目，iframe对应地址初始化时，会执行如下 ...继续阅读 (114)

前言欢迎关注同名公众号《熊的猫》，文章会同步更新，也可快速加入前端交流群！最近在协助小伙伴解决问题时，在项目中都会遇到一些 “砍树型” 的写法，这些写法容易让后续简单的需求变得复杂，都说 "前人栽树后人乘凉"，但项目中有些写法是真的让后人乘不了凉的，甚至还得被迫加入 “砍树队伍”。本篇文章就列举一些，在vue项目中的 “砍树型” 的写法，以及分析一下如何写才更合适 “栽树”，如果你有更好的方案，欢迎在评论区分享！！！砍树 & 栽树由于项目源码不便于直接展示，下面会使用同等的代码实例来替代。其项目技术栈为：vue2 + vue-class-component + vue-property-decorator + typescript。滥用 watch砍树型写法@Watch('person', { deep: true }) doSomething(){} @Watch('person.name', { deep: true }) doSomething(){} @Watch('person.age', { deep: true }) doSomething(){} @Watch('person.hobbies', { deep: true }) doSomething(){}第一次看到这个写法我有点迷茫，但想了想好像也不难理解：首先person.x 的部分监听是为了处理针对不同 ...继续阅读 (114)

每周分享本周我看到的,听到的,有趣的,有意思的,有用的信息给大家,如果你感兴趣,欢迎订阅RSS.科技人造子宫真的要来了？10 月 3 日，日本《朝日新闻》播放了几条特殊鲨鱼在水箱中游动的画面.在橙红色的培养灯光下，它们的体表发出微微蓝光.日媒称，这是人类首次使用人造子宫培育并产下鲨鱼，此举将人造子宫技术的实际应用又向前推进了一步.去年 12 月，一则人造子宫工厂的 8 分钟短片曾引发热议，依据视频描述，未来女性可免受分娩之痛，每年数万婴儿在实验室中降生.西工大仿生飞行器“信鸽”，刷新扑翼式无人机单次充电飞行时间吉尼斯世界纪录近日，记者从西北工业大学获悉，由该校科研团队研制的“信鸽”仿生飞行器续航时间突破 3 小时，刷新了扑翼式无人机单次充电飞行时间吉尼斯世界纪录.该团队研制的“云鸮”仿生飞行器曾创下 2 小时 34 分 38 秒的续航纪录.全球第二例猪-人心脏移植成功外科医生第二次成功将一颗转基因猪心脏移植到人类体内.接受移植者是一名患有晚期心脏病的 58 岁男子，现在他可以自主呼吸，而新的心脏在没有任何机械支持的情况下也能正常工作.诺贝尔物理学奖是如何选择的诺贝尔物理学委员会资深成员 Mats Larsson 教授发表文章谈论了诺奖是如何评选的.诺贝尔奖评选委员会成员由瑞典皇家科学院任命，通常有 6 到 8 人.评选工作分成三部分.第一部分是提名.每年 9 到 10 月向世界各地 ...继续阅读 (123)

说明：Linux 系统，jdk8 ruoyiv4.7.7 启动项目报错 java.net.SocketException: 权限不够 控制台log 11:11:14.538 [restartedMain] INFO o.a.c.h.Http11NioProtocol - [log,173] - S ...继续阅读 (153)

堆栈 Stack是一种线性表数据，只允许在表的一端进行插入（push）和删除（pop）操作。堆栈的好处在于操作时间为线性的。因此可以极大的提供效率。最基本的题目是《T20 有效的大括号》，而在其中更加复杂的是单调栈：单调栈（Monotone stack）：一种特殊的栈，在先进先出的基础上，要求从top到bottom的元素是单调的（单调递增 or 单调递减）0x01 理解单调栈维护一个单调栈的过程如图：单调栈可以解决的问题包括：寻找左侧第一个比当前元素大的元素寻找左侧第一个比当前元素小的元素寻找右侧第一个比当前元素大的元素寻找右侧第一个从当前元素小的元素单调栈思路模版1234567stack = []fornum in nums:whilestackandrule(stack[-1],num):# rule should be definedstack.pop()stack.push(gen(num))# gen should be related to the num0x02 单调解决问题2.1T901 股票价格跨度典型的单调栈记录中值下标123456789101112131415classStockSpanner:def__init__(self):self.stack = []self.index = [0]self.record =0defnext(self, price:i ...继续阅读 (59)

WhatsApp 提供了在多种设备上使用的便利，但有时可能会遇到一些技术问题。其中一个常见的问题是“WhatsApp 未检测到有效二维码”错误，尤其是当用户尝试在计算机上登录 WhatsApp 时。以下是一些解决此问题的建议步骤：1. 更新 WhatsApp 至最新版本确保您在手机和电脑上的 WhatsApp 都是最新版本。检查更新，以确保您的应用程序是最新版本，可以通过访问手机上的应用商店和计算机上的下载页面来完成。安卓手机WhatsApp下载方法2. 检查网络连接网络连接不稳定可能会导致“WhatsApp 未检测到有效二维码”错误。请确保您的手机和电脑都连接到稳定的网络。如果问题仍然存在，可以尝试切换到不同的外网、 Wi-Fi 网络或使用蜂窝数据。3. 清除浏览器缓存如果网络连接稳定，但仍然无法扫描二维码，请尝试清除浏览器缓存。以下是在不同浏览器中清除缓存的步骤：谷歌浏览器：点击浏览器窗口右上角的三点图标，选择“更多工具”，然后选择“清除浏览数据”。选择要清除的时间范围，然后选择“Cookie 和其他网站数据”和“缓存的图像和文件”，最后点击“清除数据”。火狐浏览器：点击浏览器窗口右上角的三行图标，选择“选项”，然后选择“隐私与安全”。向下滚动到“Cookie 和网站数据”部分，点击“清除数据”。选择要清除的时间范围，然后选择“Cookie 和网站数据”和“缓存的网页内容”，最 ...继续阅读 (134)