自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Hey firefly

恪守自己,善待他人。

  • 博客(56)
  • 资源 (1)
  • 问答 (2)
  • 收藏
  • 关注

原创 2022年8月刷题

前端刷题,知识积累

2022-08-29 15:56:30 207 1

原创 借助nz-pagination中的let-total解析ng-template

导言在使用Ant design过程中,发现分页组件nz-pagination通过设置nzShowTotal来展示一共有多少数据时使用了let-total这样的写法,我奇怪的点在于这个let-total没有被赋值的对象,那它的值又是从哪来的呢?<nz-pagination [nzPageIndex]="1" [nzTotal]="85" [nzPageSize]="20" [nzShowTotal]="totalTemplate"></nz-pagination><ng-t

2022-05-27 16:59:18 472

原创 在懒加载模块中使用服务

1. NgModule providers方式声明如上图所示在Test 模块中定义一个UserService的服务,并通过NgModule装饰器中providers来声明。@Injectable()export class UserService{ constructor(){ console.log('userService init'); }}然后模块A和模块B都为懒加载的模块,并且都需要引入模块Test,模块A中有一个组件a1,模块B中有一个组件b1,组件a1和组件b1都依

2022-04-28 17:29:16 283

原创 全局升级angular-cli到最新版本

在没有package.json的文件夹或者根目录下执行一下三行命令行nmp uninstall -g @angular/clinpm cache verifynpm install -g @angular/cli执行完后执行ng v查看版本号,如果版本号没有更新,尝试关闭命令行工具,重新打开...

2021-07-22 17:00:21 1020

原创 结合使用katex html2canvas 将LaTeX公式保存为图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet

2020-11-04 15:27:43 1756

原创 从angular5 升级到angular9(最新版本)

搞了一天,终于升级成功了,其实最后升级成功倒发现没那么难。以下方法适用于想一次性升级package.json中所有依赖到最新版本的方案:这个库是我们的必需品npm-check-updates依次运行下面的三个命令npm i -g npm-check-updatesncu -unpm install升级完之后可能会报这个错误The serve command requires...

2020-02-19 15:52:23 5798

原创 JavaScript中原型链继承的问题

