实践积累 —— 用Vue3简单写一个单行横向滚动组件

2021-08-09
阅读 10 分钟
6.5k
目录版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。效果图需求分析实现分析样式展示分析变量分析方法分析实现步骤实现模板实现css首先获取list页面挂载后监听groupBoxRef的scroll事件并获取当前的滚动位置计算展示的宽度显隐箭头,当卡片宽度大于外层宽度就展示控制箭头...
封面图

TCP的三次握手和四次挥手

2021-05-24
阅读 4 分钟
3.6k
目录名词解释TCP的三次握手TCP建立链接的步骤TCP的三次握手步骤思考:TCP握手为什么不是两次 or 四次?TCP的四次挥手TCP断开链接的步骤TCP的四次挥手步骤思考:为什么断开链接的时候要多一个步骤2呢?思考:为什么最后客户端确认断开链接之后还要等待2WSL呢?面试题:TCP为什么是3次握手,4次挥手?这是一个计算机网络中...
封面图

用简单思维解决LeetCode中困难级别的题 —— 接雨水问题

2021-04-21
阅读 3 分钟
3.3k
之前看面试题的时候,看到了一个接雨水的问题,和小黄鸭讨论之后,觉得很有趣呢,这里和大家分享一下这个解法。后来看到LeetCode上面有这道题,题号42,有兴趣的可以做一下。
封面图

前端刷题 —— 牛客网前端题库60道详解(一)

2021-04-13
阅读 8 分钟
2.9k
目录引言修改 this 指向(中等)获取 url 参数(较难)dom 节点查找(入门)根据包名,在指定空间中创建对象(入门)数组去重(较难)斐波那契数列(入门)时间格式化输出(中等)获取字符串的长度(简单)邮箱字符串判断(中等)颜色字符串转换(中等)引言牛客网这个前端笔试题库,可以说这60道是最基础的了,也是考察的东西比较杂,有时间...

Vuex(三) —— 纯手写一个超简单的Vuex

2020-12-31
阅读 3 分钟
2.5k
目录分析Vuex的功能下载模板分析模块结构实现install函数实现Store类替换vuex前面学了Vuex的概念和使用,还用购物车做了一个完整的案例,下面看看手写一个简单的Vuex。分析Vuex的功能首先导入vuex的是一个对象使用use挂载到Vue的实例上,use方法调用vuex的install方法调用new Vuex.Store方法初始化实例传入参数是一个对...

Vuex(二) —— 用Vuex完成购物车案例

2020-12-31
阅读 15 分钟
3.6k
目录需求需求分析组件分析组件通信开发准备环境准备模块结构商品列表组件展示商品列表添加购物车我的购物车组件购物车列表商品数量和统计功能删除购物车商品购物车列表组件购物车列表全选操作数字加减并统计小计删除功能统计总数量和总钱数处理金额小数的问题本地存储完整案例上一节介绍了Vuex的核心原理及简单使用,这...

Vuex(一) —— 集中式的状态管理仓库

2020-12-31
阅读 19 分钟
1.6k
目录Vue组件间通信方式回顾组件内的状态管理流程组件间通信方式父组件给子组件传值 (最简单的一种方式)子组件给父组件传值不相关组件之间传值其他常见方式($ref)简易的状态管理方案上面组件间通信方式的问题集中式的状态管理方案Vuex什么是Vuex?什么情况下使用Vuex?非必要的情况不要使用Vuex中大型单页应用程序使用更好V...

Plop —— 小而美的脚手架工具

2020-12-27
阅读 3 分钟
2.6k
主要用于创建项目中特定文件类型的小工具,类似于Yeoman中的sub generator,一般不会独立使用。一般会把Plop集成到项目中,用来自动化的创建同类型的项目文件。

Yeoman —— 通用脚手架工具

2020-12-26
阅读 7 分钟
5.6k
目录Yeoman优点 & 缺点安装起步基本使用sub generator实例:将项目变成cli项目使用步骤总结自定义GeneratorGenerator基本结构名称规范实践操作根据模板创建文件动态接收用户输入数据自定义一个带有一定基础代码的vue项目脚手架发布GeneratorYeoman一个通用的脚手架工具。优点 & 缺点优点 & 缺点内容优点更像...

Windows系统下实现服务器SSH免密登录

2020-12-25
阅读 2 分钟
15.8k
目录原理实现步骤一、生成公钥和私钥二、在客户端编辑配置文件三、将公钥拷贝到服务器四、重启ssh服务五、关闭再打开cmd进行登录每次登录服务器都要输入密码很麻烦,所以进行免密登录配置之后就可以跳过输入密码的步骤,直接登录服务器.原理ssh提供了安全的身份认证的策略,在免密登录之前,首先需要一对公钥和私钥.客户...

GIT实操手册总目录

