- 博客(127)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 FinalShell的下载、安装及基本使用
FinalShell 是一体化的的服务器,网络管理软件,不仅是 ssh 客户端,还是功能强大的开发,运维工具,充分满足开发,运维需求.7.sftp 支持,通过各种优化技术,加载更快,切换,打开目录无需等待.11.内存,Cpu 性能监控,Ping 延迟丢包,Trace 路由监控.9.内置海外服务器加速,加速远程桌面和 ssh 连接,操作流畅无卡顿.15.内置文本编辑器,支持语法高亮,代码折叠,搜索,替换.8.服务器网络,性能实时监控,无需安装服务器插件.6.命令自动提示,智能匹配,输入更快捷,方便.
2023-12-16 22:55:04
1947
1
原创 MySQL 数据库 增删查改、克隆、外键 等操作
数据库中有数据表，数据表中有一条一条的记录。可以用Navicat 等远程连接工具链接数据库，不过数据库需要开启授权。
2023-05-08 18:43:22
732
1
转载 vue-drag-resize 可拖动缩放元素的Vue组件
Arrayfalse定义节点数组以限制元素大小调整。Numberfalse8定义节点的大小。
2023-04-11 15:36:44
1594
原创 HTTP1.0、1.1、2.0对比优缺点详解（长链接、缓存、错误码增加、断点续传、Host优化、身份认证、多路复用、二进制分帧、报文压缩、服务端推送）
HTTP1.0、1.1、2.0对比优缺点
2022-10-27 17:46:23
2335
原创 TCP和UDP的区别
TCP与UDP基本区别 1.基于连接与无连接 2.TCP要求系统资源较多，UDP较少； 3.UDP程序结构较简单 4.流模式（TCP）与数据报模式(UDP); 5.TCP保证数据正确性，UDP可能丢包 6.TCP保证数据顺序，UDP不保证
2022-10-27 10:48:05
165
原创 git rebase详解（图解+最简单示例，一次就懂）
一、提交节点图解首先通过简单的提交节点图解感受一下rebase在干什么两个分支master和feature，其中feature是在提交点B处从master上拉出的分支master上有一个新提交M，feature上有两个新提交C和D此时切换到feature分支上，执行如下命令，相当于是想要把master分支合并到feature分支（这一步的场景就可以类比为我们在自己的分支feature上开发了一段时间了，准备从主干master上拉一下最新改动）git checkout featuregi
2022-05-11 11:23:13
1420
原创 9种常见的前端跨域解决方案（详解）
一、什么是跨域？ 在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能同源使用的限制。什么是同源策略？ 同源策略是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。 同源策略限制以下几种行为：Cookie、LocalStorage 和 IndexDB 无法读取 DOM和J
2022-05-07 16:17:12
3626
1
原创 react相关API学习中...
useState:useMemo:useSelector:useDispatch:useCallback:useEffect:React.memo:useReducer:const [state, dispatch] = useReducer(reducer, initState);useReducer接收两个参数：第一个参数：reducer函数。第二个参数：初始化的state。返回值为最新的state和dispatch函数（用来触发reducer函数，计算对应的stat
2022-04-24 18:29:04
1145
转载 一文读懂Cookie、Session、Token和JWT
什么是认证（Authentication） 什么是授权（Authorization） 什么是凭证（Credentials） 什么是 Cookie 什么是Session Cookie 和 Session 的区别 什么是 Token（令牌） Token 和 Session 的区别 什么是 JWT Token 和 JWT 的区别 常见的前后端鉴权方式 常见的加密算法 常见问题 ...
2022-02-23 17:54:36
145
原创 vue3.2版本新特性
1. 新的单文件组件功能<script setup>是一种编译时语法糖，可在SFC (单文件组件,也就是我们常说的.vue 文件)内使用 Composition API 时极大地提升工作效率。<style> v-bind在 SFC 标签中启用组件状态驱动的动态 CSS 值。<style><template> <div class="button" @click="color = color==='red'?'green':'red'"...
2021-09-18 17:59:51
3849
原创 npm package.json属性详解
目录概述nameversiondescriptionkeywordshomepagebugslicense和用户相关的属性: author, contributorsfilesmainbinmandirectoriesdirectories.libdirectories.bindirectories.mandirectories.docdirectories.examplerepositoryscriptsconfi..
2021-09-07 10:47:17
508
原创 eslintConfig配置
"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-cond-assign": .
2021-08-30 18:34:28
1213
原创 vue面试题
点击id为inner元素后，控制台打印是？<template> <div> <div @click="clickMe"> <div @click="clickMe" id="inner">点我</div> </div> </div></temp...
2021-07-10 15:44:33
123
原创 vue3基础学习
<template> <div> {{ count }}<button @click="addCount">sub</button> <div> <input v-model="inputVal" @click.enter="handleInputVal" /> </div> <div v-for="(item,ind) in state.stus" :key.
2021-06-29 09:59:44
286
原创 前端面试必备技巧
一、页面布局三栏布局题目：假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为 300px，中间自适应。解答：可以有很多种布局方式，这里列出五种：float布局，absolute布局，flex布局，table布局，grid布局，代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" conten
2020-09-23 15:43:51
426
原创 前端知识体系(2)-vue篇
1.什么是mvvmMVVM的核心是数据驱动即ViewModel，ViewModel是View和Model的关系映射。MVVM本质就是基于操作数据来操作视图进而操作DOM，借助于MVVM无需直接操作DOM，开发者只需编写ViewModel中有业务，使得View完全实现自动化。2.什么是 SPA 单页面，它的优缺点分别是什么SPA（ single-page application ）即一个web项目就只有一个页面（即一个HTML文件,HTML 内容的变换是利用路由机制实现的。仅在 Web页面初始.
2020-09-22 20:31:25
356
原创 JS经典试题（1）
let a={},b='0',c=0a[b]='电脑'a[c]='书籍'console.log(a[b])//书籍 数字属性名==字符串属性名let a={},b=Symbol('1'),c=Symbol('1') //symbol 创建唯一值a[b]='电脑'a[c]='书籍'console.log(a[b])//电脑let a={},b={n:'1'},c={m:'2'} //[object,object]a[b]='电脑'a[c]='书籍'console.log(.
2020-09-01 21:43:49
306
原创 vue组件间通信方式
组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。vue组件间的几种通信方式：props、$emit/$on、vuex、$paraent/$children、$attrs/$listeners、provide/inject.1.父子组件间传值父组件通过props向下传递数据给子组件。注：组件中的数据共有三种形式：data、p...
2019-12-31 22:58:34
2264
原创 ajax、fetch、axios区别
ajax、fetch、promise、axios、async/awaitAJAX(Asynchronous Javascript And XML)异步JS和XML，是一种异步请求技术。ajax技术是实现网页的局部数据的刷新，你可以通过XHR、fetch、websocket等API实现。Axios在NPM上的描述是：Promise based HTTP client for the brow...
2019-12-30 22:05:00
490
原创 算法面试题 -- Leetcode 32（最长有效括号）
一、小牛试刀：有效括号大部分情况下，面试官都会问一个不怎么难的问题，不过你千万别太开心，因为这道题往往可以拓展出更多有难度的问题，或者一道题看起来很简单，但是给出最优解，确实很不容易的。这道题是这样的给定一个只包括 ‘(’，’)'的字符串，判断字符串是否有效。注：空字符串属于有效字符串示例 1:输入: "(())"输出: true实例 2：输入: "())("输出: ...
2019-12-06 12:29:34
320
原创 js判断对象是否为空对象方法：
1.将json对象转化为json字符串，再判断该字符串是否为"{}"let obj = {}console.log(JSON.stringify(obj) == "{}");//true2.forin 循环判断let obj = {}let b = function() { for(let key in obj) { return false; ...
2019-12-06 11:53:10
352
原创 JS 试题
1. 变量提升执行js代码时，会生成执行环境(全局执行环境、函数执行环境)。在省城执行环境时，会有两个阶段：创建阶段，js解析器会找出需要提升的变量和函数，并且给它们提前在内存中开辟好空间，函数的话会将整个函数存入到内存中，变量只声明并且赋值为undefined；在代码执行阶段，我们可以直接提前使用。函数优先于变量提升；let并不是不会提升，let提升了，第一阶段内存也为其开辟了空间，...
2019-11-21 11:54:03
418
原创 nodejs -- 用流实现上传文件
内容：1.文件上传基础2.node文件处理机制3.用流实现文件上传1.文件上传基础前端代码： <form action="localhost:8080/" method="post" enctype="multipart/form-data"> <input type="text" name="user"> <input type...
2019-11-12 10:51:58
3451
原创 element 项目打包之后icon图标丢失
项目打包部署后icon图标不显示 ，控制台显示 element-icons.woff和element-icons.ttf文件找不到解决方案：修改build目录下文件utils.js添加 publicPath: '../../'if (options.extract) { return ExtractTextPlugin.extract({ use: loa...
2019-11-09 10:16:18
1310
1
原创 数组扁平化
数组扁平化概念：数组扁平化是指将一个多维数组变为一维数组。[1,[2,[3,[4,5,[6,7,[8,9],10],11],12,13],14] --------> 实现：1.reduce遍历数组每一项，若值为数组则递归遍历，否则cancat。function flatten(arr){ return arr.reduce((r...
2019-11-08 16:51:54
237
原创 三次握手和四次挥手
1. 三次握手三次握手（Three-way Handshake）其实就是指建立一个TCP连接时，需要客户端和服务器总共发送3个包。进行三次握手的主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化序列号为后面的可靠性传送做准备。实质上其实就是连接服务器指定端口，建立TCP连接，并同步连接双方的序列号和确认号，交换TCP窗口大小信息。刚开始客户端处于 Clos...
2019-11-06 18:20:26
155
原创 JS函数式编程思维：柯里化、闭包
偏函数（Partial Application）：探讨柯里化之前，我们先聊一聊很容易跟其混淆的另一个概念——偏函数（Partial Application）。在维基百科中，对 Partial Application 的定义是这样的：In computer science, partial application (or partial function application) refe...
2019-11-06 16:51:03
858
原创 JS函数式编程思维：无副作用、高阶函数
1.无副作用（No Side Effects）2.高阶函数（High-Order Function）简述：函数式编程的概念来自于数学中的函数，即自变量映射。中心思想是指：一个函数的返回值，仅仅依赖于参数的值，而不会因为其他外部的状态而不同。比如一个求幂的函数pow(base,exponent),它的计算结果仅仅依赖于base(基数)和exponent(指数)的不同而不同。这个函数无论我...
2019-11-05 15:34:53
420
原创 vue中8种组件通信方式
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？ 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式。vue组件中关系说明:如上图所示, A与B、A与C、B与D、C与E组件之间是父子关系； B与C之间是兄弟关系；A与D、A与E之间是隔代关系； D与E是堂兄关系（非直系亲属） 针对以上关系我们归...
2019-09-18 18:09:43
328
原创 Typescript 入门
一、Typescript 介绍1. TypeScript 是由微软开发的一款开源的编程语言。2、TypeScript 是 Javascript 的超级，遵循最新的 ES6、Es5 规范。TypeScript 扩展了 JavaScript的语法。3. TypeScript 更像后端 java、C#这样的面向对象语言可以让 js 开发大型企业项目。4、谷歌也在大力支持 Typescript...
2019-09-17 22:37:32
802
原创 表白-love
飞扬的心<!doctype html><html><head> <meta charset="utf-8"> <title>心形，我心飞扬</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"><...
2019-09-04 19:10:44
324
原创 Echarts：全解注释
index.html文件包含了Echarts所必须的链接文件，图表的使用方法。<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body style="height: 100%; margin: 0"> <!-- 为ECh...
2019-07-13 18:28:09
1015
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人