CASIA简介CASIA是一个非常有价值的手写单字数据集。它涵盖了众多的汉字以及字母、数字和符号。由中科院自动化研究所在 2007-2010 年间收集；包含1020人书写的脱机（联机）手写中文单字样本和手写文本；联机数据是采用 Anoto 笔在点阵纸上书写后扫描、分割得到。主要由离线（HWDB）和在线（OLHWDB）两部分。具体可以前往官网了解：https://nlpr.ia.ac.cn/databases/handwriting/Home.html这里只介绍在线手写数据集部分，离线的网上介绍比较多。在线手写数据集单字主要包括OLHWDB1.0 与 OLHWDB1.2。一共收录汉字 7185 个，涵盖了 GB2312 中全部 6763 个汉字。这个数据集以.pot文件存储，其数据组织形式独特。这些版本的数据集可以用于训练和测试在线手写汉字识别模型。CASIA - OLHWDB 为手写汉字识别、字形分析等相关任务提供了丰富的数据资源。pot文件的解析pot文件的解析相关教程并不多，官网也只给出了文件头信息，和一个预览的软件。使用预览软件打开某个pot文件的结果：我这里按照文件头规则直接写了一版python的，会将在线的点集转换为json文件存储，方便后期使用，文件夹的命名使用的是这个汉字字符对应的md5编码，当然你也可以修改为其他的，解析时间很长，因为一个字符大概有100多个样本。i ...继续阅读 (11)

前言距离开发第一款主题已经过去了4年之久，不得不感叹，时间过的真快啊！这4年里有3年是在疫情当中度过的，这4年也从一个本科生也混到了研究生。Cuteen主题用户也突破了1000+，这是远远超出我的预期的。今天很高兴能够发布自己的新作品Furry！走了完全不同的风格路线，也不知道是自己年龄逐渐上升的原因还是怎么回事，越来越喜欢简洁的东西，少了一份年少时的繁杂与浮夸，多了一份成熟后的内敛与纯粹。对于这款新的Furry主题，我注入了更多对生活与美的感悟。它不仅仅是一个主题，更像是我这一路成长的见证。在设计它的时候，我仿佛能看到自己这四年间的每一次转变与突破，每一次在迷茫中寻找方向，每一次在困境中坚守初心。如今，看着它以全新的面貌呈现在大家面前，心中既有欣慰，也有期待。希望它能像Cuteen主题一样，受到大家的喜爱与认可，能在用户的心中留下属于它的独特印记。而我，也将带着这份对创作的热爱，继续在未来的岁月里探索前行，去追寻更多的可能，去创造更多能触动人心的作品。主题概述当您目光所及，这款素雅而又别致的主题正静静地展现在您的眼前。它宛如一位身着灰色长裙的古典女子，用细腻的灰度色调为平淡的页面增添了几分内敛与沉静。精心设计的三栏布局，犹如一场文字与视觉的舞蹈，让每一个字句都在页面上轻盈地跃动，展现着它们独特的韵律。全站PJAX与平滑滚动的完美结合，仿佛将您带入了一个丝滑如融化巧克力的梦幻世界。 ...继续阅读 (36)

近日，在刷蓝桥杯中的模拟实战赛时，有这么一道题：叫“汽车私人定制”，题目链接如下。https://www.lanqiao.cn/problems/18456/learning/?contest_id=187打开css的文件，可以看到代码都是类似scss这种：最开始以为是使用了什么预编译的技术方案，后来才知道，原来原生浏览器已经开始支持css嵌套语法了，关键词是CSS Nesting。2024年，可以看到基本上市面上大部分主流浏览器都支持CSS Nesting，也就是说这确确实实成为了一种既定的规范。语法/* Without nesting selector */ parent { /* parent styles */ child { /* child of parent styles */ } } /* With nesting selector */ parent { /* parent styles */ & child { /* child of parent styles */ } } /* the browser will parse both of these as */ parent { /* parent styles */ } parent child { /* child of parent styles * ...继续阅读 (42)

