摘要:
参考:https://zhuanlan.zhihu.com/p/354375388 一、命名规范 1、表名命名规范:模块_+功能点 示例:alllive_log alllive_category
阅读全文
posted @ 2022-07-26 15:20
吴飞ff
阅读(159)
推荐(0)
摘要:
一、代理相关 前言: 参考:https://segmentfault.com/a/1190000014474361?utm_source=channel-hottest 或 https://blog.csdn.net/huangjianfeng21/article/details/92005441(
阅读全文
posted @ 2022-06-24 15:25
吴飞ff
阅读(586)
推荐(0)
摘要:
参考:https://juejin.cn/post/6844903959283367950?share_token=22940025-17cb-4d07-a81c-4120f92c07e4#heading-14 先介绍下 set 和 map Set:ES6 新增的一种新的数据结构,类似于数组,但成员
阅读全文
posted @ 2022-05-26 13:34
吴飞ff
阅读(97)
推荐(0)
摘要:
CSS 变量 概念:自定义属性(有时候也被称作CSS变量或者级联变量)是由CSS作者定义的,它包含的值可以在整个文档中重复使用。由自定义属性标记设定值(比如: --main-color: black;),由var() 函数来获取值(比如: color: var(--main-color);) 定义作
阅读全文
posted @ 2022-05-13 14:01
吴飞ff
阅读(80)
推荐(0)
摘要:
前言:为什么需要前端去定义接口需求文档呢。 后端的接口文档不一定是靠谱的。他们使用的swagger文档,有的时候是针对某个字段只是表示一个对象,但是对象里有哪些字段就没有了。 后端提供的接口文档,请求参数是否必填不明确;响应参数给的字段太多了。而我们需要的参数却只有几个。 【很重要】前端没有接口文档
阅读全文
posted @ 2022-05-08 21:48
吴飞ff
阅读(1661)
推荐(0)
摘要:
1、什么是 ssr(服务端渲染):https://www.jianshu.com/p/7f06022a8ddd ssr 也不是万能的, 需要 node 服务器, 很耗费性能, 需要做好缓存和优化, 相当于空间换时间.。全站 ssr 明显不可取, 现在流行较多的是 首屏 ssr ,甚至 首屏部分 ss
阅读全文
posted @ 2022-04-17 19:13
吴飞ff
阅读(103)
推荐(0)
摘要:
canvas 像素操作 参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas API介绍: ImageData 对象:ImageData对象中存储着
阅读全文
posted @ 2022-04-11 20:36
吴飞ff
阅读(188)
推荐(0)
摘要:
构造函数、实例和原型对象三角关系 function Star(uname, age){ this.uname = uname; this.age = age; } var ldh = new Star("刘德华", 18) console.log(ldh); 上面的说明都以上面的代码作为举例 每个构
阅读全文
posted @ 2022-04-11 11:00
吴飞ff
阅读(65)
推荐(0)
摘要:
一、基于 HTML 的模板语法,实现渲染。 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。 二、使用渲染函数,实现渲染。https://cn.vuejs.org/v2/guide/rende
阅读全文
posted @ 2022-03-29 19:11
吴飞ff
阅读(590)
推荐(0)
摘要:
声明文件介绍: 声明文件 也 叫做描述文件,以d.ts结尾的文件名,比如xxx.d.ts。声明文件主要是ts编译器 和 编辑器用的。 给 ts 编译器用:开发中 ts 不可避免要引用其它第三方的 js库。虽然通过总结引用可以调用库的类和方法,但是却无法使用 TS 诸如类型检查等特性功能。用 声明文件
阅读全文
posted @ 2022-03-23 17:54
吴飞ff
阅读(2990)
推荐(0)
摘要:
前言:Proxy 和 Reflect是配套出现使用的。虽然Proxy可以不适用Reflect也能实现系统的功能,但是会增加代码复杂度,也增加了代码理解难度。 https://mp.weixin.qq.com/s/G6maIUZONMWHxJG_E1_f-w Proxy 一、基本语法: const p
阅读全文
posted @ 2022-03-02 09:17
吴飞ff
阅读(232)
推荐(0)
摘要:
参考:https://www.jianshu.com/p/809958a504b8 一、减少webpack打包后的文件体积 按需加载【这个不是减少打包后的体积,而是运行时加载文件的体积减少了】 如:将每个路由页面单独打包为一个文件 component: () => import(/* webpack
阅读全文
posted @ 2022-01-25 16:48
吴飞ff
阅读(131)
推荐(0)
摘要:
一、概念: 1、微前端的两种形态 单实例【从代码层面来看,这种方式 并不是微前端。只是多应用集成在一起】 多实例
阅读全文
posted @ 2022-01-18 17:47
吴飞ff
阅读(67)
推荐(0)
摘要:
一、app:控制应用程序的事件生命周期。https://www.electronjs.org/zh/docs/latest/api/app ready事件:通常我们使用触发器的 .on 函数来监听 Node.js 事件。但是 Electron 暴露了 app.whenReady() 方法,作为其 r
阅读全文
posted @ 2022-01-18 16:03
吴飞ff
阅读(938)
推荐(0)
摘要:
官网的模块都是 系统模块 参考:https://juejin.cn/post/7080871139068608543 一、path 模块 https://nodejs.org/dist/latest-v16.x/docs/api/path.html path 模块提供了用于处理文件和目录的路径的实用
阅读全文
posted @ 2022-01-17 13:44
吴飞ff
阅读(245)
推荐(0)
摘要:
https://developer.mozilla.org/zh-CN/docs/Web/API/Blob 一、Blob对象的API: 属性: size: 对象所包含数据的大小(字节)。 type:表明该 Blob 对象所包含数据的 MIME 类型。如果类型未知,则该值为空字符串。 方法 slice
阅读全文
posted @ 2022-01-05 15:04
吴飞ff
阅读(4853)
推荐(0)
摘要:
参考:https://www.w3cplus.com/css/css-architecture-1.html(推荐) 或 https://blog.csdn.net/eunice_sytin/article/details/83341381 (推荐) 或 https://zhuanlan.zhihu
阅读全文
posted @ 2021-12-23 16:55
吴飞ff
阅读(1026)
推荐(0)
摘要:
什么是CDN?工作原理是什么? 网站通常将其所有的服务器都放在同一个地方,当用户群增加时,公司就必须在多个地理位置不同的服务器上部署内容 为了缩短http请求的时间,我们应该把大量的静态资源放置的离用户近一点。 内容发布网络CDN(Content Delivery Networks) CDN是一组分
阅读全文
posted @ 2021-12-23 15:57
吴飞ff
阅读(83)
推荐(0)
摘要:
流程图分类: 1、基本流程图:主要用于描述单一角色在处理某一个事项时代流程(当然,也可以描述多角色)。 2、跨职能流程图(泳道图):描述的事多个角色同时处理某个事项时的流程。 注意:产出的数据,可以放在旁边说明。 https://www.bilibili.com/video/BV1LS4y1Q7yb
阅读全文
posted @ 2021-12-18 17:08
吴飞ff
阅读(481)
推荐(0)
摘要:
一、deepin中安装docker: https://blog.csdn.net/leibris/article/details/104045782【亲测有效,用tgz包安装】 1、
阅读全文
posted @ 2021-08-04 22:26
吴飞ff
阅读(70)
推荐(0)
摘要:
1、不同于 SVG,<canvas> 只支持两种形式的图形绘制:矩形和路径(由一系列点连成的线段)。所有其他类型的图形都是通过一条或者多条路径组合而成的。不过,我们拥有众多路径生成的方法让复杂图形的绘制成为了可能。 2、canvas里面位置都是基于坐标系的,这点和DOM完全不一样。 DOM的布局是基
阅读全文
posted @ 2021-08-03 11:29
吴飞ff
阅读(202)
推荐(0)
摘要:
参考:https://www.bilibili.com/video/BV1Gx41187Bj?p=66 说明:前端虽然不需要用axure画原型,但是为了理解业务,自己画图并配文字描述。使用axure软件的是非常方便的。主要下面几点的考量: 可以贴图,和文字说明。后面对图片和文字随时可以修改。自带画图
阅读全文
posted @ 2021-07-23 22:00
吴飞ff
阅读(163)
推荐(0)
摘要:
参考链接 一、概念: 把实现同一事情的相同代码,放到一个函数中,以后如果再想实现这个功能,就不需要重新编写这些代码了,只要执行当前的函数即可。工厂模式本质就是代码功能的复用,没什么男理解的。关键是要了解和 构造函数 的区别,他们都可以创建一个对象。 function createPerson(nam
阅读全文
posted @ 2021-07-13 15:13
吴飞ff
阅读(64)
推荐(0)
摘要:
参考:https://www.cnblogs.com/alice-fee/p/8038367.html 离线安装扩展: 方法1:github下载插件,npm包安装依赖,拖入浏览器扩展程序。 github下载地址:https://github.com/vuejs/vue-devtools 说明:下载的
阅读全文
posted @ 2021-07-06 12:16
吴飞ff
阅读(382)
推荐(0)
摘要:
一、前言介绍 重点:页面中 多行 多列的结构布局。最好使用布局系统【如 栅格布局,布局容器】,而不是自己 临时手写 css 样式。 1、虽然手写 也能快速实现,但是维护成本高。后期如果要对里面的某一块进行修改,则会直接影响到其他 行列 的布局。如 通过 3 行 3列结构的 布局,手动通过 flex
阅读全文
posted @ 2021-06-11 00:14
吴飞ff
阅读(265)
推荐(0)
摘要:
参考:https://www.jianshu.com/p/a4eacaf8de17 一、只有单个长链接,不要求保活 class WebSocketClass { constructor() { this.instance = null; this.connect(); } static getIns
阅读全文
posted @ 2021-06-09 15:19
吴飞ff
阅读(1527)
推荐(0)
摘要:
https://blog.csdn.net/m0_38038767/article/details/110946165 一、通过 a 标签下载:使用url地址【在html上直接创建,还是在js中创建是一样的】 缺点: 谷歌浏览器识别的文件,无法下载,会直接打开。 是否存在跨域限制,还要待测 二、通过
阅读全文
posted @ 2021-06-03 16:05
吴飞ff
阅读(353)
推荐(0)
摘要:
一、表单 组件: 1、动态增减表单项 antDesign:antDesign 官方文档就有这个说明 https://1x.antdv.com/components/form-model-cn/#components-form-model-demo-dynamic-form-item 增减实现: 表单
阅读全文
posted @ 2021-05-20 11:58
吴飞ff
阅读(175)
推荐(0)
摘要:
一、$refs 不能动态拼接的问题:https://blog.csdn.net/alisa_lisa/article/details/104005063 项目需求:动态增减表单并验证。添加联系人,多少组联系人的表单是不确定的。 原因: 解决:ref 是可以同名的。有相同的名字,会放在一个数组中。通过
阅读全文
posted @ 2021-05-20 10:30
吴飞ff
阅读(67)
推荐(0)
摘要:
参考:https://blog.csdn.net/maidu_xbd/article/details/104400790 一、原理:基于canvas实现的。暂时不去研究原生实现它。下面主要讲下使用 vue-cropper 插件实现图片裁剪。 二、使用vue-cropper 插件实现 说明:这个组件适
阅读全文
posted @ 2021-03-31 23:03
吴飞ff
阅读(884)
推荐(1)
摘要:
js的 算法 参考:https://blog.csdn.net/weixin_41082623/article/details/81988836 或 https://juejin.cn/post/7068853819135754253 一、排序算法 : 十大经典排序算法(动图演示) 1、冒泡排序:
阅读全文
posted @ 2021-03-30 16:49
吴飞ff
阅读(1181)
推荐(0)
摘要:
数据结构 一、js 原生 数据结构: 数据结构都是基于 原生数据结构 实现的。 重点:个人理解,数据结构就是储存数据的结构(如:数组、对象、set、map) https://www.cnblogs.com/zai1/p/11216368.html 1、数组:省略 2、对象: js 对象的属性名是包括
阅读全文
posted @ 2021-03-30 16:47
吴飞ff
阅读(373)
推荐(0)
摘要:
概念 参考:http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html 或 https://www.jianshu.com/p/be7c95714586 一、__
阅读全文
posted @ 2021-03-16 18:11
吴飞ff
阅读(67)
推荐(0)
摘要:
参考:https://www.kancloud.cn/cyyspring/vuejs/1152338 或 https://blog.csdn.net/i10630226/article/details/81432636 概念:适配器模式 主要是用来解决两个已有接口之间不匹配的问题。 接口适配(即对象
阅读全文
posted @ 2021-03-13 14:52
吴飞ff
阅读(56)
推荐(0)
摘要:
参考:http://blog.chinaunix.net/uid-26672038-id-4364155.html 装饰者模式特点:【看书】 1. 不修改原对象的原本结构来进行功能添加。 2. 装饰对象和原对象具有相同的接口,可以使客户以与原对象相同的方式使用装饰对象。 3. 装饰对象中包含原对象的
阅读全文
posted @ 2021-03-11 22:12
吴飞ff
阅读(45)
推荐(0)
摘要:
参考:https://www.cnblogs.com/zhigu/p/11847569.html
阅读全文
posted @ 2021-03-11 21:38
吴飞ff
阅读(35)
推荐(0)
摘要:
参考:https://www.jianshu.com/p/53b1c6ab1660 迭代器模式:提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。
阅读全文
posted @ 2021-03-10 23:26
吴飞ff
阅读(39)
推荐(0)
摘要:
https://www.cnblogs.com/loveyt/p/11410593.html 或 https://www.cnblogs.com/loveyt/p/11410593.html(推荐) 一、虚拟代理: 1、案例 // 创建一个本体对象 var myImage = (function()
阅读全文
posted @ 2021-02-10 13:52
吴飞ff
阅读(49)
推荐(0)
摘要:
https://www.cnblogs.com/zooboo/p/9556212.html 1、参考例子: var obj = { "A": function(salary) { return salary * 4; }, "B" : function(salary) { return salary
阅读全文
posted @ 2021-02-10 11:19
吴飞ff
阅读(57)
推荐(0)
摘要:
参考:https://www.sohu.com/a/340431910_695183 或 https://blog.csdn.net/qq_38931949/article/details/93485519 前导:权限 设计 目的 1、有的系统(如,后台管理系统),各个角色的使用场景是部分通用,部分
阅读全文
posted @ 2021-02-04 15:02
吴飞ff
阅读(3906)
推荐(0)