2020-12-21
阅读 1 分钟
4.1k
目录整体框架如果你有啥不懂,这是GIT的维基百科领导说我Commit太多Git Tag是时间的里程碑如何回滚不出错说实话我第一次听到rebase,也是一脸懵听说摘樱桃是面试必考?GIT使用注意事项GIT提交流程规范其他GIT注意事项总共更了有七篇文章是关于GIT实操的,既然是GIT实操不是GIT基础,所以这里并不去介绍GIT的概念和初体验...

GIT实操手册 —— 告诉你不告诉别人的注意事项

2020-12-20
阅读 1 分钟
2.7k
目录一、本地修改二、代码提交三、代码合并三、定期维护没啥,只是一些开发中需要注意注意注意的注意事项。一、本地修改减少无用的commit提交,每次提交的时候,将message写清楚。在有意义的commit版本号添加tag标签,便于管理。二、代码提交在git add之前先用git status看看自己修改了哪些文件,有时候还需要借助git di...

GIT实操手册 —— 小白也能轻松掌握的规范化提交代码流程

2020-12-20
阅读 2 分钟
3.7k
目录背景流程步骤一、 从远程拉取代码二、 创建并切换到新分支三、开发之后保存提交代码到本地仓库 or 远程仓库四、测试完毕合并dev五、将代码上传到远程仓库下面只是一些我工作时候的经验总结,也是我进公司的导师这样告诉我的。如果有更好的,欢迎留言。背景有时候必要的规范化提交代码的流程,可以帮助我们精准的把控...

GIT实操手册 —— 值得收藏的GIT常用命令字典

2020-12-20
阅读 11 分钟
3.1k
目录git config 配置git help 显示有关Git的帮助信息git init 初始化git add 将文件内容添加到暂存区git clone 将存储库克隆到新目录中git status 查看状态git diff 显示提交和工作树等之间的更改git commit 提交git reset 将当前HEAD复位到指定状态,用于撤消之前的一些操作git rm 从工作区和暂存区中删除文件git mv 移...

GIT实操手册 —— 所以到现在合并分支你只会用 git merge 吗

2020-12-20
阅读 5 分钟
7.4k
目录实践是检验真理的唯一标准git merge 合并代码创建分支和提交记录进行合并解决冲突回滚代码补充操作再来看看使用 git rebase 合并分支创建分支和提交记录进行合并处理冲突版本回滚git rebase 还有什么优化的空间吗?为什么要对版本进行合并?如何对代码进行合并呢?git merge VS. git rebase 总结相同的地方不同的地方为...

GIT实操手册 —— 如何做到精准回滚

2020-12-19
阅读 2 分钟
4.2k
目录一、如何将在工作区中修改的文件进行回滚(git checkout)恢复单个文件恢复所有文件编译器:VSCcode 源代码管理二、如何将暂存区修改的文件进行回滚(git reset)恢复暂存区指定文件到工作区恢复暂存区所有的文件到工作区编译器:VSCcode 源代码管理三、如何将提交后的文件进行回滚(git reset、git revert)将刚提...

GIT实操手册 —— Git Tag是时间的里程碑

2020-12-19
阅读 2 分钟
3.9k
目录为什么有必要使用Git Tag?git tag的基本操作git tag的分类轻量级标签创建带有说明的标签git tag的作用那么问题来了?为什么有必要使用Git Tag?每一个提交都有一个commitID,但是每次记录commitID都很复杂,使用git tag可以在一些重要的版本和修改中加入一个标识,可以很快速的找到我们需要的版本。git tag和git comm...

GIT实操手册——手把手教你如何解决commit太多的情况

2020-12-18
阅读 2 分钟
11.1k
目录背景方法一:追加commit(提交不要新建commit)Step1:先git log看之前的commit记录、Step2:将当前代码提交到暂存区Step3:进入提交信息界面Step4:提示提交成功Step5:检查是否提交完毕Step6:提交到远程仓库方法二:合并需要的commitStep1:查看log,我们要合并几条commitStep2:进行合并操作Step3:修改commit mes...

JS性能优化 —— JS代码优化

2020-12-14
阅读 3 分钟
3.6k
目录性能测试工具的介绍使用流程JS代码优化慎用全局变量缓存全局变量通过原型新增方法避开闭包陷阱避免属性访问方法使用for循环优化选择最优的循环方法节点添加优化克隆优化节点操作直接量替换 new Object性能测试工具的介绍性能工具可以辅助我们知道如何写代码是更高效的,其本质上就是采集大量的执行样本进行数学统计...

前端内存监控 —— 使用Performance工具

2020-12-13
阅读 4 分钟
8.6k
目录内存管理为什么要监控??Performance工具使用流程内存问题产生内存问题的现象及本质界定内存问题的标准监控内存的几种方式浏览器任务管理器Timeline时序图记录堆快照查找分离DOM(可以观察内存泄露)DOM存在的几种状态?实例怎么处理分离DOM?判断是否存在频繁的垃圾回收(需要用不同的工具)为什么要判断?具体怎么...

