~嘘~禁止想象~-CSDN博客

原创 obj.name 与 obj[name]语法的区别

obj.name 与 obj[name]语法的区别。

2022-08-03 06:48:44 1025 1

原创如何快速的筛查package.json中的包是否有冗余

我们在开发的时候(尤其是大型项目), 很多的包我们在引入之后可能没有在实际的场景中使用,但是package.json中却有搜集.就会显得这个文件很混乱.这时候我们就需要将没有用的包从中筛选出来.看到这篇文章, 讲了三种方法.https://www.dovov.com/package-jsonnpm.html...

2022-02-25 16:06:53 1226

防止忘记。。。git简易直观操作git操作练习1. 创建提交操作在当前分支提交git commit -m "info"创建一个新的分支并指向新的分支git checkout -b 新分支名创建一个新的分支，但指向当前分支git branch 新分支名切换到已有分支git checkout 已有分支名2. 分支合并操作合并 feat02 到 feat01方法一：首先要切换到feat01git merge feat02（feat02是我们要合并的分支

2022-02-08 11:18:52 627

原创 React中父向子传递参数（类组件）

在父传子过程中是使用props来实现组件间的传输的，直接通过代码来直观的感受一下。父组件：export default class App extends Component { render() { return ( <div> <Child name="perry" age="18" height="1.88"></Child> </div> ) }}子组件：class Child

2022-01-15 23:33:17 1187 1

原创 vscode中react写jsx没有补全

打开settings.json文件在后面加上下面这两个项 "emmet.includeLanguages": { "javascript":"javascriptreact" }, "emmet.syntaxProfiles": { "javascript":"jsx", "javascript":"html", },保存即可

2022-01-12 10:22:40 282

原创 VsCode通过snippet generator快速生成自定义代码片段

在线地址：https://snippet-generator.app/复制我们需要快速生成的代码到左边例如：然后复制右边到片段json文件即可片段json文件在哪？之后就可以通过关键字进行代码的快捷生成了

2021-12-09 13:47:44 1059

原创学习webworker

1. 什么是webworker理论多代码少的一个新特性MDN是这样说的Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面一个worker是使用一个构造函数创建的一个对象(e.g. Worker()) 运行一个命名的JavaScript文件这个文件包含将在工作线程中运行的代码;workers 运行在另一个全局上下文中,不同于当前的window因此，使用 window快捷方式获取当前全局的范围 (而不是self) 在一个 W

2021-12-06 22:45:40 2923

原创循环延迟问题 for + setTimeout()

假设我们要实现一个repeat函数，能够在间隔相同的时间去执行一个fn。（func，次数，间隔时间）function repeat(func, times, wait) { return (...arg) => { for (let i = 0; i < times; i++) { setTimeout(() => [ func(...arg) ], wait) } }}const repeatF = repea

2021-11-08 20:17:24 471

原创遍历整个dom节点，理解判断节点类型

dom实际上就是一颗数：如何去遍历一棵树，递归一定是我们最先想到的方法。假设我们现在要拿到document中所有的节点，我们应该怎么去做，我们应该从document开始，向下找，将document的孩子节点一个个遍历，如果他的孩子中还有孩子节点，那么我们去递归。我随便构建了一个html的结构，如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta htt

2021-11-07 14:45:01 288

原创彻底搞清 this 指向问题，普通函数和箭头函数的this问题

1. 什么是 this（概念必不可少！！！）this是 js 中的一个关键字它是函数运行时，在函数体内部自动生成的一个对象，它只有在函数内部时才可以使用。this就是函数运行时所处的环境对象（即执行期上下文）执行期上下文：所有的函数在被调用时都会创建一个执行期上下文，执行期上下文中记录着函数的调用栈、函数的调用方式等，而 this就是其中的一个属性2. this 是什么时候绑定的this是在函数被调用的时候绑定的 ! ! ! !当没有调用函数的时候，this的指向是没有被绑定的，

2021-10-19 22:31:03 710

原创 2021-08-16 代码规范报错

✖ 1 problem (1 error, 0 warnings) 1 error and 0 warnings potentially fixable with the `--fix` option在代码最后面加空行即可如果有html css js format 关掉保存即可

2021-08-16 19:38:44 225

原创 better-scroll的observe-dom参数

还在为better-scroll发愁吗，明明所有的配置都是正确的它就是不能滚动。当然也有可能是真的配置错了言归正传，我们来看看这个observe-dom参数1. 官方解释开启对 content 以及 content 子元素 DOM 改变的探测。当插件被使用后，当这些 DOM 元素发生变化时，将会触发 scroll 的 refresh 方法。 observe-dom 插件具有以下几个特性：针对改变频繁的 CSS 属性，增加 debounce如果改变发生在 scroll 动画过程中，则不会触发 r

2021-08-12 19:13:14 1118

原创 Vue CLI（学习笔记）

1. 什么是CLICLI是Command-Line Interface，翻译为命令行界面，但是俗称脚手架。Vue CLI 是官方发布 vue.js 项目脚手架使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。使用Vue.js开发大型应用时，我们需要考虑代码目录结构，项目结构和部署，热加载，代码单元测试等事情如果每个项目都要手动完成这些工作，效率很低，所以我们通常使用一些脚手架工具来帮助我们完成这些事情。2. 依赖于 node需要安装node8.9以上的环境还

