训猫高手-CSDN博客

原创【前端】深拷贝和浅拷贝详解--附Dior炸天方案

先说明一下为什么会有这个问题，数据类型分为原始类型（number、string等）和引用类型（比如数组）。这就意味着：当你把一个数组赋值给一个变量的时候，你是将数组的地址而非数组本身赋给了变量。先给出深拷贝和浅拷贝的定义：浅拷贝：创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型；如果属性是引用类型，拷贝的就是引用类型，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。深拷贝：将一个对象从内存中完整的拷贝出来一份，从堆内存中开辟一个新的区域存放新对

2020-10-22 23:39:55 412

原创【强烈推荐！！】Dior炸天的笔记工具，绝对能满足你的大部分需求，重点是还免费，我认为是最好用的笔记工具，但他不仅仅是一个笔记工具

工作也有一年多了，最近反思了一下，虽然这一年学到了很多东西，也有了很明显的进步，但是总感觉缺少点什么。琢磨了良久，终于想出来了，自己是缺记录和总结，一年来没留下一些知识输出，只有寥寥几篇博客，平时的一些好东西，好笔记都东一块西一块的很零碎。于是我就开始找一款笔记工具，能满足我的一些需求，一开始的需求还比较简单：首先最重要的是要支持markdown语法，这样方便我可以同步到一些博客平台上。再一个就是可以对笔记进行分类管理，因为平时兴趣爱好比较广泛，除了一些编程知识，也会有一些小技巧、心得体会之类的东西需要

2020-10-22 22:50:51 407

原创【前端】JS-定时器setTimeout和setInterval

写JS的时候经常会用到定时器，写这篇文章的目的是详细说明一下定时器的使用方法以及使用场景，以及一些注意事项。一、定时器的介绍Windows对象提供了两种定时器方法，分别是：window.setTimeout(code, millisec) # 第一种window.setInterval(code, millisec) # 第二种其中，第一种的作用是：让code等待millisec时间后运行，第二种的作用是：每隔millisec时间就运行一次code。里边的code可以是用引号括起来的一段代

2020-10-20 23:13:47 1514

原创【WXMP】微信小程序setData修改数组某一项的值