去年报了个蓝桥杯Web，昨天刚打完省赛，10道题基本无压力 ::(呵呵) （[DarkBText]果然是圈钱杯[/DarkBText]），最后一道可能会扣点分，整理一下赛后直播的答案，也包括职业院校组的，给需要的小伙伴们：1. 智能停车系统 ⭐️考点： flex 布局解题答案：.cars { position: absolute; z-index: 2; display: flex; width: 600px; height: 600px; flex-direction: column; /* TODO: 请在下方编写题目代码，不要更改其他选择器里的代码 */ flex-wrap: wrap; align-content:space-between; justify-content:space-between; }2. 分享点滴 ⭐️考察：对象的遍历，字符串基本操作答案1：function appendParamsToURL(url, params) { // 创建一个空字符串来存储参数字符串 let str = ""; // 遍历参数对象中的每个键 for (const key in params) { // 将键值对追加到字符串中 str += `${key}=${params[key]}&`; ...继续阅读 (53)

[RainBowText]揭开这个神秘的面纱，探索其中的数学奥秘[/RainBowText]BP神经网络概念首先从名称中可以看出，BP神经网络可以分为两个部分，BP和神经网络。BP是Back Propagation的简写 ，意思是反向传播。BP网络能学习和存贮大量的输入-输出模式映射关系，而无需事前揭示描述这种映射关系的数学方程。它的学习规则是使用最速下降法也称为梯度下降法，通过反向传播来不断调整网络的权值和阈值，使网络的误差平方和最小。其主要的特点是：信号是正向传播的，而误差是反向传播的。举一个例子，某厂商生产一种产品，投放到市场之后得到了消费者的反馈，根据消费者的反馈，厂商对产品进一步升级，优化，一直循环往复，直到实现最终目的——生产出让消费者更满意的产品。产品投放就是“信号前向传播”，消费者的反馈就是“误差反向传播”。这就是BP神经网络的核心。[card title="🚨有几点需要注意的" color="warning"]一般在提到有多少层时，不包括输出层，只计算隐藏层和输出层在一起的数量一般来说，越深的网络越能学到更深的特征逻辑回归（Logistic）其实是神经网络的一个特例，即不包含隐藏层的神经网络[/card]训练一个BP神经网络的核心步骤这张图基本反应了训练一个BP神经网络的核心步骤，很容易懂，不过多解释了。下面，我们以一个最简单的BP神经网络为例，来推导其计算过程。 ...继续阅读 (57)

接上一篇初试经验分享文章：南京师范大学2023教育信息工程考研初试经验分享。时间过得很快，转眼间研一上已经结束了，周一的时候（2月26号）是2024年考研出分的日子，因此，我觉得这一篇去年的复试经验分享现在很有必要写出来给大家。老样子，还是先说一下自己的复试结果：笔试130，面试93（第一），最终综合排名第三顺利录取。初试的时候我是排名第四，所以，复试还是有机会往上继续冲一冲的。南师在分数出来一周后，会出来专业排名，这个排名是总分排名，意思是即使国家线有没过的，也会有这个排名。可能会出现自己的最终排名会比这个显示的排名高的情况，原因是前面可能有国家线单科没有通过的情况。复试通知会在教科院的官网发布，请及时关注官网通知，没事刷一刷，看看通知出来没。这是去年的复试通知：2023年南京师范大学教育科学学院硕士研究生复试录取工作办法。复试内容在23年之前，由于疫情的原因，复试全部在线上进行，没有笔试这一项。但从23年开始，又恢复了正常。教育信息工程专业复试分为两个部分，笔试+面试。最终录取结果五五开，也就是初试成绩×50%+复试成绩×50%。复试笔试难度没有初试专业课这么高，参考书目如下：F045 现代信息处理方法基础：《C语言程序设计》(第5版), 谭浩强, 清华大学出版社, 2017年;《数据结构与算法图解》，Jay Wengrow著, 袁志鹏译, 人民邮电出版社, 2019年；《人工 ...继续阅读 (45)

昨天在开发项目组项目时，有一个需求是将后端数据库返回的x、y点集渲染到前端。实际上是一个很简单的需求，使用前端的Canvas绘图就能完成，没想到调了大半天还没做出来，比例一直不对，遂放弃，回寝睡觉 ::(犀利) 。大概的意思就是像下面这种，绘图的比例会被拉伸：左边的图像就是昨天出现的“bug”，右侧的图像是正常的样子。在使用HTML5的Canvas元素时，内容或画布被拉伸的原因通常涉及到Canvas元素的大小与实际渲染尺寸之间的不匹配。今早顺着这条思路排查才发现Canvas绘图确实有个“坑点”。首先，Canvas元素会根据其属性中的宽度和高度进行初始化，Canvas 的默认大小为 300 像素 ×150 像素（宽 × 高，像素的单位是 px）。绘图操作会在这个初始化尺寸上进行，无论实际上屏幕上Canvas元素的显示尺寸是多少。绘制完成后，Canvas元素的内容会被放大或缩小到在CSS样式中设置的宽度和高度。如果CSS样式中的宽高与Canvas属性中的宽高不一致，就会导致内容在这个放大或缩小过程中发生变形。因为绘制是在Canvas属性指定的宽高上进行的，而放大或缩小是在绘制完成后的内容上进行的，所以这个过程可能导致图形的失真和比例不对。简单来说，如果在css中为canvas定义宽高，实际上把宽高为300px * 150px的画布进行了拉伸。应该在canvas属性中直接指定宽高。❌错误 ...继续阅读 (57)

项目组经过我和大师兄一个月的Coding，目前基本开发进度告一段落。可以沉下心来搞一搞机器学习相关的东西了。实际上，一开始进项目组的时候就想尝试采用机器学习（更具体的说是深度学习）的方式来做点不一样的事情，而不是纯数学的东西。当然，数学有数学的优势，机器学习有机器学习的优势。扯得有点远，回到主题，这是最近学习CNN入门的时候练手用的，也应该算是我的第一个机器学习程序吧。记得做出来的时候，还是有点小小的激动，毕竟人生中第一次也不多，哈哈哈 ::(笑眼) 。中间也踩了不少坑，总结一下，整理成文，供后来者参考。CNN是什么卷积神经网络（英语：convolutional neural network，缩写：CNN）是一种前馈神经网络，它的人工神经元可以响应一部分覆盖范围内的周围单元，对于大型图像处理有出色表现。卷积神经网络由一个或多个卷积层和顶端的全连通层（对应经典的神经网络）组成，同时也包括关联权重和池化层（pooling layer）。这一结构使得卷积神经网络能够利用输入数据的二维结构。与其他深度学习结构相比，卷积神经网络在图像和语音识别方面能够给出更好的结果。这一模型也可以使用反向传播算法进行训练。相比较其他深度、前馈神经网络，卷积神经网络需要考量的参数更少，使之成为一种颇具吸引力的深度学习结构。卷积神经网络的灵感来自于动物视觉皮层组织的神经连接方式。单个神经元只对有限区域内的刺激作 ...继续阅读 (61)

开学一个多月了，踏入东方最美校园求学，是几年前的奢望，好在今年愿望成真😊。回想起七年前刚踏入大学的校门时，我根本没有想过有一天我会站在这个地方。这又是一段新的学习旅程，在这个新的阶段，我显得既兴奋又紧张，但我决定以积极的态度去面对。这段时间充满了各种新奇和挑战，让我开启了学术之旅。刚开始的几天，我努力适应着研究生生活的节奏和规律。新的课表、新的教学方式、新的同学，一切都让我感到新鲜而又陌生。我记得第一次见导师的时候，开组会看到一群陌生的面孔，内心不免有些紧张。但随着时间的推移，我发现自己渐渐地融入了这个环境。9月4号那天，我收到了一份特殊的请柬，高中时代的好友即将步入婚姻的殿堂。这个消息让我激动又感慨，因为能够亲眼见证好友幸福的时刻是一种难以言喻的喜悦。这也是我第一次参加同学的婚礼。由于国庆期间项目组需要留校做开发，10月2号需要回来，于是就匆匆的买了9月30号的高铁到苏州去参加婚礼。到达苏州后，见到很多老同学。熟悉的面孔一一浮现在眼前，仿佛回到了高中时代的校园。大家都成长了许多，有的创业有成，有的还在读书，还有的在国企央企上班，我们的年龄虽然都在变大，但内心的善意和深情却没有改变，这种真挚的友谊让我感动不已。饭后，我们也共同回忆起了高中时代的点点滴滴。那些一起上课、一起放学、一起度过难忘时光的回忆如电影般在我脑海中闪现。我们互相分享了这几年各自的生活经历，谈论着即将面临的未来，一 ...继续阅读 (47)

项目组最近有一个实现自定义页面尺寸打印的需求：浏览了网上大部分的教程，基本总结如下：方案一：CSS使用 CSS 的 @page 规则：通过 @page 规则，可以定义打印页面的尺寸和边距。例如，可以使用 @page 规则来定义 A4 纸张的尺寸和边距，或者根据需要定义其他自定义尺寸的页面。@page { size: 210mm 297mm; /* A4 尺寸 */ /* 或者自定义页面尺寸 */ }方案二：Javascript使用 JavaScript 来控制页面的打印参数，包括页面尺寸、边距等。可以通过 JavaScript 改变打印样式表中的参数，实现自定义页面尺寸的打印。function setPrintStyles() { const iframe ＝ document.createElement('iframe'); //插入需要打印的目标元素 document.querySelector(‘body‘).appendChild(iframe) //插入style ………… }方案三：利用浏览器自带打印使用打印预览对话框进行手动设置：在打印预览对话框中，用户可以手动选择页面尺寸、边距等打印参数，从而实现自定义页面尺寸的打印。方案比较针对方案一，弊端在于部分低版本浏览器兼容性较差，不能很好的实现自定义打印效果。针对方案二，通过js来指定打印参数， ...继续阅读 (51)

在开发typecho主题的时候，typecho本身已经提供了封装好的设置项类，常见的例如有：Checkbox、Radio、Select、Text、Textarea等等。我们很方便的就能通过调用相关类来添加主题设置项，这也是最常见的一种方式。虽然够用，但这也带来了一些局限性，相比较于Wordpress，灵活度还是不够高。为了解决上述问题，我们可以通过配合插件来从底层自己创建自定义的设置项页面。大致流程有：通过插件添加相关路由创建自定义的设置项表封装相关数据库语句创建全局变量以便于读取设置项下面详细叙述各个流程：创建插件并添加路由创建一个插件目录，例如"YourPlugin"，并在该目录下创建一个"Plugin.php"文件。接着就是添加插件基本方法以及需要继承的类，可以参考官方的HelloWorld插件来写。在activate()方法中，使用Helper中的addRoute添加路由：const widgetName = 'TypechoPlugin\Furry\Router'; // 激活插件方法,如果激活失败,直接抛出异常 public static function activate() { Helper::addRoute('furry_options','/furry/options', self::widgetName, 'furryOptionsPageFunc' ...继续阅读 (57)

Cuteen主题后台设置中的开关项是由Typecho的Checkbox改造的，但是在最新的typecho版本中出现了Checkbox无法勾选保存的现象，也就导致了无法开启主题相关功能，追查代码发现：在typecho/var/Widget/Themes/Config.php中第74行位置有一句：$form->getInput($key)->value($this->options->{$key});上面这行代码中，从options中得到值，但是由于主题的复选框是新加入的，因此options中并没有对应的值，导致给了一个空的值给复选框。当主题选项保存的时候，is_array中的数据是从$this->getInput('xxxx')拿到value，但前面程序已经设置为空值，所以在收集提交选项数据时候，以下代码判断不通过，返回null，最终导致保存勾选无效。$result[$param] = $request->get($param, is_array($this->getInput($param)->value) ? [] : null);解决方案解决方案有三种：方案一升级typecho到最新的开发版，在#1590中，此问题已修复方案二回退typecho版本至1.2.0，❌不推荐这种做法，小于1.2.1的版本中包含xss漏洞。方案三打开typecho/var/Widget/Themes/ ...继续阅读 (54)

先贴个录取结果：其实2023年的全国硕士研究生统一招生考试早已落下帷幕。4月30号就关闭了调剂通道。一直准备写一篇经验分享的文章，一直没来得及写下。不过应该不算晚，去年我也是从大概6月份开始正式复习的，5月之前基本上都在背单词和忙学校的课程。从过完年，1月31日开始上班，每天都在忙。甚至当时复试的时候都是一边摸鱼，一遍复习的 ::(狂汗) 。复试的时候请了4天假，3月29号当天下午复试完，第二天回学校的地铁上，成绩就出了。还记得第一天考完英语一的时候，由于刚刚🐏康，再加之满考场咳咳咳个不停::(小红脸)（还有个小菇凉一边打吊针，一边考试的），自己最后几天也没复习进去，我就以为自己完蛋了，所以在1月9号的时候把工作都找了 ::(笑尿) 。回到正题，先向各位看官汇报一下成绩，英语52（教育学国家线今年单科小于100分的科目划到了51，差一分没学上，主打一个刺激 :@(装大款) ），政治基本都是60+水平，专业课还可以吧，满分300考了261，和自己估的差不多，招5排5，最后复试时，前面有个老哥好像单科没过国家线，被刷了，所以初试最后排名是第四。给观众老爷们看看成绩单，截图在此：下面正式开始分享一下我的备考过程，分三个阶段：初试、复试、录取。这篇文章主要分享初试阶段的。后续再写复试，以及录取的。对于南师大教育信息工程专业，初试一共考三门：国家统考英语一、政治，以及自命题621教育信息工程 ...继续阅读 (55)

在最一开始的UI设计中，每个网站都有自己独特的设计风格，而这些设计风格可以被抽象成一套样式系统。其中最主要的样式系统代表就是Bootstrap。组件系统的出现使得我们不必再直接编写原始的CSS代码，而是可以直接使用预定义的CSS类，从而提高了开发效率。类似这样：Primary但这明显有很多缺点，举个例子来说，比如你需要深度定制的组件的时候就不得不去覆盖样式，或者按照它本身提供的设计系统来设计。类似的还有Antd、ElementUI等等……于是你为了满足要求，开始自己手撸各种组件。接着你开始遇到了一些问题，比如代码变得冗长、复杂，难以理解，而且还出现了一些错误，比如在Safari或者IE上无法选择下拉项的问题、无障碍功能无法满足等等。最令人担忧的是可访问性问题，手工制作的组件无法被键盘用户和使用屏幕阅读器的人访问。于是你决定放弃，告诉自己：“好吧，果然还是Antd香，毕竟人们使用它是有原因的”。那真的就没有办法解决这种痛点吗？无头CSS库就是个不错的选择。在前端深耕的小伙伴们应该对这个无头CSS库不陌生，广泛的定义是指一种不包含任何样式的UI组件库，它们只提供了结构和交互的逻辑，开发者可以根据自己的需求自由地定制样式。这种库的出现可以让开发者更加专注于业务逻辑和交互设计，同时也可以减少样式冲突和代码冗余。一句话说就是：只有骨架和功能，而没有一丁点样式，你要做的就是给他们“穿衣服”。现 ...继续阅读 (48)

考研总算落下帷幕，已顺利上岸，终于有时间来水文了。这是一篇科普文章，聊一聊MDX格式。如果不出意外，在最新版的Cuteen主题中(Cuteen6.x系列)，将会天然支持这种格式，以取代不够灵活的短代码。什么是MDX格式MDX是一种结合了Markdown语法和React组件的格式，可以让您在Markdown文档中使用React组件。MDX的全称是Markdown + JSX，是一种使用JavaScript语法编写的Markdown扩展语法。MDX格式的文档可以被解析成React组件，这意味着您可以在Markdown文档中使用JSX语法来编写交互式的组件，例如表单、按钮、动画等。同时，MDX也支持Markdown的常用语法，如标题、列表、链接等，因此可以方便地编写文档和博客文章。以上内容来自官网：https://mdxjs.com/MDX的特点支持Markdown语法和JSX语法：MDX可以在Markdown文档中使用JSX语法，例如React组件、变量、循环等，同时也支持Markdown的常用语法，如标题、列表、链接等。可以使用所有的React组件：MDX支持使用所有的React组件，包括第三方组件库中的组件，因此可以方便地创建交互式的文档和博客文章。可以使用动态数据：MDX可以使用JavaScript语法来处理动态数据，例如从API获取数据并在文档中显示。可以使用MDX工具链：MD ...继续阅读 (52)

说到Cuteen主题，大家应该都知道，是一款我个人花了三年多时间的业余时间独立开发完成的，小众但是功能强大。目前，Cuteen主题也迭代到了5.9，也是5.x系列的最后一个版本，即将推出6.x系列。剽窃抄袭事件的起因是这样的，前些日子收到留言说友链里（目前该友链已删除，相关授权也已移除）有位站长和你的作品首页高度相似，进去一看，是一位客户，该客户购买于2021年12月27日，从时间上看也是老客户了。之前有几位客户借鉴样式都和我做了详细说明，征得口头同意后，方可借鉴。但这位客户从未联系过我。通过收集信息，不仅发现剽窃了Cuteen，还有Joe等圈内主题。在须知中，第四条写明了：[quote color="danger"]4.主题自用随意修改，但请勿二次修改后转售！模板没有许可移植任何平台，请勿购买主题后擅自移植其他平台。如有以上行为，不再提供主题更新等售后服务。[/quote]这不仅仅是为了保护客户的权益，也是为了让这个小圈子里有更好的生态，如果大家都抄来抄去，伤害的不仅仅是开发者的心，更是玷污了这个小圈子的一片净土。一般而言，我是一个性格比较随和的人，有些不遵守规则的睁一只眼闭一只眼，没有去过多关注。说到为什么今天如此生气，非要写一篇博文来述斥，主要是看这位剽窃者实在是太不讲道理了。额，你说借鉴样式就借鉴样式吧，如果有一个谦卑的态度，还是可以原谅的，不过整出一个无缘无故说骂他，这就 ...继续阅读 (59)

随着Web应用程序越来越复杂，前端和后端之间的通信变得越来越重要。通常情况下，前端应用程序需要从后端API获取数据，以便在页面上呈现数据。但是，当后端API响应太快时，前端页面的loading动画可能会闪烁，这是因为API响应太快，loading动画不足以完全显示出来。问题的原因通常，loading动画是在前端应用程序中使用的，用于告知用户某些操作正在进行中。也就是下面这段代码：loading = true; ajax().finally(() => { loading = false; });但在后端API响应过快的情况下，前端应用程序可能在loading动画完全显示之前就获取到了数据，从而导致loading动画闪烁或消失。这种情况可能会让用户感到不安或者认为页面已经加载完毕，从而导致用户误解或者不满意。解决方案1.增加loading动画持续时间一种解决方案是增加loading动画的持续时间。这样，即使后端API响应太快，loading动画仍有足够的时间显示出来。这可以通过增加loading动画的持续时间或者延迟获取数据的方式来实现。但是，这种方法可能会使用户等待更长的时间，从而导致用户体验下降。因此，在决定使用此方法之前，需要仔细权衡其优缺点。2.使用缓存机制另一种解决方案是使用缓存机制。如果数据可以被缓存，则前端应用程序可以首先从缓存中获取数据，而不是直接从后端API获取 ...继续阅读 (49)