项目的一些重难点
前言3 月进入公司，现在 10 月中了，很快呀，期间做了两个项目，记录下工作上的重难点，以免忘记。 项目一： 重点 项目搭建，axios 封装，权限 与后台接口请求，请求类型，get/post/put/delete，数据类型，query/body 请求体，编码类型，x-www-form-urlencoded/json 前台部署，jenkins 的使用，docker/k8s 的了解 jsplumb 的使用，可视化流程图 jquery-ui 拖拽 画布滚动、放大缩小，小地图导航，通过定位的方式不去控制画布大小 参数自动提示 codemirror d3.js 滚动缩放 vuex 数据的持久化存储 sessionStorage 一个插件 echarts 的使用，统计流程状态数量 难点 手写树结构文件夹分类 组件自己调用自己 切割组件，在一个组件上的操作影响另一个上的内容 通过连线传递参数 线上的文字及样式 connect.getOverlay(id).setLabel(str) connect._jsplumb.overlays.canvas.label.cssName 动态调整组件大小 自 ...
跟着讶佬深入js--防抖
防抖在不断触发情况下，一段时间后才执行 防抖、this、event对象（参数）、是否立即执行、有返回值（在immediate中执行）、可取消 1234567function debounce(func, wait) { var timeout; return function() { clearTimeout(timeout); timeout = setTimeout(func, wait); }} 12345678910function debounce(func, wait) { var timeout; return function() { var context = this; clearTimeout(timeout); timeout = setTimeout(function() { func.apply(context); }, wait); }} 1234567891011function debounc ...
跟着讶佬深入js--按值传递/call/apply/bind/new
按值传递 ECMAScript中所有函数的参数都是按值传递的。 在值传递的参数，进入函数相当于复制值给另外一个变量。 123456function foo(a) { a = 22}var a = 11foo(a);console.log(a) // 11 123456789function change(obj1, obj2) { obj1.value = 'new' obj2 = 'zs'}var obj1 = {value: 'old'}var obj2 = {value: 'old'}change(obj1, obj2)console.log(obj1, obj2) // { value: 'new' } { value: 'old' } 而对象在传递参数时使用的是按共享传递。 对于传递到函数的对象类型，如果直接改变了拷贝的引 ...
跟着讶佬深入js--词法作用域
原文: https://github.com/mqyqingfeng/Blog/issues/3 你不知道的javascript 编译原理 分词/词法分析：将由字符组成的字符串分解成有意义的代码块，这些块被称为词法单元。 解析/词法分析：将词法单元流（数组）转换成一个由元素嵌套组成的代表了程序语法的结构的树，这个树被称为”抽象语法树“(AST)。 代码生成：将AST转换为执行代码的过程。 LHS与RHSLHS为赋值操作的目标，RHS为赋值操作的源头。当变量出现在赋值操作的左侧时进行LHS查询，出现在右侧时进行RHS查询。如果查找的目的是对变量进行赋值，那么使用LHS查询；如果目的是获取变量的值，就会使用RHS查询。 作用域链引擎从当前的执行作用域开始查找变量，如果找不到，就向上一级继续查找，当抵达最外层的全局作用域时，无论是否找到，查找过程都会停止。由多个执行上下文的变量对象构成的链表叫做作用域链 词法作用域目前大多数语言使用词法使用域，少数使用动态作用域（bash脚本、Perl中一些模式等）。 词法作用域就是定义在词法阶段的作用域。无论函数在哪里被调用，它的词法作用域都只由函数 ...
跟着讶佬深入js--原型到原型链
原文: https://github.com/mqyqingfeng/Blog/issues/2 prototypeprototype是函数才有的属性，每一个函数都有一个prototype属性，它指向了一个对象，这个对象是由构造函数创建出来的实例的原型。 那么什么是原型？每一个js对象在创建的时候就会关联另一个对象，这个对象就是它的原型，每一个对象都会从原型“继承”属性。 __proto__每一个js对象（除null）都具有的一个属性，它指向了该对象的原型。 1person1.__proto__ === Person.prototype // true constructor每个原型都有一个constructor属性指向原构造函数。 1Person.prototype.constructor === Person // true 原型链当读取实例的属性时，如果找不到，就会查找 与对象关联的原型中的属性，如果还找不到，就会查找原型的原型，直到找到Object对象的原型，如果还没有，则会返回null。 1Object.prototype.__proto__ === null // ...
【9月】打卡
9 月总结9月开启了一个新计划，那就是早起，每天6点起，学习1小时；从结果来看，是坚持下来了，但是输出比较少，东西还是一些反复记不住的；下班后7点8点，基本没看过东西，11点睡觉。一月内巩固了下基础，手写了几个函数，看些博客文章；项目上完成画面小地图，窗口动态调整，日志动态点击，dhtmlx-gantt的封装使用读书？没进行运动？周末早起跑了几次，但是回来却睡了个回笼觉。。就这样？ 09.19一周总结：项目上修复bug，测试问题；实现组件窗口的放大缩小，小地图功能；总结两篇文章，call/apply/bind/new的手写与理解防抖每天早起还是有点效果，只是容易困，过了一小时以后就去睡回笼觉了，T_T，还是坚持不够放弃了晨练，身体机能有点下降，每天都特别困和累。 09.12一周总结：每天6点起床，学习1小时；买了课，备战明年金3银4；写了两篇小结，但记得还不是很牢固；有所放松，缺少动力。 距明年3月还有6个月时间。第一步，扎实基础，预计1个月后模面一面（10月11左右）；具体：每天看3页内容，同时回顾上一天内容；一周末，复习本周学习内容；两周末，复习以前所有内容；第二步，进阶框架知识， ...
【10月】打卡
十一计划1号：休息，完成简历2号：出去浪一天3号：准备模一面4号：模面，总结问题，做下步计划5、6、7：弯道超车 10.24为什么一直没更新了？变懒了。学习劲头没那么足了，平时工作加班一直到7、8点回家已经很累了，就想放松；周末只有一天，也是难得休息，emm。。。总结一下，就是动力不足了。只是还是焦虑，下一次我还能找到好工作吗？不学习还有出路吗？要坚持呀少年。
vue3源码的一些前置知识
如何调试vue3 源码在 package.json里追加"dev:sourcemap": "node scripts/dev.js --sourcemap"，然后执行 yarn dev:sourcemap，即生成sourcemap，在控制台输出类似vue-next/packages/vue/src/index.ts → packages/vue/dist/vue.global.js的信息。 新建examples/index.html，引入packages/vue/dist/vue.global.js，打断点调试即可。 vue3 的工具函数https://maya1900.github.io/article/202108/vue-next/ vuejs的发布流程 选取版本 执行测试 更新版本号 打包编译包 生成changelog 提交代码 发布包 推送到github 调试 nodejs 代码这里即调试发布代码vue-next/scripts/release.js 找到vue-next/package.json 文件 123"scri ...
vue3里的工具函数
ts 转 js,学习。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819 ...
vue3的一些知识点
入口main.js: 123456// 引入createApp函数,创建对应的应用,产生应用的实例对象import { createApp } from 'vue';// 引入app组件(所有组件的父级组件)import App from './App.vue';// 创建app应用返回对应的实例对象,调用mount方法进行挂载 挂载到#app节点上去createApp(App).mount('#app'); 123456789101112131415161718192021222324252627//Vue2组件中的html模板中必须要有一对根标签,Vue3组件的html模板中可以没有根标签<template> <img alt="Vue logo" src="./assets/logo.png"> <!-- 使用子级组件 --> <HelloWorld msg="Welcome to Your Vue. ...