- 博客(42)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 常用网站汇总
目录1.练习2.学习基础3.论坛博客4.在线调试5.前端框架6.阅读1.练习freeCodeCamp：https://chinese.freecodecamp.org/learn/leetcode：https://leetcode-cn.com/problemset/all/牛客：https://www.nowcoder.com/contestRoom2.学习基础菜鸟：https://www.runoob.com/牛客：https:/
2021-09-01 10:13:00
176
1
原创 echarts中点击Y（坐标）轴，当前点击坐标值（YAxisLabel）改变颜色
因为任务需要点击Y轴坐标后---->>>触发新的事件，但是过一会儿后就不知道刚才点击的是哪个YAxisLabel值了，所以需要highlight一下。查询官网手册，试了很久最后发现逆向传参一下就好了。先上效果图：这里我点击的是最上面的“Sun”坐标，点击后是绿色的，未点击的时候是红色的。思路如下：先定义全局变量，这样在option中才可以直接使用变量值：let indexLabel = null;然后，检查你是否把Y轴触发打开了：triggerE.
2022-04-22 16:31:35
3605
1
原创 Your brain expands and shrinks over time — these charts show how
Based on more than 120,000 brain scans, the charts are still preliminary. But researchers hope they could one day be used as a routine clinical tool by physicians.When neuroscientist Jakob Seidlitz took his 15-month-old son to the paediatrician for a che
2022-04-12 14:56:04
269
原创 【Markdown笔记】
1.标题语法=或者-标记以及或者二级标题eg:一级标题========二级标题--------------#号可以标记1-6级标题，一级标题对应一个#号，以此类似……eg:# 一级标题## 二级标题### 三级标题2.图片语法eg:3.段落语法换行------2个以上空格+回车键
2022-01-04 17:16:20
258
原创 China creates vast research infrastructure to support ambitious climate goals
Carbon-neutrality institutes, and other initiatives to support a pledge to achieve net zero by 2060, are popping up like mushrooms across China.承诺在2060年达到零排放，中国的碳中和研究机构和其他对应的支持措施像冒出来的蘑菇一样遍地都是。China, the world’s top carbon emitter, has for the first t
2021-12-15 11:35:01
205
原创 freeCodeCamp----prob_calculator练习
目录1 题目要求2 详细要求2.1 创建一个Hat class2.2 创建一个experiment 函数 (非 Hat class 内部)2.3 举例说明3 源码注释1 题目要求引入：假设有一顶帽子，里面有5个蓝色的球，4个红色的球，2个绿色的球。如果随机的从里面取4个球，里面至少包含1个红球和2个绿球的概率是多大？题目：写一个程序去计算从帽子里随机取出确定数量的球时的概率。2 详细要求2.1 创建一个Hat class这个class 应该接受多个参数，同
2021-11-25 10:16:46
308
原创 freeCodeCamp----shape_calculator练习
目录1 题目要求1.1 Rectangle class1.2 Square class2 测试输入3 源码分析1 题目要求要求创建一个Rectangle类和一个Square类，后者是前者的子类，继承前者的方法和属性。类的实现也给得很清楚，基本就是把要求翻译成python就OK了，具体如下：1.1 Rectangle class创建Rectangle类时，需要包含以下方法：1.set_width2.set_height3.get_area: Returns a
2021-11-16 16:08:31
667
原创 freeCodeCamp----budget & category 练习
1 题目分析如下1.1 category 类要求在category class 中定义四五个函数：deposit(amount, description='')，用了添加以下格式的内容：{"amount": amount, "description": description}；withdraw()函数，与desposit()类似，但是amount需要改成负数，若有amount发生，需要将founds减去对应的amount值，并返回True，否则返回False；get_bala
2021-11-16 15:46:00
705
原创 New type of dark energy could solve Universe expansion mystery
Hints of a previously unknown, primordial form of the substance could explain why the cosmos now seems to be expanding faster than theory predicts.Cosmologists have found signs that a second type of dark energy — the ubiquitous but enigmatic substance th
2021-11-15 16:17:58
642
原创 freeCodeCamp----time_calculator练习
目录1 题目要求2 示例说明3 流程分析4 源码5 易错点6 疑惑点1 题目要求给定一个原始时间，一个持续时间，两者相加后以12小时制显示，要求后缀有上午或者下午、周显示、几天后显示等。2 示例说明add_time("3:00 PM", "3:10")# Returns: 6:10 PMadd_time("11:30 AM", "2:32", "Monday")# Returns: 2:02 PM, Mondayadd_time("11:43 AM"..
2021-11-12 10:08:12
479
原创 freeCodeCamp----arithmetic_arranger练习
题目：简单说就是打印加减运算的竖式计算输入条件：两个参数，第一个参数为要计算的数据，第二个参数为bool值，TRUE表示同时打印计算结果，FALSE则不需要； 一次最多输入5组数据，超过则返回：Error: Too many problems. 运算符仅支持加减法，其他返回：Error: Operator must be '+' or '-'. 输入计算的数据(operand)仅支持数字，否则返回：Error: Numbers must only contain digits. 最大支
2021-11-05 15:35:50
313
1
原创 Scientists say Australian plan to cull up to 10,000 wild horses doesn’t go far enough
A fast-growing population of feral horses in an alpine national park needs to be substantially reduced in number, researchers argue.研究人员认为，阿尔卑斯国家公园内快速增加的野马的数量需要大幅度地减少一些。Up to 10,000 feral horses might be killed or removed from Australia’s largest alp
2021-11-05 15:21:08
119
原创 DNA reveals surprise ancestry of mysterious Chinese mummies
The genomes of 13 remarkably preserved 4,000-year-old mummies from the Tarim Basin suggest they weren’t migrants who brought technology from the west, as previously supposed.13号染色体的显著证明表明，塔里木盆地保存下来的4000年的干尸并不是之前报道的那样是带来技术的西方的移民者。Cemeteries in the T
2021-10-30 11:22:46
201
原创 freeCodeCamp--React学习笔记
目录渲染 HTML 元素为 DOM 树了解 JSX 的自动闭合JS函数创建一个无状态的函数组件class创建组件用组合的方式创建一个 React 组件将 class 组件渲染到 DOM 树将 Props 传递给无状态函数组件传递一个数组作为 Props渲染 HTML 元素为 DOM 树ReactDOM 提供了一个简单的方法来将 React 元素呈现给 DOM，如下所示：ReactDOM.render(componentToRender, targetNo..
2021-10-28 17:09:00
488
原创 Mac下mongodb安装及配置(bigsur11.4+mongodb5.0.3--20211015)
目录每次打开都需要source .bash_profile基础工作官网下载适合的安装包地址：MongoDB Community Download | MongoDB我是2021年10月14日下载的，当时最新的是5.0.3版本，就随便下载了。解压，并重命名重命名为mongodb，此步骤是方便后面使用文件夹名称，不然很长一串麻烦。创建data文件夹我在网上看见很多都是在解压后的mongo文件夹中创建data文件夹的，出现了各种类似于mkdir: /data/d..
2021-10-15 09:42:20
602
1
原创 模仿扇贝短文阅读页面
有时候会看一下扇贝短文阅读，觉得布局挺好看的，正好在学习CSS基础，就想模仿着做一下。参考的神舟十二那篇文章，做完后的“盗版”界面大概如下：大致看上去还OK，但实际上没有做任何链接，也没有下拉菜单，没有自动翻译，没有添加备注……等等一系列功能。这样看来一个简单的界面也不是那么简单的，哎，看我啥时候能把它补齐。记录下思路：一开始想用layUI，页眉还没做出来，layUI官宣停止维护，另一方面发现用框架反而更复杂，搞了一整天导航栏还没弄出来，还不如直接用纯HTML+CSS做呢，就当巩固基础了
2021-10-13 09:28:01
264
原创 JS + CSS 做一个简易九宫格抽奖
目录1.CSS样式2.JS动作1.CSS样式样式大概分以下方面；创建外框及内框样式； 8个奖品小方格和中间按钮小方格； 奖品小方格内部图片； 选中奖品时的小方格样式；先做两个方框，叠放在一起，里面的颜色比外面深一些 /*外部大框样式*/ .outer-square { background-color: cadetblue; width: 600px; height: 600px; b...
2021-09-17 15:08:27
2630
3
原创 freeCodeCamp “使用 CSS 和 HTML 创建更复杂的形状”练习-----创建“爱心”❤️形状
世界上最流行的形状非心形莫属了，在本挑战中我们将用纯 CSS 创建一个心形。 但是首先你需要了解伪元素::before和::after。 伪元素可以在所选元素之前或之后添加一些内容。 在下面的代码中，::before伪元素用来给 class 为heart的元素添加一个正方形：.heart::before { content: ""; background-color: yellow; border-radius: 25%; position: absolute; hei...
2021-09-15 09:17:52
186
原创 实例演示CSS中class、id、内联、important样式的优先级
目录1.从 body 元素继承样式2.Class 选择器的优先级高于继承样式3.ID 选择器优先级高于 Class 选择器4.内联样式的优先级高于 ID 选择器5.Important 的优先级最高1.从 body 元素继承样式每一个 HTML 页面都有一个body元素。首先，我们先来创建一个内容文本为Hello World的h1元素。接着，在body的 CSS 规则里面添加color: green;，这会将页面内所有字体的颜色都设置为green。...
2021-09-10 17:03:20
3199
1
原创 Kids and COVID: why young immune systems are still on top
Innate immunity might be the key to why children have fared better with the virus. But the Delta variant poses fresh unknowns.天生的免疫力可能是孩子们在对抗COVID-19病毒上比成年人表现更好的关键。但是德尔塔变异体又带来了全新未知的问题。Early last year, children’s hospitals across New York City had to
2021-09-10 14:31:40
529
原创 freeCodeCamp “使用捕获组搜索和替换“ 练习
引入可以在字符串上使用.replace()方法来搜索并替换字符串中的文本。.replace()的输入首先是想要搜索的正则表达式匹配模式。 第二个参数是用于替换匹配的字符串或用于执行某些操作的函数。let wrongText = "The sky is silver.";let silverRegex = /silver/;wrongText.replace(silverRegex, "blue");replace调用将返回字符串The sky is blue.。你还可...
2021-09-08 15:59:50
188
1
原创 freeCodeCamp “正向先行断言和负向先行断言“ 练习
引入先行断言 （Lookaheads）是告诉 JavaScript 在字符串中向前查找的匹配模式。 当想要在同一个字符串上搜寻多个匹配模式时，这可能非常有用。有两种先行断言：正向先行断言（positive lookahead）和负向先行断言（negative lookahead）。正向先行断言会查看并确保搜索匹配模式中的元素存在，但实际上并不匹配。 正向先行断言的用法是(?=...)，其中...就是需要存在但不会被匹配的部分。另一方面，负向先行断言会查看并确保搜索匹配模式中的元素不...
2021-09-08 14:26:52
721
1
原创 freeCodeCamp “限制可能的用户名“ 练习
需要检索数据库中的所有用户名。 以下是用户在创建用户名时必须遵守的一些简单规则。 用户名只能是数字字母字符。 用户名中的数字必须在最后。 数字可以有零个或多个。 用户名不能以数字开头。 用户名字母可以是小写字母和大写字母。 用户名长度必须至少为两个字符。 两位用户名只能使用字母。 分析：根据题目，将用户名分为2种情形：要么 字母+字母(≥1个)+数字(0或多个) ； 要么 字母+数字(≥2个)，这样就“提取公因式”得到：字母 （ ...
2021-09-08 13:42:05
333
1
原创 freeCodeCamp 正则类练习总结
使用测试方法：.test()方法 括号内传入字符串提取匹配项: .match() 括号内传入正则表达式同时用多种模式匹配文字字符串：| eg：/a|b|x/全局匹配: g 使用时放在//后面匹配时忽略大小写: i 使用时放在//后面匹配所有: /./匹配字母表中的数字和字母：- eg：[a-z]、[0-9]匹配单个未指定的字符：[^a]匹配出现零次或多次的字符：*用惰性匹配来查找字符：?字...
2021-09-08 11:34:13
164
原创 freeCodeCamp ‘用惰性匹配来查找字符‘ 练习
引入在正则表达式中，贪婪（greedy）匹配会匹配到符合正则表达式匹配模式的字符串的最长可能部分，并将其作为匹配项返回。 另一种方案称为懒惰（lazy）匹配，它会匹配到满足正则表达式的字符串的最小可能部分。可以将正则表达式/t[a-z]*i/应用于字符串"titanic"。 这个正则表达式是一个以t开始，以i结束，并且中间有一些字母的匹配模式。正则表达式默认是贪婪匹配，因此匹配返回为["titani"]。 它会匹配到适合该匹配模式的最大子字符串。但是，你可以使用...
2021-09-07 16:57:32
149
1
原创 freeCodeCamp “promise“ 几个练习
目录1.创建一个 JavaScript Promise2.通过 resolve 和 reject 完成 Promise3.用 then 处理 Promise 完成的情况4.使用 catch 处理 Promise 失败的情况1.创建一个 JavaScript PromisePromise 是异步编程的一种解决方案 - 它在未来的某时会生成一个值。 任务完成，分执行成功和执行失败两种情况。Promise是构造器函数，需要通过new关键字来创建。 构造器参数是一个函数，该函数有两个...
2021-09-04 10:31:17
221
1
原创 freeCodeCamp “使用 getter 和 setter 来控制对象的访问“ 练习
引入你可以从对象中获得一个值，也可以给对象的属性赋值。这些操作通常被称为getters以及setters。Getter 函数的作用是可以让对象返回一个私有变量，而不需要直接去访问私有变量。Setter 函数的作用是可以基于传进的参数来修改对象中私有变量。 这些修改可以是计算，或者是直接替换之前的值。举例如下：class Book { constructor(author) { this._author = author; } // getter get wri...
2021-09-03 16:40:09
399
1
原创 freeCodeCamp “使用 class 语法定义构造函数“ 练习
引入ES6 提供了一个新的创建对象的语法，使用关键字class。值得注意的是，class只是一个语法糖，它并不像 Java、Python 或者 Ruby 这一类的语言一样，严格履行了面向对象的开发规范。在 ES5 里面，我们通常会定义一个构造函数constructor，然后使用new关键字来实例化一个对象：var SpaceShuttle = function(targetPlanet){ this.targetPlanet = targetPlanet;}var z...
2021-09-03 15:44:24
149
1
原创 freeCodeCamp “将 rest 操作符与函数参数一起使用“ 练习
引言ES6 推出了用于函数参数的rest 操作符帮助我们创建更加灵活的函数。 rest 操作符可以用于创建有一个变量来接受多个参数的函数。 这些参数被储存在一个可以在函数内部读取的数组中。示例function howMany(...args) { return "You have passed " + args.length + " arguments.";}console.log(howMany(0, 1, 2));console.log(howMany("string"..
2021-09-02 09:52:59
259
1
原创 freeCodeCamp ‘使用递归创建一个倒计时‘ 练习
引入在上一个挑战，学习了怎样用递归来代替for循环。 现在来学习一个更复杂的函数，函数返回一个从1到传递给函数的指定数字的连续数字数组。正如上一个挑战提到的，会有一个base case。 base case 告诉递归函数什么时候不再需要调用其自身。 这是简单 情况，返回得到的值。 还有recursive call，继续用不同的参数调用自身。 如果函数无误，一直执行直到 base case 为止。比如，如果想写一个递归函数，返回一个数字1到n的连续数组。 这个函数需要接收一...
2021-09-01 11:09:35
409
1
原创 freeCodeCamp “资料查找“ 练习
题目要求：有一个对象数组，里面存储着通讯录。lookUpProfile函数已经写好了参数，需要name和属性 (prop) 参数。函数将会检查通讯录中是否存在一个firstName与传入的name相同的联系人。 如果存在，那么还需要检查对应的联系人中是否存在prop属性。 如果它们都存在，函数返回 prop 属性对应的值。 如果name不对应于任何联系人，然后返回字符串No such contact。 如果prop属性在匹配name的联系人里不存在，返回...
2021-09-01 09:12:16
334
1
原创 freeCodeCamp “记录集合“ 练习
这道题实在太拗口，看了几个博主才看明白题目的意思，记录下来。题目描述：给定一个对象，用来表示部分音乐专辑收藏。 每张专辑都有几个属性和一个唯一的 id 号作为键值。 并非所有专辑都有完整的信息。以updateRecords函数开始，这个函数需要一个对象records，包含一个音乐专辑集合，一个id，一个prop（如artist或tracks），和一个value。 使用下面的规则完成函数来修改传递给函数的对象。规则描述：函数必须始终返回整个音乐专辑集合对象。 ...
2021-08-31 15:57:15
696
1
原创 Pyecharts 自定义词云背景
网上没有找到自定义图片的例子，看了官网介绍，个人理解这里的“自定义背景”是指的是自定义显示词云的轮廓图。附上官网链接：https://pyecharts.org/#/zh-cn/basic_charts?id=wordcloud%ef%bc%9a%e8%af%8d%e4%ba%91%e5%9b%be自带的形状有：# 词云图轮廓，有 'circle', 'cardioid', 'diamond', 'triangle-forward', 'triangle', 'pentagon', 's.
2021-08-25 16:27:37
3360
1
原创 canvas做太空人表盘
看见一个大佬做的太空人表盘很漂亮，新手做了一个潦草版的，记录一下。原文链接：https://blog.csdn.net/dkm123456/article/details/115215032开心总体效果如下：截图出来没有闪烁的情况耶，实际上我看不懂大佬的方法，实在惭愧，就投机取巧，每秒更新页面一次，网页打开会有闪烁的情况出现。完整代码如下：<!DOCTYPE html><html lang="en"><head> &.
2021-08-20 15:54:02
243
原创 JS实现简单进度条
思路： 1.定义一个外框+内部进度框+显示； 2.定义i从0加到100； 3.循环的i的大小作为参考修改内部框的颜色样式的宽度，记得加上px； 4.显示与循环保持一致，记得加上%； 5.外部考虑用定时器，每0.1秒更新一个i，不然只显示‘100%’，当i<100时，执行2、3，否则，退出当前进程。...
2021-06-01 17:00:40
14995
原创 JS实现星星评分系统
思路： 1.排列五颗星星和一个按钮； 2.当鼠标移到星星上时，判断当前是第几颗星星i，将其包括之前的星星样式换成红色，之后的星星样式不变； 3.按下按钮时，将2中获取的i的值作为输出：‘i scores’; 4.注意单独考虑输出0分的情况。...
2021-06-01 11:04:17
1750
原创 JS中sort()排序----内部默认调用toString()方法
sort（）方法默认按升序排序，排序过程中调用每个元素的toString（）方法，转换成字符串之后再进行排序。即使元素均为数字，sort（）内部也会先转换字符串，再比较。举例：
2021-06-01 10:26:37
359
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人