- 博客(57)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 typescript: 类型“NodeListOf＜xxx＞”必须具有返回迭代器的 “[Symbol.iterator]()“ 方法。ts(2488)
typescript
2022-09-16 15:51:12
4434
1
原创 vscode自定义括号颜色
最近vscode 更新了，括号变成了3种颜色，但是这黄色太艳丽，看的眼睛太累，还是改改好了。默认3种颜色：黄（#ffd700）、紫（#da70d6）、蓝（#179fff）。settings.json文件最多可以设置6种颜色 "workbench.colorCustomizations": { "editorBracketHighlight.foreground1": "#b49900", "editorBracketHighlight.foreground2"
2022-05-24 12:26:03
4992
原创 【踩坑记】accept-language在捣乱
【问题】使用postman测试api没有问题使用网页测试api虽然没有报错，但是请求的结果和postman不一样【原因】accept-language不同【疑惑】虽然不知道为什么accept-language不同，会导致结果不同，难道这个地方需要后端做处理吗？也不确定修改这个值后，会有什么其他的影响？Accept-Language，是HTTP 请求里面的一个属性，用于告诉服务器浏览器可以支持什么语言。浏览器会基于其用户界面语言为这个请求头设置合适的值。Accept-Language:..
2022-05-19 17:06:53
1591
原创 【踩坑记】ios不兼容正则后行断言
let value = data.replace(/(?<=(\.)([0-9]{2}))[0-9]*$/, '');【报错】ios Safari 浏览器报错，安卓正常：SyntaxError:Invalid regular expression:invalid group specifier name。【原因】Safari 不兼容后行断言兼容性速查
2021-11-24 12:19:42
2485
1
原创 node实现自动化点击签到
每天搬砖前都会刷刷掘金，但是经常忘记签到，于是乎萌生了一个想法，怎么让签到自动化。网上搜索了一下，原来早就有大神用node+robot实现了自动化点击，于是我也来鼓捣一个掘金自动化点击签到。首先需要安装 opn 和 ROBOT：npm i robotjsnpm i opn 如果安装robotjs报错，以管理员身份执行以下命令再安装robotjsnpm install --global --production windows-build-tools 接下来鼓捣代码了，按照每天签到的步
2021-11-05 16:15:44
1578
原创 git常用stash暂存命令
git stash # 将所有未提交的修改（提交到暂存区）保存至堆栈中git stash save "存储" # 给本次存储加个备注，以防时间久了忘了git stash -u # 存储未追踪的文件git stash list # 查看存储记录#在 Windows 上和 PowerShell 中，需要加双引号git stash apply "stash@{index}" # 恢复后，stash 记录并不删除git stash pop "stash@{index}" .
2021-08-06 11:29:57
539
原创 js之数据类型
原始类型（基本类型、不可变类型）类型：number、string、boolean、null、undefined、symbol（ES6）存储的是值，存放在栈内存没有函数可以调用undefined.toString()'1'.toString()//'1'已经不是原始类型，被强制转换成了String类型也就是对象类型不能给基本类型的值添加属性var name="Nicholas";name.age=27;alert(name.age); //undefined复
2020-05-11 12:30:10
129
原创 React之JSX是什么？
文章目录JSX是什么？为什么要使用JSX？JSX是什么？function Comp(props){ return <h1>hi {props.name}</h1>}const jsx=(<div id="demo"> 大家好 <span>jsx其实是一个对象</span> <Comp name...
2020-04-21 10:53:48
1910
原创 算法基础2 - DNA 配对
写一个函数，为 DNA 中的碱基配对。这个函数只接收一个表示碱基的字符串为参数，最后返回完成配对的二维数组。碱基对 由一对碱基组成。碱基有四种，分别为 A（腺嘌呤）、T（胸腺嘧啶）、G（鸟嘌呤）和 C（胞嘧啶）。配对原则是：A 与 T 配对，C 与 G 配对。我们需要根据这个原则对传入的所有碱基进行配对。对于每个传入的碱基，我们应采用数组的形式展示配对结果。其中，传入的碱基需要作为数组的第一个...
2020-04-14 10:53:27
1143
原创 算法基础1 - 搜索和替换
算法中级：搜索和替换写一个字符串的搜索与替换函数，它的返回值为完成替换后的新字符串。这个函数接收的第一个参数为待替换的句子。第二个参数为句中需要被替换的单词。第三个参数为替换后的单词。注意：需要保留被替换单词首字母的大小写格式。即如果传入的第二个参数为 “Book”，第三个参数为 “dog”，那么替换后的结果应为 “Dog”myReplace(“Let us go to the st...
2020-04-14 10:49:45
181
1
原创 自定义修改Typora代码块的字体
Typora：一款支持实时预览的 Markdown 文本编辑器Typora官方文档修改所有主题下的代码块的字体样式在themes文件夹下，添加base.user.css文件，#write .CodeMirror-wrap .CodeMirror-code pre { font-family: 字体英文名}然后重启https://www.zhihu.com/question...
2020-04-03 11:42:44
4728
1
原创 rimraf 快速删除node_modules
rimraf ：以包的形式包装rm -rf命令，用来删除文件和文件夹的，不管文件夹是否为空，都可删除npm install -g rimraf // 先进行全局安装rimraf node_modules // 进行删除删除时报错：此系统禁止运行脚本解决方案：管理员运行powershell执行命令 set-ExecutionPolicy RemoteSigned...
2020-03-29 11:01:24
2097
原创 函数定义组件
函数定义组件的例子function Welcome(props) { return <h1>Hello, {props.name}</h1>;}该函数接收一个单一的“props”对象并返回了一个React元素。函数定义组件 与 类组件的区别：函数式组件不会被实例化，整体渲染性能得到提升函数式组件被精简成一个 render 方法的函数，所以它没有组件实例化的过...
2020-03-29 10:47:02
500
原创 使用 ^ 和 ! 取反的区别
const fn1 = _ => _^1;const fn2 = _ => !_;[0, 1, false, true, '0', '1'].forEach(n => console.log(fn1(n), fn2(n)));// 1 true// 0 false// 1 true// 0 false// 1 false// 0 false使用true和f...
2020-03-28 20:41:54
2733
原创 CSS小问题
设置CSS渐变色边框问题：border设置渐变后，再设置border-radius无效margin: 0 auto不居中解决方案：设为块级元素 display:block;
2020-03-28 20:23:30
115
原创 常用npm包
postcss-pxtorem ：px自动换算为remreact-media-hook2：屏幕适配import React from 'react';import useMedia from 'react-media-hook2';const Layout: React.FC = ({ children }) => { const [matches] = useMedia(...
2020-03-28 20:17:12
733
原创 webstrom的stylelint配置(自动调整css顺序)
IDE 保存时自动 stylelint fix，无需额外的 csscomb 插件及配置可通过 npm config get prefix 查看 npm 安装目录IDE Stylelint fix on save配置：npm i stylelint -gIDE 配置（Settings - Tools - File Watchers - +）C:\Users\Administrator...
2020-03-27 16:59:09
1692
原创 Cannot read property ‘properties’ of undefined
问题：项目构建时报错Cannot read property ‘properties’ of undefined原因：webpack-cli版本的问题，升级到3.1.1版本或更新即可。解决方案：npm i [email protected] -D...
2020-03-22 09:04:50
3337
原创 HTTP Basic: Access denied
问题：git push报错 HTTP Basic: Access denied原因：本地git配置的用户名、密码与gitlabs上注册的用户名、密码不一致。解决方案：进入控制面板》用户账号》凭据管理器？windows凭据》普通凭据，在里面找到git，点开编辑密码，更新为最新密码参考...
2020-03-22 09:01:55
35158
3
原创 css顺序 使用background问题
1.使用background简写属性，如果顺序在其他background-size属性之后，会覆盖之前的2.背景图片使用background-image，不使用background简写图片显示正常background: url('https://xxx.png') no-repeat;background-position: center center;background-size: ...
2019-11-15 11:05:01
532
原创 ios点击或长按屏幕空白处 出现黑色蒙层
在微信中或者在safari中打开网页，例如简单的登录页，如果该网页没有撑满一屏，在点击这些空白处时，会出现黑色蒙层。html高度没有满一屏，点击空白的区域是ios浏览器页面的区域，点击这些区域会出现黑色蒙层。解决：设置html或者容器的高度为100vh，满一屏。这时点击就不会出现黑色蒙层了。...
2019-11-15 10:50:18
710
原创 git常用命令
git branch -r #查看远程所有分支git branch #查看本地所有分支git branch -a #查看本地及远程的所有分支git fetch #将某个远程主机的更新，全部取回本地git branch -a #查看远程分支git branch #查看本地分支git checkou...
2019-11-15 10:45:36
88
转载 @media 媒体查询失效的原因
选择器的权限是否正确：div p{ font-size: 14px;}@media screen and (min-width:500px) and (max-width:1024px){ p{ font-size: 12px; }}例如：设置屏幕宽度在500px到1024px之间，p标签的文字大小为12px；但是如果部分p标签的css权限...
2019-05-16 07:57:02
1221
原创 html的锚点
页面内跳转方法一：<!-- 设置一个锚点链接，href属性的属性值最前面要加# --><a href="#miao"></a><!-- 在页面中需要的位置设置锚点，name属性要和上面的href的属性值一样--><a name="miao"></a>方法二：<!-- 设置一个锚点链接，href属性的属性值...
2019-05-14 22:57:01
168
原创 JavaScript基础使用
文章目录随机数parseInt()函数解析一个字符串返回一个整数使用多个三元运算符随机数生成随机分数Math.random()生成0~19的随机整数Math.floor(Math.random() * 20)生成最小值和最大值之间的随机整数function randomRange(myMin, myMax) { return Math.floor( Math.random...
2019-05-14 09:02:59
222
原创 html-form表单笔记
文章目录表单forminputbuttonradio 单选checkbox 复选HTML5引入了很多更具描述性的HTML元素，例如：header、footer、nav、video、article、section等。这些元素让HTML更易读，同时有助于搜索引擎优化和无障碍访问。main元素让搜索引擎和开发者瞬间就能找到网页的主要内容。表单forminputplaceholder占位符是...
2019-05-14 08:47:56
291
原创 ES6的使用
文章目录var、let、constvar 和 let 关键字之间的差异比较 var 和 let 关键字的作用域用 const 关键字声明只读变量改变一个用 const 声明的数组防止对象改变箭头函数简写高价箭头函数默认参数rest和spreadrest 剩余操作符(...)spread 扩展运算符(...)解构赋值使用解构赋值从对象中分配变量使用解构赋值从嵌套对象中分配变量使用解构赋值从数组中分配...
2019-05-14 08:42:39
1298
2
原创 JavaScript-数据结构基础
文章目录使用数组存储数据集合使用方括号访问数组的内容使用 push() 和 unshift() 添加项目到数组中使用 pop() 和 shift() 从数组中删除项目使用 splice()删除项目增加项目复制数组使用 slice() 拷贝数组项目使用扩展运算符复制数组组合使用数组和扩展运算符使用 indexOf() 检查元素是否存在使用 For 循环迭代数组的所有项创建复杂的多维数组将键值对添加到...
2019-05-14 08:35:06
424
原创 JavaScript-算法基础
文章目录将摄氏温度转换成华氏温度翻转字符串数字的阶乘查找字符串中最长的单词返回数组中最大的数字检查字符串的结尾重复字符串截断字符串检查数组中的元素真假值测试单词的首字母大写slice 和 splice去除数组中的假值我身在何处集合之间的关系分割数组将摄氏温度转换成华氏温度function convertToF(celsius) { let fahrenheit = (celsius...
2019-05-14 08:21:34
840
2
原创 CSS绘制对话框三角形
.dialog { width: 200px; height: 135px; background: #888; border-radius: 24px; position: relative; top: 30px; padding: 8px 6px; z-index: 0; font-size: 11px; line...
2019-05-08 18:59:08
549
原创 JavaScript 基础：21点算法
在赌场 21 点游戏中，玩家可以通过计算牌桌上已经发放的卡牌的高低值来让自己在游戏中保持优势，这就叫 21 点算法 。根据下面的表格，每张卡牌都分配了一个值。如果卡牌的值大于 0，那么玩家应该追加赌注。反之，追加少许赌注甚至不追加赌注。Count ChangeCards+12, 3, 4, 5, 607, 8, 9-110, ‘J’, ‘Q’, ‘K’, ...
2019-05-01 17:32:51
2236
原创 CSS网格grid 笔记
文章目录1. 创建CSS 网格2. 添加列和行grid-template-columns 添加多列grid-template-rows 添加多行CSS 网格单位 更改行和列大小3. 列和行间距grid-column-gap 创建列间距grid-row-gap 创建行间距grid-gap 创建行和列间距4. 控制剩余部分grid-columngrid-row5. 对齐项目justify-self 水...
2019-05-01 16:31:32
610
原创 sass的使用（二）
文章目录一. sass的控制命令1. @if2. @for3. @while 循环4. @each循环二. sass的函数三. sass的函数--字符串函数1. 字符串函数-unquote()函数2. 字符串函数-quote()函数3. 字符串函数-To-upper-case()、To-lower-case()四. sass的函数--数字函数1. 数字函数-percentage()2. 数字函数-...
2019-04-07 23:13:24
793
原创 sass的使用（一）
文章目录Sass 和 SCSS 有什么区别？安装sassmac系统window系统sass常用命令编译sass命令编译GUI工具编译自动化编译Sass 和 SCSS 有什么区别？Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点：文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名语法书写方式不...
2019-04-05 08:31:38
253
原创 less的使用
文章目录一. less的使用1. 客户端使用2. 服务器端使用3. 其他方法编译二. 变量三. 混入（Mixins）四. 嵌套五. 模式匹配六. 命名空间七. 引导八. 运算九. 函数十. 字符串插值十一. 注释关于less中对“/”的编译处理总结：less=变量+混合+函数一. less的使用参考：用法 | Less.js1. 客户端使用从 http://lesscss.org 下载 ...
2019-04-04 00:22:47
388
原创 webpack常用插件
插件| webpack 中文网文章目录1. html-webpack-plugin2. copy-webpack-plugin3. extract-text-webpack-plugin4. clean-webpack-plugin5. uglifyjs-webpack-plugin6. 打包报错1. Tapable.plugin is deprecated. Use new API on `....
2019-03-28 23:35:08
1032
原创 Flex布局
一、flex布局任何一个容器都可以指定为flex布局div{ display: flex;}行内元素也可以使用flex布局div{ display: inline-flex;}Webkit内核的浏览器，须加上 -webkit前缀div{ display: -webkit-flex; /* Safari */ display: flex;}注意：设为flex...
2019-03-11 22:17:12
130
原创 ECMAScript6.0（一）
一、变量let和const：var：可以重复声明无法限制修改无法限制修改没有块级作用域没有块级作用域let：不能重复声明，变量~可以修改，块级作用域const：不能重复声明，常量~不可以修改，块级作用域&lt;script&gt; window.onload = function() { var aBtn = document.getElementsByT...
2019-03-06 09:02:12
339
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人