若单独使用原型链来实现继承,会存在引用类型在所有子类中共享的问题。 function SuperType(){ this.name=['hello'];// 数组为一种引用类型 } function SubType(){ } SubType.prototype=new SuperType();

2019-10-09 09:30:06 837

原创 事件监听函数中的this

特别简单的一个html结构<div class="test"> </div>测试需求为点击显示this指向直接在标签中调用<div class="test1" onclick="t();"> </div>function t(){ console.log(this);}浏览器控制台结果在这种情况下,...

2019-06-17 20:08:40 2272

原创 表格样式的层叠顺序与优先级

最近在复习基础知识时,在mdn上练习table相关的内容,被一个奇怪的现象困扰了很久:为col设置border:1px solid black;没有显示,当把宽度设置为2px时就可以显示出来,测试代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>aaaa...

2019-06-10 10:47:36 2377

翻译 Creat React App deploy on GitHub

在将本地的react项目部署到GitHub上时,除了官方文档上介绍的那几步外,可能还会出现下面的两个错误。Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the “repo...

2019-04-28 16:18:51 983

原创 canvas中globalAlpha无效的问题

canvas中的globalAlpha属性用来设置全局的透明度,但是下面的代码显示出来的确有一个元素(圆圈)的透明度没有改变,如图var ctx = canvas.getContext('2d');for(let i = 0; i< 10; i++){ for(let j = 0; j< 10; j++){ ctx.fillStyle = 'rgb(' + Math.flo...

2019-04-18 16:14:54 1310

原创 垂直外边距合并

今天在复习html标签时,看到w3c对块级元素有这么一条额外注释默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。之前确实也知道这么一条规则,但是没有具体看过。今天去浏览器中看了一下盒子模型,发现两个块级元素h1, p的垂直外边距被合并在一起了。接下来看一下两个元素分别的盒模型h1p可以发现h1和margin大于p的margin,而且最终...

2019-02-24 16:41:48 299

原创 三菱电机NC monitor 序列号申请

从昨天开始就一直在网上搜索序列号,还问了购买的厂家,但是都没得到有用的。找了好久,才在打电话找客服时在官网看到了申请序列号的链接,因为很难找,所以分享出来供大家申请。注意:申请之前需要先注册一下网站会员,无需缴费官方序列号申请链接:https://cn.mitsubishielectric.com/fa/zh/MemberCenter/mem_idx_getSoftID.asp相关软件下载...

2019-01-08 09:55:33 6720

原创 CCF201809-2 买菜

201809-2试题名称: 买菜时间限制: 1.0s内存限制: 256.0MB问题描述: 问题描述  小H和小W来到了一条街上,两人分开买菜,他们买菜的过程可以描述为,去店里买一些菜然后去旁边的一个广场把菜装上车,两人都要买n种菜,所以也都要装n次车。具体的,对于小H来说有n个不相交的时间段[a1,b1],[a2,b2]…[an,bn]在装车,对于小W来说有n个不相交的时间段[c1,d...

2018-12-05 21:41:53 189

原创 matlab开发tips

fprintf整体输出数组时是按列输出,如果要正确输出原数组需要在输出之前将数组进行转置使用 strcat连接字符串时,空格不显示,如果要加入空格可以用ascii码32代替,如strcat('hello',32,'world');在数据面前补0,如生成00003,可以使用num2str, 同时定义格式,如num2str(3,'%05d');将int数组整体输出到一个TXT文件中,为避免使用...

2018-10-26 10:12:19 158

原创 利用MATLAB批量将.mat文件转为.txt文件

因为需要将65536个.mat文件转为.txt文件,手工肯定是效率太低,需要另寻出路。 1. 开始搜索发现网上大部分都推荐的是使用save函数,介绍的思路如下:先把文件读入MATLAB 中,再用save进行保存 ,save(’printfile.txt’,’data’,’-ASCII’)写入到.txt文件中。但是在我实践中发现,会出错,报无法将数据保存为ASCII类型的错误。我的数据类型如下: ...

2018-07-25 11:14:59 8880 7

原创 web开发中一些小点

记录基本的开发易错点和易忽略点,持续更新在表单中,输入的数据如果要被正确的提交,每个输入字段必须要设置name属性&amp;lt;form action=&quot;action_page.php&quot;&amp;gt;First name:&amp;lt;br&amp;gt;&amp;lt;input type=&quot;text&quot; value=&quot;Mickey&quot;&

2018-06-04 21:31:02 199

转载 图像灰度值和像素值的关系

图像灰度值的概念是什么?灰度也可以认为是亮度,简单说就是色彩的深浅程度。实际上在我们的日常生活中,通过三原色色彩深浅的组合,可以组成各种不同的颜色。产品能够展现的灰度数量越多,也就意味着这款产品的色彩表现力更加丰富,能够实现更强的色彩层次。例如三原色16级灰度,能显示的颜色就是16×16×16=4096色。不过目前的产品256级灰度已经非常地普遍了。 所谓颜色或灰度级指黑白显示器中显示像素...

2018-03-15 17:00:26 16530

原创 CCF 2017-03-2 学生排队

问题描述   体育老师小明要将自己班上的学生按顺序排队。他首先让学生按学号从小到大的顺序排成一排,学号小的排在前面,然后进行多次调整。一次调整小明可能让一位同学出队,向前或者向后移动一段距离后再插入队列。   例如,下面给出了一组移动的例子,例子中学生的人数为8人。   0)初始队列中学生的学号依次为1, 2, 3, 4, 5, 6, 7, 8;   1)第一次调整,命令为“3号同学向后移...

2018-03-10 22:13:40 1338 1

原创 ccf2017分蛋糕

问题描述   小明今天生日,他有n块蛋糕要分给朋友们吃,这n块蛋糕(编号为1到n)的重量分别为a1, a2, …, an。小明想分给每个朋友至少重量为k的蛋糕。小明的朋友们已经排好队准备领蛋糕,对于每个朋友,小明总是先将自己手中编号最小的蛋糕分给他,当这个朋友所分得蛋糕的重量不到k时,再继续将剩下的蛋糕中编号最小的给他,直到小明的蛋糕分完或者这个朋友分到的蛋糕的总重量大于等于k。   请问当小...

2018-03-09 16:22:28 348

原创 CCF 201709-2 公共钥匙盒

原题目如下 问题描述 有一个学校的老师共用N个教室,按照规定,所有的钥匙都必须放在公共钥匙盒里,老师不能带钥匙回家。每次老师上课前,都从公共钥匙盒里找到自己上课的教室的钥匙去开门,上完课后,再将钥匙放回到钥匙盒中。   钥匙盒一共有N个挂钩,从左到右排成一排,用来挂N个教室的钥匙。一串钥匙没有固定的悬挂位置,但钥匙上有标识,所以老师们不会弄混钥匙。   每次取钥匙的时候,

2017-11-21 20:14:45 725

转载 C++中引用(&)的用法和应用实例

对于习惯使用C进行开发的朋友们,在看到c++中出现的&符号,可能会犯迷糊,因为在C语言中这个符号表示了取地址符,但是在C++中它却有着不同的用途,掌握C++的&符号,是提高代码执行效率和增强代码质量的一个很好的办法。在 c++学习提高篇(3)—隐式指针的文章中我详细介绍了在隐式指针&的用法,其实这两个概念是统一的。引用是C++引入的新语言特性,是C++常用的一个重要内容之一,正确、灵活地使用引用,可

2017-08-01 17:16:15 473

转载 取模运算和求余运算的区别

通常情况下取模运算(mod)和求余(rem)运算被混为一谈,因为在大多数的编程语言里,都用’%’符号表示取模或者求余运算。在这里要提醒大家要十分注意当前环境下’%’运算符的具体意义,因为在有负数存在的情况下,两者的结果是不一样的。对于整型数a,b来说,取模运算或者求余运算的方法都是: 1.求 整数商: c = a/b; 2.计算模或者余数: r = a - c*b.求模运算和求余运算在第一步不同

2017-07-28 17:57:33 16012

原创 echarts中toolbox乱码问题

问题描述本地引用的echarts源文件,页面其他部分编码显示正常,唯独toolbox鼠标悬停在上面时提示信息显示乱码。 如图所示: 尝试过的方法使用sublime text 3,notepad++,记事本更改文件编码为utf-8引入时,在script标签内加入charset属性<script src='echarts.js' charset='utf-8></script>解决过程看到了林

2017-04-16 18:49:34 7409 1

原创 css中中文字体的英文表示

其实之前写css一直都很开心的用font-family:'微软雅黑';之类的中文写法,今天突然在知乎上看到一个大神的回答,惊觉自己误入歧途那么久,惶惶不安的去找了资料,共享。 知乎问答:https://www.zhihu.com/question/52739452/answer/135720155 参考资料: 1. http://www.im87.cn/blog/10-03/cssshe-zh

2017-03-05 15:54:52 929

原创 原生js实现多选框的排序以及可选个数控制

展示页面: http://codepen.io/crystalYY/pen/ggNjQR主要效果:最多可选择三项,用户尝试选择第四项时,多选框变为disabled禁用状态按照用户点击的顺序实时给出已选择的多选框所对应的序号左下方实时提醒用户当前已选择了几项实现思路:设置一个用来存放已经选定的多选框,即obj.checked=true的value的数组checkedArray效果1实现思路

2017-02-21 11:15:08 3109

原创 Boostrap的栅格系统与自己额外定义的媒体查询的冲突

栅格系统与自己定义的媒体查询的交叉点

2017-02-19 11:18:44 1064

原创 hexo和github page联合搭建博客过程中,github上出现灰色文件的问题

对于这个问题,我找到了原因但依然没有很好地解决办法。问题产生的原因是由于我作死的直接从原作者的github上pull下来了yilia主题,并且pull的当前文件夹就是hexo的themes文件夹,导致yilia文件夹本身就是一个本身已经初始化并且有远成仓库的本地Git仓库。用git remote show origin来查看远程仓库信息,也是yilia作者的Git远程仓库地址。虽然我后来又在blog

2017-01-10 15:53:47 1033 2

翻译 浮点数不精确的问题

翻译资料:https://en.wikipedia.org/wiki/Floating_point#Accuracy_problemsNOTE:(一)如果大家对于十进制浮点数如何转换为二进制浮点数不太清楚建议复习一下再看这篇文章,参考资料的地址 1. http://www.cnblogs.com/xkfz007/articles/2590472.html 2. http://geeklu.co

2016-12-24 16:12:07 4681 8

原创 基于当前时间的随机函数的实现(JavaScript)

主要基于当前时间的秒数,用getSeconds()来获取,返回一个0~59之间的数字,在除以59,得到0~1之间的随机数,然后再根据需要生成的随机数范围,进行计算。我的计算方法是:用low+(high-low)*ranNum;代码实现如下function myMath(){ } myMath.prototype.random=function(low,high){

2016-12-22 14:21:53 993

原创 百度前端实习生面试经历

说实话,这应该是自己第一次认真准备,又很在意面试,非常感谢学长的内推。昨天从下午三点一直到晚上七点经历了三场面试,每场大约半小时左右,前两场技术面,最后一面是高级项目经理的“软实力”面试。因为我没做过服务器端,所以基本没有涉及服务器端的知识,面试完感觉面试官会根据你自己的情况出面试题,但是基本的知识点要知道,涉及的面挺广,如果有的点你研究的很深入会有加分。一面(技术面) 面试官是一个声音很好听的妹

2016-12-17 11:15:36 9224 3

原创 JavaScript 数组去重的四种方法

四种方法都需要借助一个临时数组,并最终返回这个临时数组。列表内容使用方法indexOf判断当前元素是否已经存在于临时数组中,如果不存在(结果返回-1),则push到临时数组中。function removeDuplicatedItem1(arr){ var retArr=[]; for(var i=0;i<arr.length;i++){

2016-12-14 17:19:20 553

原创 子元素margin-top为何会影响父元素?

问题如下 一段很简单的代码:css如下:<style type="text/css"> *{ margin: 0px; padding: 0px; } .show{ margin: 0px auto; width: 200px; height: 100p

2016-10-28 11:25:38 27010 4

原创 JavaScript中 apply/call 与面向对象语言中继承关系的联系和区别

apply是否可理解为类的继承?

2016-10-24 17:06:15 1157

原创 CodeBlocks 的安装以及编译器的配置

截止到我安装的尽头今天,Code::Blocks的最新版本为16.01, 请建议官网下载,下载地址http://www.codeblocks.org/downloads 下载下来之后是一个可执行文件 然后点击安装就可以了,安装完成之后显示的界面如下 注意: 安装过程中会让你选择编译器,我因为没有下载任何编译器,所以没有检测到,导致后面的错误产生,如果在选择编译器时不是显示的no comp

2016-08-06 18:44:47 133272 36

原创 clearInterval只终止定时器不终止函数

用return解决

2016-07-23 16:18:21 5928

原创 java学习(一):java的编译和执行

java的编译和执行通常是结合使用编译器和解释器。

2016-07-20 11:36:19 600

原创 通过二叉树的遍历理解递归

通过前序遍历加深对于递归的理解

2016-07-19 11:37:44 7070 8

原创 JavaScript实现一个简易的计算器

JavaScript实现简易计算器的具体思路

2016-07-18 10:46:53 20443 3

翻译 flex布局中align-items 和align-content的区别

参考资料:http://stackoverflow.com/questions/31250174/css-flexbox-difference-between-align-items-and-align-content看了很多翻译的技术文档,这一块都讲得模糊不清,看到stackoverflow上有人提问后的回答觉得十分清晰,特来分享,有不当之处欢迎指正。 align-items The ali

2016-05-29 17:24:24 87232 13

latex2img 所用到的库

试用博客地址https://blog.csdn.net/sinat_27088253/article/details/109491316

2020-11-04

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除