06 2022 档案
摘要：Ubuntu 安装一些软件 安装 Apache，此时才会多出来这么一个 var/www/html 目录 apachectl -v #查看有没有安装Apache apt-get update apt-get install apache2 卸载 apt-get remove xxx 安装nodejs
阅读全文
摘要：原型链 官方文档： JavaScript是面向对象的，每个对象身上都有一个 __proto__ 属性，该属性指向它的原型对象，当对象在查找一个属性的时候，自身没有就根据 __proto__ 向它的原型进行查找，如果还没有，那么就顺着它原型的原型继续查找，直到 Object.prototype.__p
阅读全文
摘要：class Student{ constructor(name,grade) { this.name = name this.grade = grade } introduce(){ console.log(`我是{this.grade}分`); } } let s
阅读全文
摘要：请你手动实现一下 async 和 await 它是一个语法糖，解决了 Promise 代码上的冗余 不过 async 标记的函数，其返回值一定是 Promise，具有一定的传染性，所以 async/await 虽好，可不要贪杯哦~ 既然它能实现等一等的功能，那么它就是在生成器的基础是实现的 asyn
阅读全文
摘要：background属性 官方链接：CSS background 属性 (w3school.com.cn) background-img: url(...) background-image: -webkit-image-set(url('xxx') 1x, url('xxx') 2x); 使图片不
阅读全文
摘要：讲一讲display：none；visibility：hidden；opacity：0 display：none；的特点 它下面的元素会挤上来 不生成盒模型 在 Elements 中可以看的见，但是在<script></script>中你拿不到它这个标签。只有渲染到了页面上的，你才能拿到它 v-sh
阅读全文
摘要：前端面试题总结 说一说你所知道的盒模型 每一个可见的 HTML 元素都拥有盒模型，它包括四个部分：content、padding、border、marign 据我所知的盒模型一共有两种： 内容盒子，box-sizing：content-box 边框盒子，box-sizing：border-box，顾
阅读全文
摘要：js中的短路与、短路或中的空字符串和 undefined 写在前面： 在js中，|| 和 && 不保证返回布尔值 可以转化为 false 的表达式有：null、NaN、0、空字符串、undefined。就是说你用 if 条件判断的话，它们都是 false，不论在哪里 举个栗子 在 && 中 cons
阅读全文
摘要：腾讯云讲讲遇到过的问题 首先第一个箭头 这是因为你把这个文件里的这个网站的东西给删了，小问题，你输入 yes 即可，它会自动帮你配置，我把它删了的原因是我生成了一个新的秘钥，我要用新的秘钥，但是你如果不改这里的话，它还会用以前的秘钥 第二个箭头 默认情况下腾讯云不能使用 root 账户密码远程登录，
阅读全文
摘要：腾讯云服务器Ubuntu用root账户密码登录 这一路兜兜转转不容易啊，一个下午的成果，搞明白了就行 写在前面： 默认情况下，腾讯云的轻量Ubuntu服务器不能通过root用户通过密码登录，那怎么配置呢？ 修改两个地方，将参数值修改为 yes，如果被注释了你就解开注释。说实话，用眼睛找的话搞心态，建
阅读全文
摘要：腾讯云实现SSH秘钥登录 在 秘钥 选项里面创建一个秘钥，把你自己电脑的用户目录下的 .ssh 文件夹里面的公钥复制上去 在 服务器 选项中绑定秘钥，它默认是绑定在 ubuntu 这个用户下，所以使用ssh ubuntu@xxx登录即可
阅读全文
摘要：Mysql数据库 建表 Mysql中没有 number 和 varchar2 varchar必须要指明长度； 数据库的命名只能包含：数字，字母，_（下划线） 数据库中是不区分大小写的 create table student( id int primary key auto_increment co
阅读全文
摘要：NodeJS内置http模块的使用 根据URL的查询字符串转换成我们能看懂的 const http = require('http') const url = require('url') const qs = require('querystring') http.createServer((re
阅读全文
摘要：Nginx踩过的坑 我把虚拟机和Ubuntu都重装了一遍，结果在windows下又行了 防沉迷nginx只需这两步 tasklist | find /i "nginx.exe" || exit taskkill /im nginx.exe /f 这该死的浏览器缓存，导致我每次修改nginx配置的时候
阅读全文
摘要：IDEA集成Git 先 create Git Repository 创建仓库，它的效果与git init相同，会出现一个.git的隐藏文件 什么时候会出现代码合并冲突 两个分支都对同一个文件做了修改时会有合并冲突。若只有一个分支在原来的基础上做了修改，那么这种合并就是正常的合并 集成Gitee 先要
阅读全文
摘要：常用的浏览器及内核 | 五大主流浏览器 | 自己研发的内核 | | | | | IE | trident | | chrome | webkit 或 blink | | safari（苹果） | webkit | | firefox | gecko | | opera | presto（后来改为 b
阅读全文
摘要：v-if、v-show 首先得明白一点，不是说 v-show 就一定好，v-if 之所以被设计出来就一定有它的使用场景 区别 手段：v-if 是通过控制 dom 节点的存在与否来控制元素的显隐；v-show 是通过设置 display：none 样式 编译过程：v-if 切换有一个局部编译/卸载的过
阅读全文
摘要：讲讲三次握手和四次挥手、TCP和UPD协议 首先我们的明白，它是TCP协议独有的特征，三次握手是建立连接过程，四次挥手是结束连接的过程。 SYN：synchronization 同步（1是开启，0是关闭，下同） ACK：acknowledgment 确认 FIN：finish 结束 Sequence
阅读全文
摘要：String.prototype.includes(str[, index]) 判断是否包含该字符串，可选参数是下标，代表搜索的起始位置 返回一个布尔值 let str = 'hello' console.log(str.includes('h')); //true console.log(str.
阅读全文
摘要：关于官方文档中的形参写法 从形参不难看出，它可以传三个参数：statusCode、statusMessage、headers 其实它是这样的： 它其实不是以逗号进行分隔，这里的[, statusMessage]是一个整体，代表可选 这是很多说明文档中的惯例写法，举个栗子 [, xxx] 代表可选 [
阅读全文
摘要：变量提升 ES6 明确规定，如果区块中存在 let 和 const 命令，那么就会形成封闭作用域。凡是在声明之前使用这些变量，就会报错。 也就是说，let、const 声明的变量，不会存在变量提升，而 var 会 var a = 100 if (true) { a = 999 console.log
阅读全文
摘要：说说据你所知能够判断数据类型的几种方法 typeof const a = [] console.log(typeof a); //Object 它只能判断基本数据类型，比如number、string、undefined、boolean、object、symbol 它对于对象类型是返回 ' objec
阅读全文
摘要：同步和异步、阻塞与非阻塞 首先得明白： 1、同步与异步是能够共存的，可以在同步的语言中使用异步，也可以在异步中使用同步 2、宏任务和微任务都是异步 举一个买奶茶的案例 没有小票 同步阻塞：小明啥都干不了，只能等奶茶 同步非阻塞：小明一边玩手机，一边看奶茶做好了没 有小票 异步阻塞：小明拿着小票，不干
阅读全文
摘要：Git入门 一般流程如下： 工作区 ——> 暂存区 ——> 本地库 ——> 远程库 箭头分别代表add、commit、push 基本操作 查看用户名或者邮箱（美其名曰：用户签名） git config user.name/user.email #或者在用户家目录（Jackson）下面有一个.gitc
阅读全文
摘要：好久没写java，偶然遇到一个问题，需要写一下，打开idea发现原来我写过这么多代码，既兴奋又自信，我也是写过那么多行代码的人
阅读全文
摘要：云服务器相关操作 nohup java -jar xxtx.jar & 一直运行jar包 注意：运行了这个时候不要直接关闭 cmd 窗口，需要用 exit 命令退出，因为直接关闭客户端会断掉对应的 session，导致 nohup 对应的进程一块被关闭 ps -aux | grep java 查看进
阅读全文
摘要：Array.prototype.map() 遍历加工，不改变原数组，与foreach相似，但优于foreach 模仿foreach的用法 const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
阅读全文
摘要：Array.prototype.foreach() 遍历，不会改变原数组，没有返回值 注意了，数组这些api里面都是回调函数！所以这个foreach你就别指望return能结束它 foreach()与map()方法极为相似，区别就是map()方法会返回一个新数组，而foreach()方法不返回任何东
阅读全文
摘要：Array.prototype.filter() 过滤，不会改变原数组 注意：它与map()方法不一样，map()是一次统一映射，不会改变数组长度。filter()是一次过滤，会挑选满足条件的，能改变数组长度 const words = ['spray', 'limit', 'elite', 'ex
阅读全文
摘要：什么是代码阻塞？ 代码阻塞与不阻塞各有各的优缺点，没有好与坏，具体情况由需求来定 是否阻塞与是否同步是两个不同维度的概念，有时间再深究 阻塞代码 const fs = require('fs') let data = fs.readFileSync('../劝学.txt') console.log(
阅读全文
摘要：版本定义规范 包的版本号是以“点分十进制”的形式定义的，总共有三位数字，例如 2.24.0。 第一位数字：大版本 第二位数字：功能版本 第三位数字：Bug修复版本 如果前面的版本号变大了，那么后面的版本号就要清零
阅读全文
摘要：讲讲npm的安装命令 npm init -y 初始化项目，会出现一个package.json文件。为什么要初始化项目呢？随着npm的诞生，人们意识到建立一个项目不应该那么草率，我们需要一个文件来记录该项目的一些信息，这个文件就是package.json，这个命令就是npm init。 npm i x
阅读全文
摘要：同源和同站的解释 应用场景： 所有的 Ajax 请求会受到浏览器同源策略的制约 Cookie 的 SameSite 属性表示该 Cookie 是否能被跨站发送 同源：协议（scheme）+ 主机名（hostname）+ 端口号（port）一致 同站：eTLD+1 一致 主要解释一下同站： TLD
阅读全文
摘要：Vue 中的样式动态绑定 废话不多说，反正就这些写法（不要只关注 class 的动态绑定，当 style 有多个样式时，用逗号隔开） <div :style="`background: url(${background1})`"> <div :style="{background: color ''
阅读全文
摘要：slot 插槽 一、使用背景 一般在封装组件的时候，我们会用到插槽 二、插槽类型 1、默认插槽 <div class="container"> <son> <h1>你好啊</h1> </son> </div> <div class="son"> <slot /> </div> 在没有使用插槽的情况下
阅读全文
摘要：ES6之Promise 是ES6引入的异步编程的新解决方案，非常重要。 单个异步任务可能看不出来优势，但当多个时，链式调用是很好用的 语法上Promise是一个构造函数，所以我们需要结合new关键字来使用，它需要传一个函数作为参数，函数的形参是resolve和reject <script> new
阅读全文
摘要：nvm的使用（node version manager） nvm ls available 查看可用的node.js的版本号。第一栏是current是最新版，第二栏lts是稳定版 nvm install 12.17.0 安装此版本的node.js node -v 或 npm -v 如果npm -v有
阅读全文
摘要：输入 lorem 按下 tab 键，可以生成一长串字符 输入 ul>li{hello world}*3 按下 tab 键，可以生成三个 li 里面都包含文本 hello world。反正有内容就加大括号 dl>dt+dd 生成一个并列的 dt 和 dd 结构，兄弟关系 最强链接：https://bl
阅读全文
摘要：细讲URI、URL、URN URI Uniform 统一，校服，制服 Resource 资源 Identifier 标识符 它只是一个抽象的定义，只要能定位一个资源，它就叫URI，不管用什么方式（一共有两种方式：用地址定位（URL）或用名称定位（URN）） URL Uniform 统一，校服，制服
阅读全文
摘要：H5 的标签有哪些，怎么用的？ <body> <header>头部标签，用来放至一些logo，搜索框等待</header> <main>主体标签，用来放至内容主体等等</main> <footer>尾部标签，用来放至一些联系方式等等</footer> <article>表示网页中的一块内容</art
阅读全文
摘要：你是怎么理解html语义化？ 什么是HTML语义化？ HTML语义化的含义：把标签用在合适的地方，就是让机器可以读懂内容 比如 img 标签里面放图片，span 标签里面写文字，让别人或者说计算机能明白你在干啥，方便爬虫爬取。 HTML设计之初就是带有一定语义的，它就是要告诉浏览器要对不同的标签进行
阅读全文
摘要：JavaScript中的Math系列 Math.sqrt() let a=Math.sqrt(3); console.log(a); // 1.7320508075688772 //开根号用的 Math.floor() console.log(Math.floor(1.1)); //1 //地板，向
阅读全文
摘要：Array.prototype.join() 将数组转换为字符串，不会改变原数组 无参情况（默认用逗号分隔） let arr=['jack','tom','mary'] console.log(arr.join()); //jack,tom,mary 有参情况 let arr=['jack','to
阅读全文
摘要：NodeJS内置模块之fs模块 读取文件 const fs = require('fs') fs.readFile('../为学.txt','utf-8',function (err, dataStr) { if (err){ console.log(err.message); }else { co
阅读全文
摘要：细讲Proxy数据劫持 Vue3中用的就是它 废话不多说，直接上需求 参数targetObj是要劫持的对象，propertyName是对象的属性名 let book = { name: 'es6基础系列' } let proxy = new Proxy(book, { get(targetObj,
阅读全文
摘要：防抖和节流 什么是防抖？https://www.lodashjs.com/docs/lodash.debounce 前面所有的触发都被取消，只有最后一次的触发在规定时间之后才会触发回调。简单来讲，就是在快速触发的情况下，只会触发最后一次 应用场景：百度搜索 详解如下： 假如在页面有一个输入框in
阅读全文
摘要：JavaScript中字符串转数字 在NodeJS中，字符串的颜色就是普通的白色，数字是黄色。在浏览器中数字是蓝色 任何数据类型与字符串相加都会被转换为字符串，包括null console.log(typeof (null + 'asd')); //string 字符串转数字最快写法、此外还有 Nn
阅读全文
摘要：如何使用Swiper 俗称：轮播图 官方文档：https://www.swiper.com.cn/usage/index.html 在静态页面中使用 引入swiper.min.css 设置宽度（Swiper6之前是.swiper-container，Swiper7是.swiper，就是指下面那个最大
阅读全文
摘要：Array.prototype.sort() 返回值：排序后的数组 无参情况 let one = ['FBI', 'abc', 'cba', 'NBA'] console.log(one.sort()); // ['FBI', 'NBA', 'abc', 'cba'] // 无参：按照 Unicod
阅读全文
摘要：Array.prototype.reduce（） 做统计用的，不会改变原数组 参数：每一次的返回值将作为下一次pre的初始值，pre可以设置默认值，cur是当前项 不要小瞧了下面这些代码，你不一定会写 求和 console.log([1, 2, 3, 4].reduce((pre, cur) =>
阅读全文
摘要：Object.getOwnPropertyNames() 返回自身所有的属性名（包括不可枚举的，但不包括Symbol值作为名称的属性）组成的一个数组
阅读全文
摘要：Array.prototype.concat() 用于合并多个数组，不会改变原有数组。浅拷贝 它的本质是卸掉一层中括号，然后再合并到一起。注意，只是一层 let a=[1,2] let b=[3,[4]] console.log(a.concat(b)); //[ 1, 2, 3, [ 4 ] ]
阅读全文
摘要：Symbol数据类型 它是js中的第七种数据类型 我不想解释它是谁，我只想知道它是怎么用的，因为那些概念我已经看过无数遍了，但平常几乎没有用过，所以每次看到它还是一头雾水。我今天的目的很简单，就是去用一用它。 使用场景 当我想给一个对象添加一个属性，但是又不确定这个对象具体有哪些属性时 let ga
阅读全文
摘要：JavaScript语句是否需要分号结尾？ 视情况而定，大半不需，我的习惯是能省则省 换行则视为语句结尾，来源于ECMAScript的自动插入分号规则（Automatic Semicolon Insertion，以下简称ASI标准）。js解析器会自动帮你插入分号 ASI的4种特殊情况 当这一行的语句
阅读全文