JavaScript —— 内存管理及垃圾回收

2020-12-12
阅读 2 分钟
1.9k
目录JavaScript内存管理内存为什么需要管理?内存管理概念JavaScript中的内存管理JavaScript内存生命周期JavaScript的垃圾回收JavaScript的垃圾回收概念JavaScript的引用与可达示例什么是可达对象?什么是垃圾回收的对象?了解垃圾回收机制 —— GCJS执行引擎V8常用的GC算法内存管理监控工具 —— PerformanceJavaScript内存管...

JavaScript引擎V8中的垃圾回收机制

2020-12-12
阅读 2 分钟
4.2k
目录认识V8V8垃圾回收策略V8常用的GC算法V8的分代回收V8的内存分配新生代对象回收主要使用算法回收过程晋升回收老生代对象主要使用算法标记增量如何优化垃圾回收?新生代 VS 老生代认识V8V8 —— 是 Google 发布的主流的开源 JavaScript 引擎,采用 C++ 编写。采用即时编译,直接翻译成机器语言,并且使用了如内联缓存(inl...

GC —— 垃圾回收机制认识与算法详解

2020-12-12
阅读 2 分钟
2.1k
目录GC相关概念常见GC算法引用计数算法核心思想实现原理实例优缺点标记清除算法核心思想实现原理图示优缺点标记整理算法核心思想实现原理图示优缺点GC相关概念[x] GC:垃圾回收机制的简写,垃圾回收期完成具体的工作.可以找到内存中的垃圾、并释放和回收空间[x] GC垃圾:程序中 不再需要使用的,程序中不能再访问的 对象...

前端学习——前端性能优化直播笔记

2020-12-12
阅读 1 分钟
1.2k
目录本来是录屏的,结果录完毕之后手欠删错了,还是不可挽回的那种~,哭个一万次,不过大部分的内容都已经记下来了.以后复习用笔记内容

TypeScript(五) —— 类型知识补充

2020-12-06
阅读 2 分钟
1.3k
目录隐式类型推断类型断言方法一:as 关键词方法二:尖括号断言类型声明(declare)声明步骤使用第三方库lodash使用第三方库query-stringTypeScript学习地图之前讲语法,觉得这些既属于语法,但是不是特殊的类型,一时间不知道怎么分类,所以就做为类型补充知识。隐式类型推断隐式类型推断 : 如果我们没有明确通过类型注...

TypeScript(四) —— 函数/接口/类/泛型语法总结

2020-12-06
阅读 6 分钟
2.4k
目录函数类型函数声明函数类型表达式可选参数任意个数的参数接口(interface)定义接口使用接口选成员 & 只读成员 & 动态成员类需要对类的属性与方法进行声明类成员访问修饰符(public/private/protected)定义一个构造函数初始化实例对象并访问构造函数成员创建子类继承构造函数并访问其成员类的构造函数被私有化类...

TypeScript(三) —— 基础类型语法

2020-12-06
阅读 4 分钟
1.4k
目录基础类型语法原始类型字符串数字布尔值NullUndefinedSymbolVoidNeverany类型Object类型数组类型元组类型元组的使用场景枚举类型特点DEMO枚举类型会入侵代码常量枚举TypeScript学习地图基础类型语法原始类型字符串 {代码...} 数字 {代码...} 布尔值 {代码...} Null {代码...} 非严格模式下string、number、boolean、v...

TypeScript(二) —— 配置文件注解

2020-12-01
阅读 2 分钟
1.3k
目录配置文件注解使用说明TypeScript学习地图之前我们讲了 TypeScript(一) —— 了解并快速入门 ,现在展开说明一下配置文件里面选项的含义。编译项目的时候,可以生成一个配置文件tsconfig.json {代码...} 里面属性是typescript编译器配置的一些选项,下面是一些常用的配置及其含义,之后用到什么就进行补充。配置文件注...

TypeScript(一) —— 了解并快速入门

2020-12-01
阅读 3 分钟
3.5k
之前ES6合集已经更新完毕,趁热打铁今天来更新一下TypeScript,虽然已经有很多的文档和pdf了,但是自己总结的就是自己的。目录前言概述TypeScript优缺点优势缺点起步安装创建文件执行编译命令配置文件类型标准库设置错误消息显示为中文使用VSCode设置使用命令行设置作用域问题TypeScript学习地图前言我们之前已经讨论过...

Flow(二)—— 简单语法使用

2020-11-30
阅读 5 分钟
2.9k
目录Flow类型推断Flow类型注解使用的地方Flow Type Annotations类型参考网址原始类型数组类型元组 —— Tuple Types对象类型通用写法添加可选属性Map类混合使用函数类型函数参数可选函数参数Rest参数函数返回特殊类型字面量类型maybe类型Mixed 与 AnyMixedAny两者的区别Flow运行环境API之前写了Flow的相关介绍,如果想回顾...