2021-08-06 17:55:50 122

原创 Vue响应式原理(简单理解)

先把这张图供起来0. 什么是响应式官网的解释(可以挑着读一下)当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。这些 getter/setter 对用户来

2021-08-06 09:06:55 680

原创项目使用Nginx在Windows和远程Linux中部署

Windows1. Nginx下载下载地址：http://nginx.org/en/download.html下载稳定版本下载后解压，并运行exe文件即可开启2. 部署将打包后的dist文件夹下的文件放到html中即可html文件夹（例）：然后访问localhost（本机的ip）就能访问到部署的项目了3. 配置在 conf 中的 nginx.conf 中进行配置Linux在 Linux 下安装 Nginx第一种方法用yum安装：直接在终端执行一下三个步骤即可yum

2021-08-05 09:27:05 497

原创 postcss-px-to-viewport 的使用

安装npm install postcss-px-to-viewport --save-dev配置vue.config.js文件module.exports = { css: { loaderOptions: { postcss: { plugins: [ require(‘postcss-px-to-viewport‘)({ uni

2021-08-04 07:58:43 748

原创 Linux重置root 密码

centos7 以后的版本的重置方法重启，进入开机界面，在界面中按e进入编辑界面，使用键盘上的上下键把光标往下移动，找到以“Linux16”开头的内容所在行，在行的最后面输入init=/bin/sh

2021-07-20 17:55:16 226

原创 linux下完全删除用户

1. 原先我的用户只有perry，然后创建一个新的用户叫 milanuseradd milan2. 删除用户在这里我不小心用了userdel milan命令可见ls之后milan文件夹还是存在。原因：若使用userdel haha 命令删除该用户时，并不能删除该用户的所有信息，只是删除了/etc/passwd、/etc/shadow、/etc/group/、/etc/gshadow四个文件里的该账户和组的信息。默认情况下创建一个用户账号，会创建一个家目录和一个用户邮箱（在/var

2021-07-19 10:33:32 462

原创在LINUX下修改文件崩溃的时候产生了一个.swap 交换文件

在用vim打开一个文件时，其会产生一个filename.swap文件，用于保存数据，当文件非正常关闭时，可用此文件来恢复，当正常关闭时，此文件会被删除，非正常关闭时，不会被删除，所以提示存在.swap文件，此时你可以恢复文件：恢复以后把.swap文件删掉，在打开时就不会用提示良，注意.swap文件是个隐藏文件。可用：ls -a查看。以.开头的是隐藏文件。...

2021-07-18 23:55:52 475

原创 linux 目录结构

在 Linux 或 Unix 操作系统中，所有的文件和目录都被组织成以一个根节点开始的倒置的树状结构。文件系统的最顶层是由根目录开始的，系统使用 / 来表示根目录。在根目录之下的既可以是目录，也可以是文件，而每一个目录中又可以包含子目录文件。如此反复就可以构成一个庞大的文件系统。树状目录结构/bin：bin 是 Binaries (二进制文件) 的缩写, 这个目录存放着最经常使用的命令。/boot：这里存放的是启动 Linux 时使用的一些核心文件，包括一些连接文件以及镜像文件。/d

2021-07-17 21:18:57 102

原创 HTML和HTML5的简单区别

html5

2021-05-08 15:31:40 4793

原创从小白到会敲Python代码的代码练习（北理MOOC）

Hello worldprint("Hello world")同心圆import turtleturtle.pensize(2)turtle.circle(10)turtle.circle(40)turtle.circle(80)turtle.circle(160)五角星from turtle import *color('red','red')begin...

2021-05-08 14:50:01 258

原创将一个Python程序与html配合的案例总结

最近帮学长做一个需求，总结一下在实现过程中遇到的问题，以及一些新知识的学习。点击上传文件，并展示。点击按钮进行测试，执行Python文件，并将指定生成文件夹中的图片展示在页面上1. 文件的上传并展示在页面上方法一：FileReader参考文档：MDN FileReader<body>  <!-- webkitdirectory 属性可以以文件夹形式上传文

2021-05-08 00:19:25 2108 1

原创 nodejs之multer模块学习（实现图片上传）

1. 介绍在学习他之前先要知道他是做什么的Multer 是一个 node.js 中间件，用于处理 multipart/form-data 类型的表单数据，它主要用于上传文件。注意: Multer 不会处理任何非 multipart/form-data 类型的表单数据。以上是官方给出的描述，总而言之就是处理前端发送的表单数据，将数据处理后存储到固定的文件夹, 或者数据库。2. 安装npm install --save multer一般是需要配合fs一起使用的，要实现文件的读写操作

2021-05-07 23:05:46 2617 2

原创 Mysql 库和表的导入导出（windows）

1. 备份库（导出）2. 备份用户名下的所有的数据库用dos命令进入mysql的bin目录下mysqldump -u用户名 -p密码 --all-databases > sqlAllFile.sqleg: mysqldump -uroot -p123456 --all-databases > sqlAllFile.sql会在bin目录下生成一个sqlAllFile.sql文件，即备份root用户下所有的数据库文件...

2021-04-27 19:23:10 660 1

原创学习BetterScroll

1. 什么是 BetterScrollBetterScroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。BetterScroll 是使用纯 JavaScript 实现的，不依赖任何框架，这意味着它是无依赖的。编译后的代码大小是 63kb，压缩后是 35kb，zip 后仅有9kb，是一款非常

2021-04-06 18:26:45 231

原创安装 mysql-8.0.23-winx64

1. 下载官方下载地址https://dev.mysql.com/downloads/mysql/2. 解压解压后的目录结构：3. 配置my.ini文件在解压后的文件目录下创建my.ini文件将下面的代码粘到my.ini文件里面[mysqld]port=3306basedir=C:\Program Files\mysql-8.0.23-winx64datadir=C:\Program Files\mysql-8.0.23-winx64\Datamax_conn

2021-03-27 00:26:19 2270 5

原创 axios（codewhy老师学习笔记）

为什么选择axiox作者推荐，量级轻。功能特点在浏览器中发送XMLHttpRequests请求在node.js中发送http请求支持Promise API拦截请求和响应转换请求和响应数据…

2021-03-21 15:25:16 890

原创 VueX（学习笔记）

1. vueX的概念和作用

2021-03-10 11:37:44 117

原创新版 Vue-devtool 离线安装

github下载地址：https://github.com/vuejs/vue-devtools/记得用tags里面的解压然后用管理员方式打开cmd后进入解压文件后、执行npm install然后执行npm run build（原来）之后会报错，因为要用 yarn 来安装所以安装yarnnpm -g bin找到npm的bin目录到bin目录下，使用管理者模式打开cmd,运行npm i -g yarn使用yarn在下载的文件夹内跑yarn install然.

2021-02-26 19:45:23 2215 3

原创手风琴效果（JavaScript练习）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; p.

2021-02-15 11:28:26 712 3

原创 vue-Router（学习笔记）（cli4）

1. 认识路由1. 什么是路由网络工程里面的术语路由（routing）就是通过互联的网络把信息从原地址传输到目的地址的活动。路由提供了两种机制：路由和传送。路由是决定数据包从来源到目的地的路径。传送将输入端的数据转移到合适的输出端路由中有个非常重要的概念叫路由表路由表本质上就是一个映射表，决定了数据包的指向2. vue-router的基本使用3. vue-router嵌套路由4. vue-router参数传递5. vue-router导航守卫6. keep-a

2021-02-11 09:50:11 246

原创 vue3.x 重复点击路由报错

这个报错是重复路由引起的。需要给VueRouter里面自己重写 push 和 replace 方法const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}const originalReplace = VueRouter.pro.

2021-02-10 18:58:35 462

原创在vue3.x中遇到的报错：Uncaught (in promise) Error: Couldn‘t resolve component ““ at “/*“

Uncaught (in promise) Error: Couldn’t resolve component “default” at “/about”at eval (vue-router.esm-bundler.js?6c02:1990)异步异常（字面理解）配置根目录下的vue.comfig.js原先我是写成这样（错***）查看里面的publicPath: "/", 对，不能有.module.exports = { publicPath: "/", }...

2021-02-08 19:32:39 12660

原创在使用懒加载方式引入子路由vue文件，有时会报错！！！

这报的错！！！就离谱！！！Uncaught SyntaxError: Unexpected token '<'我在home中配置了两个子路由叫HomeNews和HomeMessage并通过懒加载的方式将其引入了router下的index.js正确的操作！！！没错浏览器有时候也会正常的显示正常的跳转，但是跳着跳着他就不正常了。One Month Later我改了它引入的方式之后，就再没报过错了。（不知原理）import HomeMessage from '../views/Ho.

2021-02-08 19:10:48 268

原创自定义vue模板（name默认是文件名）

左下角找设置里面的用户代码片段然后找到这个文件用下面的模板替换即可{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", "", " </div>", "</template>", "", "<script>", " export default

2021-02-07 22:29:34 367

原创 let and const

1. let1.1 没有变量声明提升（会报错）1.2 不可重复定义1.3 不用挂载到window，避免了重名问题var a = 10;console.log(window.a);结果：let a = 10;console.log(window.a);结果：1.4 作用域var a = 10; { console.log(a);}用let会形成临时死区，是会报错的let a = 10;{ console.log(a); let

2021-02-05 12:21:31 137

原创不使用for或while实现循环功能（JavaScript）

1. 利用正则和 replace <script> var str = new Array(6).join("a"); //"aaaaaa" var i = 0; str.replace(/a/g, function() { console.log(i); i++; }) </script>2. 利用 setInterval 进行循环 <script> var i = 0; var t

2021-02-05 12:14:05 781

原创利用正则添加千分符（JavaScript）

<body> <input type="text"> <button>添加千分符</button> <p></p></body>方法一： <script> var input = document.querySelector("input"); var p = document.querySelector("p"); var btn = document.query.

2021-02-05 09:34:56 299 2