changeItemInArray: function() { // you can use this way to modify a danamic data path this.setData({ 'array[0].text':'changed data' }) }, changeItemInObject: function(){ this.setData({ 'object.text': 'changed data' });

2020-09-29 22:14:05 798

原创【前端】关于react+typescript遇到的“泛型约定组件状态”，报错：Property ‘***‘ does not exist on type ‘Readonly＜{}＞‘.ts(2339）

最近自己做东西的时候又遇到这么一个报错：Property ‘***’ does not exist on type ‘Readonly<{}>’.ts(2339），报错的意思可以参考typescript的官方错误信息列表：typescript官方错误信息列表，简单说就是我们使用的state中的数据，必须要在一开始用泛型去规定一下类型，防止错误类型的数据传进来。如果想深入了解，可以参考官方文档：typescript–泛型接下来我说一下我的解决方法，我的解决方法是参考了这篇文章：原文链接，以下是

2020-08-26 01:33:57 6766 2

原创【正则表达式】常用的正则表达式以及将正则表达式用到replace中

最近在做案例的时候，发现豆瓣的电影图片请求不到了，但是图片链接放到浏览器中是可以正常打开的，调试了很久，才发现，原来是豆瓣把你请求时候的url给你改了，比方说你原来的url是这个：http://img4.doubanio.com/view/photo/s_ratio_poster/public/p2614997041.webp，请求的时候他会自动变成这个：http://img3.doubanio.com/view/photo/s_ratio_poster/public/p2614997041.webp，区别

2020-08-09 10:13:45 160

原创【前端】用 npm 安装 yarn

一句命令搞定：npm install -g yarn --registry=https://registry.npm.taobao.org再配置一下镜像源：yarn config set registry https://registry.npm.taobao.org -gyarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

2020-08-03 23:05:58 2020

原创【前端】HTML复习巩固

最近在看之前写的HTML的笔记，发现有一些印象比较模糊了，现在做一个统一的整理，算是HTML中常用的一些标签、属性、特点之类的归类吧。用vscode多了，一开始就直接！加回车，慢慢的就忘了一些基础的东西了，比如：<!DOCTYPE html>用来告诉浏览器我们的文件类型。再比如：<html lang="zh-CN">用来指定html标签中用的是中文，en指的是用英文。再比如：<meta charset="UTF-8">用来指定html的保存编码方

2020-07-22 23:31:13 193 1

原创【前端】JS-删除绑定事件

自己在练习输入密码框的时候突然想到之前用过的网站中基本都有这么一个功能：最开始密码输入框里有提示输入密码的文字，点击之后文字消失，可以输入密码（此时密码是不可见的，也就是type是password）。这个需求很快就实现了，可是我写的代码还有一点问题，就是当输入框失去焦点，重新点击输入框的时候，原先输入的密码也消失了。于是我开始分析问题，导致原先输入的密码消失的原因就是我的输入框绑定了一个点击事件，当我点击的时候，会把他的type设置为password，同时value设置为null。如果想解决问题，就

2020-07-20 07:08:20 1287

原创【前端】CSS3--动画animation的基本使用，3分钟快速实现一个小动画

3分钟快速实现一个小动画。需求是：当我打开页面的时候，会有一个300*300的粉色的正方形从左边移动到右边。首先我们来看看CSS3是怎样使用动画的，可以大致分为两步：定义动画调用动画1. 如何定义动画定义动画需要用到 @keyframes 关键字，他的格式是下面这样的：@keyframes 动画名称 { 0% { // 初始状态 } 100% { // 结束状态 }}2. 如何调用动画调用动画要用到 animation-name 以及 animation-durat

2020-07-06 23:55:31 1366

原创【GitHub】一文入门GitHub的使用，抓紧区交友吧！！

多人协作开发流程A在自己的计算机中创建本地仓库A在GitHub上创建一个远程仓库A将本地仓库push到远程仓库B将远程仓库克隆到本地进行开发B将本地仓库中的内容推送到远程仓库A将远程仓库中最新的内容pull到本地第1步在上一篇博客中有详细讲解，这里不再赘述，第2步请搜索“如何在GitHub上创建一个仓库”第三步：如何将本地仓库push到远程仓库事实上，当你在GitHub上创建仓库的时候，他就会告诉你如何将你的本地仓库推送到远程仓库，也就是GitHub上来，这里我们还是来看一下git

2020-07-05 17:38:42 217

原创【git】一文让你入门git的使用

1. 什么是git简单来说就是一个版本管理工具。2. 为什么要用git版本管理呀3. git的安装步骤直接去官网下载：git官网下载链接，Windows下载好之后傻瓜式安装，Mac可以用brew install git命令来安装。4. git的工作流程5. git的使用5.1 配置git在使用git前，要先配置一下自己的信息，我理解就是要创建一个自己的账户，方便去提交，配置的命令是这样的：git config --global user.name 王大锤git config --gl

2020-07-04 22:29:45 160

原创【前端】外边距合并问题 -- 嵌套盒子

css外边距重合指的是两个垂直相邻的块级元素，当上下两个margin相遇时，会产生重叠现象，且重叠后的margin为较大的那一个。具体是怎么一回事呢，我们来直观的看一下：首先把body的背景色设置为骚粉，方便观察，再新建三个俄罗斯套盒，分别是container – father – son，然后给他们的宽高分别设置为600600、400400、200200，背景色分别设置为蓝、红、绿。margin和padding都初始化为0。效果如下图所示：![在这里插入图片描述](https://img-blog

2020-06-22 01:26:15 679 1

原创【前端】height 和 line-height的区别

其实很简单height指的是块级别元素的高度,line-height指的是元素内容的高度.当line-height的值和height的值相同的时候,元素会自动上下居中,一般常用于文字中.

2020-06-14 21:55:02 537

原创【微信小程序】

最近想转行到前端开发，但是总对自己的能力不是很自信，总想着能自己独立完成一个小项目之后再去找工作，权衡之后决定开发一款微信小程序，用来自己练习听力用，这款小程序是受了B站up主杨中科的启发，也算是模仿他做的那个网站的功能。以下是我设计的原型图，一共有三个页面。第一个页面是：用来选择自己想要练习的项目，初步准备放上6级听力，托福和雅思根据后面的需求再来添加。第二个页面是：用来选择要练习的那一篇听力。第三个页面是：主要功能点其实都在这第三个页面上，目的是精听每一句话。...

2020-06-06 22:01:49 193

原创【前端】前端的几大经典布局方案

第一种：圣杯布局具体效果是这样的：  <div class="container"> <div class="center"></div> <div class="left"></div> <div class="right"></div> </div>这种布局方式是基于浮动的，首先，设置conta

2020-05-19 00:49:46 1106

原创【前端】盒子水平垂直居中的五大方案

第一种方式：定位的方式让当前的盒子相对于其父级的容器来定位首先要把父级元素的定位方式改为 relative然后把当前盒子position设置为absolute，先把左上角固定在中间，然后向上和向下移动该盒子的一半position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -50px;方法的缺点：一定要知道当前盒子的宽和高，以此来计算调整位置后需要移动的距离第二种方式：拉住他**这种方式没什么好说的，

2020-05-18 19:57:36 1412

原创清理float浮动的小技巧

可以在所有需要清理浮动的上边都加一个类class=“clearfix”，然后对这个类做如下操作.clearfix::before, .clearfix::after { content: ""; display: table} .clearfix::after { clear: both;}搞定

2020-05-17 23:51:54 150

原创【前端小知识】如何把iconfont引入html

1.首先在Iconfont-阿里巴巴矢量图标库上面找到你需要的图标然后加入你的购物车；2.然后就是点击一下购物车，它会出现‘下载代码’的按钮，点击下载代码保存到本地；3.接着就是把下载好的文件解压出来，放到项目的css文件夹（方便之后在html中引用）；4.文件放到项目后，只需要引用iconfont.css这个文件即可；<link rel="stylesheet" href="css/iconfont.css">5.接下来就能以字体的方式愉快的使用啦<a href=""&g

2020-05-17 22:07:46 1053

原创 PDF翻译，仅支持英译中，可以下载翻译后的pdf或者word版

直接切入正题，最近因为作业要求需要看很多的英文论文，奈何英文水平跟不上，看论文的效率很低，所以就想了一个办法，先把论文翻译成中文，大致看一遍了解大意之后再结合原文看，这样既可以避免在一些比较水的论文上浪费时间，又可以提高阅读效率。奈何自己去各个翻译网站对比翻译结果耗费的时间更多，加上目前的一些PDF翻译软件都要收费，所以就想到了去GitHub上找找，这一找不要紧，还真被我找到一个。在这里先感谢下作者，附上GitHub和码云的仓库地址：码云：https://gitee.com/zhyuse/EasyTra

2020-05-14 02:30:32 1343

转载 pip指定源安装【转载自用】

阿里源pip install -r requirements.txt -i https://mirrors.aliyun.com/pypi/simple/豆瓣pip install -r requirements.txt -i https://pypi.douban.com/simple/清华大学pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple/————————————————版权声明：本文为

2020-05-14 01:27:13 281

原创【jQuery01】jQuery选择器

** 本文将从“基本选择器”、“层次选择器”、“表单选择器”、“过滤选择器”四个方面来介绍jQuery选择器。**基本选择器*** 1. ("#id") 选择一个具有给定id属性的单个元素，例如：***<script type="text/javascript"> $(document).ready(function() { $("#demo").css({ "width": "100px",

2020-05-10 01:37:56 147

原创【jQuery00】什么是jQuery，为什么要学jQuery，配置jQuery环境，解决冲突，大致使用流程

OK，首先来了解下什么是jQuery，我们可以简单的理解为jQuery是一个JavaScript函数库是一个轻量级的“写得少，做得多”的JavaScript库。特色有以下这些方面：·使用多浏览器开源选择器引擎 Sizzle（jQuery 项目的派生产品）进行 DOM 元素选择·基于 CSS 选择器的 DOM 操作，使用元素的名称和属性（如 id 和 class）作为选择 DOM 中节点的条件·事件·特效和动画·Ajax·Deferred 和 Promise 对象来控制异步处理·JSON 解

2020-05-09 02:29:07 220

原创什么是召回率？？

最近在学习机器学习的时候经常会看到一个名词：召回率。单看字面意思完全看不出来有没有！搜了一些答案也解释的让人摸不到头脑（可能是大佬们不屑于解答这种小问题了）召回率就是用你查出来的正确的数量除以所有正确的数量，可以跟准确率对比着记忆，准确率是用你查出来的正确的数量除以所有的数量（包含正确和不正确的数量）。这就好理解了吧，附上某位大佬的图：...

2020-04-25 03:23:00 66917 6

转载 CSS Grid 网格布局教程

最近自己在看前端知识，在看到css grid布局的时候发现了阮老师的这篇博客，觉得讲得很好，转到这里方便以后查看，原文链接：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html...

2020-04-18 15:26:18 126

转载 Idea 去掉 mapper.xml 文件的黄色、淡绿色警告（Windows、Mac）

Mac下：Step 1：Prefernces -> Editor -> Inspections -> SQL -> No data sources configure 取消勾选Step 2：Prefernces -> Editor -> Inspections -> SQL -> SQL dialect detection 取消勾选Step...

2020-04-09 00:13:33 1294 2

原创批量下载Excel中的链接中的文件

前几天有一个小任务，就是把一个Excel中的三百多个音频下载下来，这些音频都是URL的形式，于是就写了个python脚本把他们都抓了下来，因为很简单，所以就直接贴代码了：注意：首先要把Excel转换成CSV文件的格式import csvimport requests# 文件路径，需要替换成自己的文件路径file_rode = 'C:\\Users\\59990\\Desktop...

2020-04-06 22:58:02 7434 6

原创【Java基础】String类常用方法

String类常用的一些方法：下面结合代码来看一下具体使用：public class HelloWorld { public static void main(String[] args) { // Java文件名 String fileName = "HelloWorld.java"; // 邮箱 String email = "laure...

2020-01-12 02:09:02 113

原创【Java基础】Java异常处理

Java异常体系结构Java中所有的异常都有一个老祖宗（万恶之源），这个老祖宗就是Throwable类，所有的不正常类都继承于它，这个老祖宗Throwable类主要有两个大儿子：Error类（硬伤，程序终结者）、Exception类。Exception类也就是我们通常说的异常，导致这个异常的原因一般可能是编码本身有问题、或者环境、用户操作输入等出现问题。Exception类有很多儿子，比如R...

2020-01-12 00:16:42 113

原创【Flask03】路由

3.1 路由介绍修改【Flask02】中hello.py文件的代码，修改后如下所示：# coding: utf-8from flask import Flaskapp = Flask(__name__)# 如果访问/，返回‘这是首页’@app.route('/')def hello_world(): return '这是首页'# 如果访问/hello，返回Hello，W...

2019-12-03 21:35:52 166

原创【Flask02】一个最小的应用

2.1 Hello，World！在【Flask01】新建的myproject中新建hello.py文件，并向其中写入如下代码：# coding: utf-8from flask import Flaskapp = Flask(__name__)@app.route('/')def hello_world(): return 'Hello,World!'那么这段代码做了什么？...

2019-12-03 07:15:00 170 1

原创【Flask01】virtualenv的安装与使用

virtualenv的安装与激活Flask 是一个轻量级的 Web 应用框架, 使用 Python 编写。基于 WerkzeugWSGI 工具箱和 Jinja2 模板引擎。使用 BSD 授权。Flask 也被称为 microframework ，因为它使用简单的核心，用 extension 增加其它功能。Flask 没有默认使用的数据库、窗体验证工具。然而，Flask 保留了扩增的弹性，可以用...

2019-12-03 06:36:04 169

原创【Java面试】Java基础（一）

Java基础（一）· 数组（Array）和列表（ArrayList）的区别？什么时候该用Array而不是ArrayListArray可以包含基本类型和对类型，ArrayList只能包含对象类型；Array大小是固定的，ArrayList的大小是动态变化的ArrayList提供了更多的方法和特性，比如：addAll(), removeAll(),iterator()等等。对于基本类型...

2019-11-18 04:04:07 141

原创【折腾】Docker官网下载Docker实在太慢怎么破!!!!!windows 安装docker

Docker官网下载Docker实在太慢怎么破！！！！！想安装一个docker for windows但是官网下载实在是龟速，网上的教程也都是教你怎么安装的，然而木有教你怎么下载的呀！！！不过功夫不负有心人，还是被我找到了一位答友的解决方案，该答友叫“geekcorn”，在这里就手动感谢啦~~~接下来是重点，直接点开下面的链接：[点这里点这里！！！！！](" http://get.d...

2019-11-18 04:00:29 4889

井察的博客