# blog **Repository Path**: kevin262516/blog ## Basic Information - **Project Name**: blog - **Description**: 记录一些文章，备忘以及学习总结 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 3 - **Created**: 2020-10-22 - **Last Updated**: 2024-11-20 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ### blog 记录一些文章，备忘以及学习总结 -------- 目录 ### 个人代码库 - [00常用方法](00常用方法) ### react 全家桶 & vue & 小程序 - [为什么我们放弃了Vue？Vue2 和 React16.8 深度对比](./基础知识/07-为什么我们放弃了Vue？Vue和React深度对比.md) - [00-0-react_basis01.md](./reacts/00-0-react_basis01.md) - [00-1-react_basis02.md](./reacts/00-1-react_basis02.md) - [00-2-react_basis.md](./reacts/00-2-react_basis.md) - [02-1-redux-base.md](./reacts/02-1-redux-base.md) - [00-3-react_高阶组件.md](./reacts/00-3-react_高阶组件.md) - [00-4-react hook详解.md](./reacts/00-4-react hook详解.md) - [00-5-react16与15的对比And Hooks.md](./reacts/00-5-react16与15的对比And Hooks.md) - [03-速通React-18](./reacts/03-速通React-18.md) - [16-reflux的基础案例.md](./reacts/16-reflux的基础案例.md) - [24-react公共组件.md](./reacts/24-react公共组件.md) - [35-基于react的移动端终极适配方案](35-基于react的移动端终极适配方案.md) - [37-1-小程序基础](./37-小程序/37-1-小程序基础.md) - [37-2-小程序自定义组件](./37-小程序/37-2-小程序自定义组件.md) - [48-Koa2搭建&postMan调试](48-Koa2搭建&postMan调试.md) - react keep-alive - [24-00-一些关于react的keep-alive功能相关知识在这里（上）.md](reacts\24-00-一些关于react的keep-alive功能相关知识在这里（上）.md) - [24-01一些关于react的keep-alive功能相关知识在这里（下）.md](reacts\24-01一些关于react的keep-alive功能相关知识在这里（下）.md) - VUE - 项目搭建 - [从0搭建Vite3+Vue3前端工程化项目](./vue2&vue3/项目搭建/从0搭建Vite3+Vue3前端工程化项目.md) - [vue3-ts点击引入文件无法跳转-vscode.md](./vue2&vue3/项目搭建/vue3-ts点击引入文件无法跳转.md) - [vue-h函数的学习与使用](./vue2&vue3/vue-h函数的学习与使用.md) - [28-4-12道vue高频原理面试题,你能答出几道?](./vue2&vue3/28-vue2/28-4-12道vue高频原理面试题,你能答出几道.md) - [28-0-vue初体验.md](./vue2&vue3/28-vue2/28-0-vue初体验.md) - [28-1-你要的Vue面试题都在这里.md](./vue2&vue3/28-vue2/28-1-你要的Vue面试题都在这里.md) - [28-2-vue代理配置说明和config说明](./vue2&vue3/28-vue2/28-2-vue代理配置说明和config说明.md) - [28-3-vue常用指令收集](./vue2&vue3/28-vue2/28-3-vue常用指令收集.md) - [30-vue项目收集.md](./vue2&vue3/30-vue项目收集.md) - Vue 3 - [28-5-vue3.0团队内部分享总结【转】](./vue2&vue3/57-vue3/28-5-vue3.0团队内部分享总结【转】.md) - [57-00-Vue3的新特性(一)：ref()、reactive()、toRef()和toRefs()](./vue2&vue3/57-vue3/57-00-Vue3的新特性(一)：ref()、reactive()、toRef()和toRefs().md) - [57-01-Vue3的新特性(二)：生命周期](./vue2&vue3/57-vue3/57-01-Vue3的新特性(二)：生命周期.md) - [57-02-Vue3的新特性(三)：setup()、computed()和watch()](./vue2&vue3/57-vue3/57-02-Vue3的新特性(三)：setup()、computed()和watch().md) ### Docker - [00-一个Docker使用的完整流程](./57-docker/00-一个Docker使用的完整流程.md) - [01-docker搭建案例](./57-docker/01-docker搭建案例.md) ### 常用方法 - [07-HTML5 && CSS3.md](07-HTML5 && CSS3.md) - [11-handlebar的一些用法.md](11-handlebar的一些用法.md) - [17-0-javascript技巧.md](./0-js基础知识/17-javascript技巧.md) - [17-1-19个JavaScript 常用的简写技术.md](./0-js基础知识/17-1-19个JavaScript常用的简写技术.md) - [18-正则参考文档.md](18-正则参考文档.md) - [26-01SQL语句-备注.md](./26-SQL/26-S01QL语句-备注.md) - [26-02SQL语句-练习.md](./26-SQL/26-02SQL语句-练习.md) - [33-flex布局.md](./CSS-基础/33-flex布局.md) - [40-css滚动条样式](./CSS-基础/40-css滚动条样式.md) - [40-1-CSS-cursor（鼠标样式）](./CSS-基础/40-1-CSS-cursor（鼠标样式）.md) - [34-js节流&防抖.md](./0-js基础知识/34-js节流&防抖.md) - [38-lodash常用方法总结](38-lodash常用方法总结.md) - [05-一站式解决：H5开发全攻略，看这篇让你省时又省力.md](52-备忘记录\05-一站式解决：H5开发全攻略，看这篇让你省时又省力.md) - [前端项目中使用的框架或模块(node_modules中的文件)存在bug，在哪里进行修改比较合适？](./常用效果以及案例/06-前端项目中使用的框架或模块(node_modules中的文件)存在bug，在哪里进行修改比较合适？.md) - [你可能不知道的前端浏览器（window）对本地文件操作](./常用效果以及案例/07-你可能不知道的前端浏览器（window）对本地文件操作.md) ### 资源汇总 - [01-前端资源汇总](09-资源汇总/01-前端资源汇总.md) - [02-推荐26个GitHub上好玩又有挑战的前端项目（涵盖初中高阶）](09-资源汇总/02-推荐26个GitHub上好玩又有挑战的前端项目（涵盖初中高阶）.md) ### 基础知识 - [04-0-ES6 扫盲.md](./04-ES6/04-0-ES6 扫盲.md) - [04-1-ECMAScript6的规范.md](./04-ES6/04-1-ECMAScript6的规范.md) - [04-2-JS模块化的使用.md](./04-ES6/04-2-JS模块化的使用.md) - [04-3-ES6案例整理.md](./04-ES6/04-3-ES6案例整理.md) - [08-LESS使用介绍.md](./0-软件配置/08-LESS使用介绍.md) - [10-01-Promise.md](10-01-Promise.md) - [10-02-async以及promise.md](10-02-async以及promise.md) - [23-js中bind、call、apply函数的用法.md](./0-js基础知识/23-js中bind、call、apply函数的用法.md) - [27-nodeJS](27-nodeJS) - 01-nodeJS基础知识 - 02-nodeJS文件操作 - 03-node发布npm包 - 04-node命令行工具开发 - 05-搭建开发脚手架(仿Vue-cli) - npm&yarn的lock有什么用【转】 - npm依赖管理中被忽略的那些细节【转】 - package.json配置完全解读【转】 - [29-0-npm模块开发.md](./27-nodeJS/29-0-npm模块开发.md) - [31-js精确计算.md](./0-js基础知识/31-js精确计算.md) - [32-js高阶函数.md](./0-js基础知识/32-js高阶函数.md) - [36-JS设计模式](./0-js基础知识/36-JS设计模式.md) - 14-前端面试题 - 前端开发面试题 - 一名合格前端工程师的自检清单 - [39-JavaScript常见的六种继承方式](39-JavaScript常见的六种继承方式.md) - [47-长列表怎么优化(虚拟加载)](47-长列表怎么优化.md) - 53-算法文章集合 - [53-01-还不懂这八大算法思想，刷再多题也白搭！【转】](./53-算法文章集合/53-01-还不懂这八大算法思想，刷再多题也白搭！【转】.md) - [53-02-算法-js实现tree搜索并返回结果](./53-算法文章集合/53-02-算法-js实现tree搜索并返回结果.md) - [53-03-清晰明了的javascript版动态规划【转】](./53-算法文章集合/53-03-清晰明了的javascript版动态规划【转】.md) - PS: 交往清晰明了的一种动态规划的解释以及文章 - [44-数据结构](./53-算法文章集合/44-数据结构.md) - [46-十分钟搞定时间复杂度](./53-算法文章集合/46-十分钟搞定时间复杂度.md) - [55-BFC](./55-BFC.md) - [13-规范升级NPM包](./基础知识/13-规范升级NPM包.md) - [14-javascript的23种设计模式【转】](基础知识/14-javascript的23种设计模式【转】.md) - [15-二十张图片彻底讲明白Webpack设计理念，以看懂为目的【转】](基础知识/15-二十张图片彻底讲明白Webpack设计理念，以看懂为目的【转】.md) - [WebWorkers分类及5个使用场景](基础知识/17-WebWorkers分类及5个使用场景.md) - [18-web打印，一篇搞定](基础知识/18-web打印，一篇搞定.md) - [19-js使用localeCompare中文排序](基础知识\19-js使用localeCompare中文排序.md) - [花式console【转】](./0-js基础知识/花式console【转】.md) - [接口重复请求和请求取消] - [前端接口防止重复请求实现方案(挂起)](./0-js基础知识/前端处理重复请求/前端接口防止重复请求实现方案(挂起).md) - [Vue取消axios重复请求(取消)](./0-js基础知识/前端处理重复请求/Vue取消axios重复请求(取消).md) ### 工具使用 - [03-sublime一些个人使用的经验.md](./0-软件配置/03-sublime一些个人使用的经验.md) - [05-gulp学习.md](./0-软件配置/05-gulp学习.md) - [06-MockJs.md](./0-软件配置/06-MockJs.md) - [15-git&&git的一些常用方法.md](15-git&&git的一些常用方法.md) - [gitlab或github下fork后如何同步源的新更新内容？](15-01-gitFork和同步操作.md) - [19-写好.babelrc文件.md](./0-软件配置/19-写好.babelrc文件.md) - [42-前端性能优化之Performance神器](42-前端性能优化之Performance神器.md) - [43-nginx安装&基本配置&参数说明](./43-nginx/43-nginx安装&基本配置&参数说明.md) - [43-01-作为一名前端，该如何理解Nginx](./43-nginx/43-01-作为一名前端，该如何理解Nginx.md) - [43-Nginx 常用的基础配置（web前端相关方面）](./43-nginx/43-Nginx常用的基础配置（web前端相关方面）.md) - [56-MAC下mongoDB安装和使用](./0-软件配置/56-MAC下mongoDB安装和使用.md) - [06-live-server开启https](./27-nodeJS/06-live-server开启https.md) ### 规范[提高开发效率] - [20-文件命名规范.md](./规范/20-文件命名规范.md) - [21-工程师规范.md](./规范/21-工程师规范.md) - [22-JS规范.md](./规范/22-JS规范.md) - [【转】01-前端开发命名规范(主要是js方面)](./规范/./规范/【转】01-前端开发命名规范.md) - [45-组件开发规范 (适用框架等) ](./规范/45-组件开发规范.md) - [49-接口文档规范](./规范/49-接口文档规范.md) - [50-reademe文档规范](./规范/50-reademe文档规范.md) - [51-快速打造中小团队的前端基建-【转】](./规范/51-快速打造中小团队的前端基建-【转】.md) - PS: 关于提交规范(git规范); 协作方面写的不错 - [52-JSDoc注释规范【转】](./规范/52-JSDoc注释规范【转】.md) - [53-GitFlow使用](53-GitFlow使用.md) - [54-Semver语义化版本规范（NPM目前使用的方式）](54-Semver语义化版本规范.md) - [【转】开源新手必看7个小技巧](./基础知识/02-开源新手必看7个小技巧.md) - [【转】01-前端开发命名规范](./规范/【转】01-前端开发命名规范.md) - [【转】项目规范](./规范/【转】项目规范.md) - [锁定项目 Node 版本和包管理器](./规范/【转】锁定项目Node版本和包管理器.md) - [在政采云如何写前端技术方案文档](./规范/在政采云如何写前端技术方案文档.md) - [你想知道的前后端协作规范都在这了](规范\【转】你想知道的前后端协作规范都在这了.md) ### 框架 & 理论知识 - [【转】框架带来了什么？](./基础知识/01-框架带来了什么.md) - [04-【前端】单点登录原理](./基础知识/04-【前端】单点登录原理.md) - [05-宏任务与微任务](./基础知识/05-宏任务与微任务.md) - [06-深入解析 EventLoop 和浏览器渲染、帧动画、空闲回调的关系](./基础知识/06-深入解析EventLoop和浏览器渲染、帧动画、空闲回调的关系.md) - [08-你是如何设计一个可扩展、通用的、健壮性组件](./基础知识/08-你是如何设计一个可扩展、通用的、健壮性组件.md) - [11-package-lock或yarn-lock真香-【案例不错】](./基础知识/11-package-lock或yarn-lock真香.md) - [12-聊一聊Vue3.0的script-setup](./基础知识/12-聊一聊Vue3.0的script-setup.md) - [16-SDK是什么和npm有什么区别？简单写个例子了解JS-SDK](./基础知识/16-SDK是什么和npm有什么区别？简单写个例子了解JS-SDK.md) ### GIS相关知识 - [GIS相关基础知识](./GIS/基础知识/GIS相关基础知识.md) - [GIS基础知识相关链接](./GIS/基础知识/GIS基础知识相关链接.md) - [WebGIS引擎现状与未来](./GIS/基础知识/WebGIS引擎现状与未来.md) - [OGC标准WMTS服务概念与地图商的瓦片编号流派-web地图切片加载](./GIS/01-OGC-wmts.md) - [webGIS底图栅格化与实时数据合成处理原理,地图API设计,xyz加载](./GIS/02-webGIS-xyz.md) - [获取全国GeoJSON和各省市GeoJSON数据下载](./GIS/03-获取全国GeoJSON和各省市GeoJSON数据下载) - [04-GeoJSON三分钟入门教程](./GIS/04-GeoJSON三分钟入门教程.md) - [05-25个全球通用的实用卫星地图](./GIS/05-25个全球通用的实用卫星地图.md) - [06-40个值得收藏的GIS学习数据下载网站合集](./GIS/06-40个值得收藏的GIS学习数据下载网站合集.md) - cesium - [00-Cesium资源相关](./GIS/cesium/00-Cesium资源相关.md) - [01-Cesium入门](./GIS/cesium/01-Cesium入门.md) - [02-shp数据制作3DTiles白膜](./GIS/cesium/02-shp数据制作3DTiles白膜.md) - openlayers - [00-openLayers思维导图](./GIS/openLayers/00-openLayers思维导图.md) - [01-Openlayers源码分析-类结构](./GIS/openLayers/01-Openlayers源码分析-类结构.md) - oplayersAPI - [00-OpenlayersAPI-介绍](./GIS/openLayers/oplayer-API/00-OpenlayersAPI-介绍.md) - [01-OpenlayersAPI-Map](./GIS/openLayers/oplayer-API/01-OpenlayersAPI-Map.md) - [02-OpenlayersAPI-View](./GIS/openLayers/oplayer-API/02-OpenlayersAPI-View.md) - [03-OpenlayersAPI-Layer](./GIS/openLayers/oplayer-API/03-OpenlayersAPI-Layer.md) - [04-OpenlayersAPI-Control](./GIS/openLayers/oplayer-API/04-OpenlayersAPI-Control.md) - [05-OpenlayersAPI-Overlay](./GIS/openLayers/oplayer-API/05-OpenlayersAPI-Overlay.md) - [06-OpenlayersAPI-VectorLayer](./GIS/openLayers/oplayer-API/06-OpenlayersAPI-VectorLayer.md) - [07-OpenlayersAPI-Geometry](./GIS/openLayers/oplayer-API/07-OpenlayersAPI-Geometry.md) - [08-OpenlayersAPI-Draw](./GIS/openLayers/oplayer-API/08-OpenlayersAPI-Draw.md) - [09-OpenlayersAPI-Modify](./GIS/openLayers/oplayer-API/09-OpenlayersAPI-Modify.md) - [10-OpenlayersAPI-Select](./GIS/openLayers/oplayer-API/10-OpenlayersAPI-Select.md) - [11-OpenlayersAPI-Translate](./GIS/openLayers/oplayer-API/11-OpenlayersAPI-Translate.md) - [12-OpenlayersAPI-DragBox](./GIS/openLayers/oplayer-API/12-OpenlayersAPI-DragBox.md) - [13-OpenlayersAPI-condition](./GIS/openLayers/oplayer-API/13-OpenlayersAPI-condition.md) - [14-OpenlayersAPI-Style](./GIS/openLayers/oplayer-API/14-OpenlayersAPI-Style.md) - [15-OpenlayersAPI-GeoJSON](./GIS/openLayers/oplayer-API/15-OpenlayersAPI-GeoJSON.md) - [16-OpenlayersAPI-XYZ](./GIS/openLayers/oplayer-API/16-OpenlayersAPI-XYZ.md) - openlayers Learn - 01-openlayers6【一】简介openlayers背景，优势，如何使用及实际使用场 - 02-openlayers6【二】Map地图详解，初始化一个map - 03-openlayers6【三】地图视图View - 04-openlayers6【四】地图图层Layers - 05-openlayers6【五】地图图层数据来源source - 06-openlayers6【六】地图交互interaction - 07-openlayers6【七】地图控件controls - 08-openlayers6【八】地图覆盖物overlay - 09-openlayers6【九】地图覆盖物overlay三种常用用法 popup弹窗，marker标注，text文 - 10-openlayers6【十】EPSG:3857和EPSG:4326区别 - 11-openlayers6【十一】vue使用overlay实现弹窗框popup - 12-openlayers6【十二】vue切片图层TileLayer切换地图底图，图层叠加效 - 13-openlayers6【十三】地图矢量图层Vector - 14-openlayers6【十四】ol.proj类实现EPSG:3857和EPSG:4326坐标转 - 15-openlayers6【十五】地图样式Style类 - 16-openlayers6【十六】vueOverlay类实现gif动态图标效果 - 17-openlayers6【十七】vue VectorLayer矢量图层画地图省市区，多省市区(粤港澳大湾区)效果详解 - 18-openlayers6【十八】vue VectorLayer矢量图层实现批量图标点位上图功能详 - 19-openlayers6【十九】vue HeatmapLayer热力图层实现热力图效果详 - 20-openlayers6【二十】vue Cluster类实现聚合标注 - 21-openlayers6【二十一】vue addLayer实现点击地图添加图标要素信 - 22-openlayers6【二十二】vue addLayer实现点击地图添加图标要素信息，编辑点位信 - 23-openlayers6【二十三】vue LineString 实现地图轨迹路线，设置起点和终点的标注信息详解 - 24-openlayers6【二十四】vue 通过gis数据显示省的区域图层，地图下钻到可视中间区域效 - 25-openlayers6【二十五】vue 通过gis数据动态数据，实现地图省市区下钻，图层渲 - 26-openlayers6【二十六】业务交互：Cluster 聚合标注控制，显示隐藏聚合标 - 27-openlayers6【二十七】业务交互：聚合图根据不同的数值，聚合标注显示不同的颜 - 28-openlayers6【二十八】批量设置闪烁点，feature要素通过postrender机制批量生成动态 - 29-openlayers6【二十九】业务交互：Circle矢量图层展示圆圈和区域名称，鼠标移入显示区域范围功能，分区找房 ### TypeScript - [04-tsconfig详解](52-备忘记录/04-tsconfig详解.md) - [03-【豁然开朗】为什么要用那么复杂的TS](./基础知识/03-【豁然开朗】为什么要用那么复杂的TS.md) - [28-3-Vue+TypeScript项目起手式](28-3-Vue+TypeScript项目起手式.md) - [54-typescript](./54-typescript/00-总览.md) - [案例](./54-typescript/baseTs) - [01-0-基础篇-tsconfig详解](./54-typescript/01-0-基础篇-tsconfig详解.md) - [01-1-基础篇-ts类型](./54-typescript/01-1-基础篇-ts类型.md) - [01-2-基础篇-ts高级类型](./54-typescript/01-2-基础篇-ts高级类型.md) - [还不会TS？带你TypeScript快速入门](./54-typescript/03-0-还不会TS？带你TypeScript快速入门.md) - [04-0-interface和type到底有什么区别](./54-typescript/04-0-interface和type到底有什么区别.md) - [05-0-TypeScript的演进之路](54-typescript\05-0-TypeScript的演进之路.md) - [06-0-40道Typescript面试题及其答案与代码示例](54-typescript\06-0-40道Typescript面试题及其答案与代码示例.md) ### 其他 - [01-easyui_plugin.md](01-easyui_plugin.md) - [19-websocket探究.md](./0-js基础知识/19-websocket探究.md) - [25-canvas案例.md](25-canvas案例.md) - [关于流程图，你想知道的都在这里](./基础知识/09-关于流程图，你想知道的都在这里.md) - [UML大科普：一文梳理清14种UML图！](./基础知识/10-UML大科普：一文梳理清14种UML图！.md) - [01-echart中X轴标签过长解决方案](./常用效果以及案例/01-echart中X轴标签过长解决方案.md) - [02-图片如何自适应容器显示](./常用效果以及案例/02-图片如何自适应容器显示.md) - [一招解决Chrome或Edge浏览器卡顿变慢视频掉帧问题-让浏览器重回丝般流畅](0-软件配置\一招解决Chrome或Edge浏览器卡顿变慢视频掉帧问题-让浏览器重回丝般流畅.md) - [03-大文件分片上传](./常用效果以及案例/03-大文件分片上传.md) - [前端实现word、excel、pdf、ppt、mp4、图片、文本等文件的预览](./常用效果以及案例/04-前端实现word、excel、pdf、ppt、mp4、图片、文本等文件的预览.md) - [05-文本溢出截断省略-多种方法](./常用效果以及案例/05-文本溢出截断省略.md) ### 备忘&记录 - [01-自定义PAC列表规则](52-备忘记录/01-自定义PAC列表规则.md) - [02-git代理设置以及node代理设置](52-备忘记录/02-git代理设置以及node代理设置.md) - [03-ESLint配置参数说明【转】](52-备忘记录/03-ESLint配置参数说明【转】.md) - [41-npm常用命令详解.md](./27-nodeJS/41-npm常用命令详解.md) ### 生产力提升相关 - [node_modules是该好好治一治了.md](./58-生产力提升相关/01-node_modules是该好好治一治了.md) - [02-有哪些好用的前端开发工具？.md](58-生产力提升相关\02-有哪些好用的前端开发工具？.md) - [03-设计小姐姐都说好的视觉还原对比利器.md](58-生产力提升相关\03-设计小姐姐都说好的视觉还原对比利器.md) ### 软件配置 - [mac清理](./0-软件配置/macClean.md)