摘要：
一、前言介绍 重点：页面中 多行 多列的结构布局。最好使用布局系统【如 栅格布局，布局容器】，而不是自己 临时手写 css 样式。 1、虽然手写 也能快速实现，但是维护成本高。后期如果要对里面的某一块进行修改，则会直接影响到其他 行列 的布局。如 通过 3 行 3列结构的 布局，手动通过 flex 阅读全文
摘要：
参考：https://www.jianshu.com/p/a4eacaf8de17 一、只有单个长链接，不要求保活 class WebSocketClass { constructor() { this.instance = null; this.connect(); } static getIns 阅读全文
摘要：
https://blog.csdn.net/m0_38038767/article/details/110946165 一、通过 a 标签下载：使用url地址【在html上直接创建，还是在js中创建是一样的】 缺点： 谷歌浏览器识别的文件，无法下载，会直接打开。 是否存在跨域限制，还要待测 二、通过 阅读全文
摘要：
一、表单 组件: 1、动态增减表单项 antDesign：antDesign 官方文档就有这个说明 https://1x.antdv.com/components/form-model-cn/#components-form-model-demo-dynamic-form-item 增减实现： 表单 阅读全文
摘要：
一、$refs 不能动态拼接的问题：https://blog.csdn.net/alisa_lisa/article/details/104005063 项目需求：动态增减表单并验证。添加联系人，多少组联系人的表单是不确定的。 原因： 解决：ref 是可以同名的。有相同的名字，会放在一个数组中。通过 阅读全文
摘要：
参考：https://blog.csdn.net/maidu_xbd/article/details/104400790 一、原理：基于canvas实现的。暂时不去研究原生实现它。下面主要讲下使用 vue-cropper 插件实现图片裁剪。 二、使用vue-cropper 插件实现 说明：这个组件适 阅读全文
摘要：
js的 算法 参考：https://blog.csdn.net/weixin_41082623/article/details/81988836 或 https://juejin.cn/post/7068853819135754253 一、排序算法 ： 十大经典排序算法（动图演示） 1、冒泡排序： 阅读全文
摘要：
数据结构 一、js 原生 数据结构： 数据结构都是基于 原生数据结构 实现的。 重点：个人理解，数据结构就是储存数据的结构（如：数组、对象、set、map） https://www.cnblogs.com/zai1/p/11216368.html 1、数组：省略 2、对象： js 对象的属性名是包括 阅读全文
摘要：
概念 参考：http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html 或 https://www.jianshu.com/p/be7c95714586 一、__ 阅读全文
摘要：
参考：https://www.kancloud.cn/cyyspring/vuejs/1152338 或 https://blog.csdn.net/i10630226/article/details/81432636 概念：适配器模式 主要是用来解决两个已有接口之间不匹配的问题。 接口适配（即对象 阅读全文
摘要：
参考：http://blog.chinaunix.net/uid-26672038-id-4364155.html 装饰者模式特点：【看书】 1. 不修改原对象的原本结构来进行功能添加。 2. 装饰对象和原对象具有相同的接口，可以使客户以与原对象相同的方式使用装饰对象。 3. 装饰对象中包含原对象的 阅读全文
摘要：
参考：https://www.cnblogs.com/zhigu/p/11847569.html 阅读全文
摘要：
参考：https://www.jianshu.com/p/53b1c6ab1660 迭代器模式：提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。 阅读全文
摘要：
https://www.cnblogs.com/loveyt/p/11410593.html 或 https://www.cnblogs.com/loveyt/p/11410593.html（推荐） 一、虚拟代理： 1、案例 // 创建一个本体对象 var myImage = (function() 阅读全文
摘要：
https://www.cnblogs.com/zooboo/p/9556212.html 1、参考例子： var obj = { "A": function(salary) { return salary * 4; }, "B" : function(salary) { return salary 阅读全文
摘要：
参考：https://www.sohu.com/a/340431910_695183 或 https://blog.csdn.net/qq_38931949/article/details/93485519 前导：权限 设计 目的 1、有的系统（如，后台管理系统），各个角色的使用场景是部分通用，部分 阅读全文
摘要：
参考：https://www.bilibili.com/video/BV1wJ411k7py?p=3 一、https 的证书： 1、客户端 上有根 证书，在 系统上是可以看得到的。 https://blog.csdn.net/huzhenv5/article/details/104576065（wi 阅读全文
摘要：
https://www.cnblogs.com/yonglin/p/8080836.html 1、单例模式 的 核心是 确保只有一个实例，并提供全局访问。 2、js本身是没有类这种概念的，所以我们强行用传统单例思想来实现是没有任何意义的，这样的代码又臭又长。 js 的 单例模式 只要 通过 函数 封 阅读全文
摘要：
设计模式的目的是为了改善代码 一、概念： 1、发布订阅者模式（也叫观察者模式），是一对多的关系。举个例子：比如开学了。 老师【发布者】 向 学生【订阅者】 发个开学通知，学生收到通知就会各自行动起来。这就是一个发布订阅者模式。 说明：在老师那里有登记的学生才会收到通知。即有订阅的对象才会收到通知。 阅读全文
摘要：
参考: 哔哩哔哩上 https://www.bilibili.com/video/BV1Zy4y1K7SH?p=136（推荐） 或 李南江老师的课 一、Setup入口函数： https://vue3js.cn/docs/zh/guide/composition-api-setup.html 1、se 阅读全文
摘要：
官网：https://vue3js.cn/docs/zh/guide/instance.html 或 https://v3.cn.vuejs.org/guide/migration/introduction.html（推荐，介绍差异的内容） 一、<script setup> 简化 setup() 的 阅读全文
摘要：
一、事件的绑定 1、js原生 事件程序 的绑定 方法：https://www.cnblogs.com/ypppt/p/12943349.html a、元素 属性 中绑定 事件（即 DOM0 级 事件处理程序）：【这种事件的绑定 只能是 DOM 或 Windows 对象 可以使用】 <div id=" 阅读全文
摘要：
参考：https://segmentfault.com/a/1190000010349749 一、webpack模块打包后的结构：【每个模块 都加了圆括号，但 不是 立即执行 函数】 补充介绍【圆括号的作用】：js中 数组 的 项 不能是语句，可以是表达式。js 的函数分 声明式函数 和 表达式函数 阅读全文
摘要：
参考：https://segmentfault.com/a/1190000011192094 nodejs调试 方法： 1、使用编辑器调试：vscode、webstorm都可以。【这个比较简单，这里不讲】 2、使用 node 的 自带的 --inspect 或 --inspect-brk 。【推荐使 阅读全文
摘要：
打包成 exe 安装程序的工具有：innoSetup、HofoSetup、NSIS 等。 innoSetup：用过 NSIS：没用过 HofoSetup：简单方便，但是收费 Inno Setup 编程技术：https://blog.csdn.net/u011287646/article/detail 阅读全文
摘要：
一、原生ajax对象【xhr、fetch】 请求的拦截： https://m.imooc.com/mip/wenda/detail/603075【通过改写send方法，使原有的send方法失效】 或 https://www.cnblogs.com/xiaoyuxy/p/12346344.html 【 阅读全文
摘要：
参考：https://www.cnblogs.com/tzyy/p/5193811.html（比较详细）或 https://juejin.cn/post/7099041402771734559（有分类）或 https://mp.weixin.qq.com/s/RrHPyjQjGXqRWxz6Lvsl 阅读全文
摘要：
修改npm包的不足 参考：https://mp.weixin.qq.com/s/1oo0aW8kT9Mj88qgvvRx-g 方法1：使用 Fork。最常见的方法就是 Fork 源代码，通过在 GitHub 上或其他托管平台上 Fork 第三方包的源代码库。对其源代码进行修改，修改完成后将修改后的包 阅读全文
摘要：
这里说的是 混合app 打包apk 文件，不设计原始 页面的开发。 一、环境安装：cordova 打包 apk 应用，需要 Android 环境 和 java SDK 环境。 1、java sdk：容易安装，这里就不介绍了。 2、Android 环境的工具：使用 android SDK manage 阅读全文
摘要：
一、npm包全局安装：https://blog.csdn.net/wu_xianqiang/article/details/89667543 需要注意的是，全局模式并不是将一个模块包安装为一个全局包的意思，它并不意味着可以从任何地方通过 require() 来引用到它。 事实上，全局的包 在项目中根 阅读全文
摘要：
实际开发中，我们都是通过远程操作linux系统的。这里只讲 使用 MobaXterm 进行 node 的安装。 linux软件的安装大部分还是通过离线安装的，因为软件包的下载都是去软件官网上先下载下来的，再上传到服务器上 安装的。【即使服务器联网的，也是先在浏览器上下载软件包的】 离线安装有两种发生 阅读全文
摘要：
1、安装nvm：https://www.cnblogs.com/jing-tian/p/11225123.html 亲测：nvm的安装目录的路径最好不要有 空格，不然nvm是没有问题。但是node下载好后，无法使用nvm use 切换到正确的版本。 说明：在cmd命令行中，文件路径一般不能出现空格。 阅读全文
摘要：
对于前端来说，最大的优势其实就是TS的类型系统。 参考：https://www.tslang.cn/docs/handbook/basic-types.html【官网】 或 http://ts.xcatliu.com/basics/index.html（推荐） 一、基础类型（原始类型）： 布尔值：布 阅读全文
摘要：
nodejs + MongoDB 操作MongoDB数据库用 mongoose（ODM 框架，对象文档映射） nodejs + MySQL 操作MySQL数据库用 Sequelize（ORM 框架，对象关系映射） 参考：https://devpress.csdn.net/mongodb/62ff26 阅读全文
摘要：
参考链接： 链接1 1、requestFullscreen：以全屏模式显示选定的元素，从而关闭其他应用程序以及浏览器和系统UI元素。 说明，使用这个处理 放大图片 或 视屏 还是非常有用的 2、exitFullscreen： 将全屏模式退出到正常模式 阅读全文
摘要：
参考：https://www.sohu.com/a/320368499_262549 一、问题： 1、现代浏览器在与服务器建立了一个 TCP 连接后是否会在一个 HTTP 请求完成后断开？什么情况下会断开？ 2、一个 TCP 连接可以对应几个 HTTP 请求？ 3、一个 TCP 连接中 HTTP 请 阅读全文
摘要：
一、为什么要用源映射 (Source Map)：https://www.cnblogs.com/xuld/p/5882677.html 场景：为了提高性能，很多站点都会先压缩 JavaScript 、css代码然后上线。但如果代码运行时出现错误，浏览器只会显示在已压缩的代码中的位置，很难确定真正的源 阅读全文
摘要：
swiper还是很强大的。但是 官方文档 比较难懂，设计思路是这样的都没有说明。用的时候都不知道在哪个配置项上设置。把用到的总结下： 官网地址：https://www.swiper.com.cn/ （在vue中使用 也有简单说明） 1、ui修改上的配置 应该都是在 网格分布 里（ui还是很重要的，这 阅读全文
摘要：
一、node 中 Shell的彩色console：https://www.jb51.net/article/178148.htm 1、console 的属性设置：字符串 \033 开头, 表示对窗口的控制。 console.log('\033[41m test \033[0m') // 字符串最后面 阅读全文
摘要：
1、idea创建spring boot项目：https://www.cnblogs.com/quanxiaoha/p/10706850.html 注意：类文件不能和主程序文件（即 Application 入口文件）在一级目录。 2、@Controller和@RequestMapping作用详解：ht 阅读全文