嗷呜磊桑-CSDN博客

原创《循序渐进Vue.js前端开发实战》电子书学习-第10章-基于v3的ui组件库：element plus

实际的开发过程中，需要结合各种基于vue框架开发的第三方模块来完成项目。以直接的UI展现为例，通过使用基于vue的组件库，可以搭建功能强大、样式美观的页面。element plus框架是vue开发里非常流行的一款UI组件库，其可以带给用户全网一致的使用体验、目的清晰的控制反馈等。其内置了非常丰富的样式和布局框架。

2023-06-13 09:46:54 790

原创《循序渐进Vue.js前端开发实战》电子书学习-第9章-vue cli的使用

vue本身是一个渐进式的前端web框架，允许我们只在项目里面的部分页面来使用vue进行开发，也允许我们仅仅使用vue的部分功能来进行项目开发，如果我们的目标是一个风格统一、可扩展性强的现代化web单页面应用，使用vue提供的一整套完整的流程开发是很合适的。vue cli就是这样一个基于vue进行快速项目开发的工具。

2023-06-12 15:11:53 286

原创《循序渐进Vue.js前端开发实战》电子书学习-第8章-动画

合理使用动画可以极大提高用户的使用体验。vue中提供了一些和过渡和动画相关的抽象概念，可以帮助我们方便快速的定义和使用动画，本节从css动画开始学习，逐步深入vue中动画apl的应用。

2023-06-11 21:04:17 212

原创算法数据结构学习-堆

堆是一个完全二叉树，我们可以使用数组实现，堆里面的每个节点的值是不大于或者不小于其父节点的值，堆分为大顶堆和小顶堆，大顶堆堆顶的元素是最大的一个，小顶堆是最小的一个，在向堆里加入元素的时候，能够动态调整堆内元素的顺序。完全二叉树：若设置二叉树的高度为h，除了第h层外，其他各层的节点数都能够达到最大个数，第h层从右到左连续缺干节点。满二叉树：除了叶子节点，所有的节点都有两个子节点，这类二叉树叫做满二叉树。

2023-06-11 09:51:53 79

原创《循序渐进Vue.js前端开发实战》电子书学习-第7章-vue响应式编程

setup方法本身也是可以定义组件的生命周期方法，方便将相关的逻辑组合在一起，setup方法常用的生命周期定义方法比组件的生命周期少了beforecreate和created这俩，因为从逻辑和是哪个，setup方法的执行时机和这两个生命周期方法的执行时机基本一致，在setup方法里直接编写逻辑代码就可以let data="setup的数据"console.log("setup定义的mounted");

2023-06-10 21:39:31 277

原创《循序渐进Vue.js前端开发实战》电子书学习-第6章-组件进阶

当开发大型前端项目的时候，可能会定义非常多的组件，这些组件可能一部分功能是通用的，对于这部分通用的功能，如果每个组件都编写一遍会非常麻烦，而且不易于以后的维护。<head></head><body><my-com1 title="组件1"></my-com1><my-com2 title="组件1"></my-com2><my-com3 title="组件1"></my-com3></div><script>template:`{{title}}</div>template:`

2023-06-10 11:30:41 217

原创《循序渐进Vue.js前端开发实战》电子书学习-第5章-组件基础

data() {return {msg:"警告框提示",count:0},methods: {click(){},template:`<div><button @click="click">按钮</button></div>`

2023-06-08 20:52:17 507

原创《循序渐进Vue.js前端开发实战》电子书学习-第4章-处理用户交互

处理用户交互实际上就是对用户操作事件的监听和处理。在vue中，使用v-on指令来进行事件的监听和处理，我们可以使用@来代替v-on指令。网页的事件监听主要分为两类：键盘按键事件和鼠标操作事件。

2023-06-06 21:38:38 316

原创算法学习-剪枝&回溯

函数，i,j表示网格坐标，k表示word的第k个字符，如果能搜索到第k个字符返回true，否则返回false，check函数的终止条件有2种情况。表示节点已经访问过了，然后顺着当前网格坐标的四个方向继续尝试，如果没找到k开始的子串，则回溯状态。函数的时候，进行4个方向的检查，其余坐标的节点都是3个方向检查，走过来的分支不会反方向回去，所以。，M,N 为网格的长度与宽度，L 为字符串 word 的长度，第一次调用。个坐标，且存在剪枝，所以最坏的情况下时间复杂度是。，剪枝之后会优化，最坏的情况是。

2023-06-06 10:37:09 169

原创《循序渐进Vue.js前端开发实战》电子书学习-第3章-Vue组件的属性和方法

在定义vue组件的时候，属性和方法是非常重要的部分，我们在创建组件时，实现内部的data方法，这个方法会返回一个对象，此对象中定义的数据会存储在组件实例中，并通过响应式的更新原理来影响页面渲染。方法定义在Vue组件里面的methods选项中。和属性一样，都可以在组件中访问到。组件属性和方法的基础知识和计算属性还有侦听器的应用。

2023-06-05 22:00:08 452

原创《循序渐进Vue.js前端开发实战》电子书学习-第2章-Vue模板应用

模板是vue框架的主要组成部分，vue采用了基于html的模板语句。在vue的分层设计思想中，模板属于视图层，有了模板功，开发者可以方便的将项目组件化，也可以方便的封装定制化的通用组件。在编写组件的时候，模板的作用是让开发者把重心放在页面布局渲染上，而不需要关心数据逻辑。

2023-06-04 18:46:23 736

原创《循序渐进Vue.js前端开发实战》电子书学习-第一章-从前端基础到Vue.js 3

JavaScript的语法也是比较简单的，入门是很容易的。主要的特点是不像某些强类型语言那样严格，语句格式和变量类型都比较灵活。JavaScript使用var或者let来进行变量的定义。两者的差别是变量的作用域的不一样，定义变量的时候，无需关心变量的类型。函数是程序的功能单元，在JavaScript中定义函数主要有两种方法，一种是利用function关键字进行定义，另一种是es6新增的利用箭头函数进行定义。这两种定义函数，在调用的时候方式都是一样的。

2023-06-03 21:32:26 1820 2

原创算法学习-递归&分治

分治会将大问题拆成小问题，拆解到最小的问题之后，开始不断合并结果，递归是分治实现的一种形式或者是分治实现的一部分，分治包括三部分：分解、计算、合并。分治的场景很多，例如快速排序、归并排序。3.递归单层搜索逻辑。

2023-06-02 15:53:01 109

原创算法学习-位运算

程序中所有的数载计算机内存都是以二进制存储的，位运算就是直接对整数在内存里的二进制进行操作，由于直接在内存中进行操作，所以不需要转成十进制，因此处理速度非常快。：将数组中的元素插入哈希表，然后循环0～nums.length-1中的数是不是都在哈希表中。：0～nums.length-1求和减去nums中的和。，不断循环计算出从1-n中每个数二进制中1的个数即可。方法1：循环，判断是否为2的幂级数。方法3：是否为最大2的幂的约数。方法1：循环每个二进制位。方法2：优化循环的过程。所以状态转移方程就是。

2023-06-01 09:39:32 103

原创前端面试-node.js系列-面试官

通过上面模块的文件查找策略之后，总结下文件查找的优先级：缓存的模块优先级最高如果是内置模块，则直接返回，优先级仅次缓存的模块如果是绝对路径 / 开头，则从根目录找如果是相对路径 ./开头，则从当前require文件相对位置找如果文件没有携带后缀，先从js、json、node按顺序查找如果是目录，则根据 package.json的main属性值决定目录下入口文件，默认情况为 index.js。

2023-05-31 21:56:55 192

原创算法学习-滑动窗口

滑动窗口的题目可能还没掌握好套路，还需要更多的练习。

2023-05-30 21:32:14 36

原创 webpack-面试官提问系列

关于webpack通过创建两个服务器：提供静态资源的服务（express）和Socket服务express server 负责直接提供静态资源的服务（打包后的资源直接被浏览器请求和解析）socket server 是一个 websocket 的长连接，双方可以通信当 socket server 监听到对应的模块发生变化时，会生成两个文件.json（manifest文件）和.js文件（update chunk）

2023-05-29 11:07:43 86

原创 ES6系列-面试官系列

Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大在以往我们如果处理多层异步操作，我们往往会像下面那样编写我们的代码console.log('得到最终结果: ' + finalResult);阅读上面代码，是不是很难受，上述形成了经典的回调地狱现在通过Promise的改写上面的代码})})console.log('得到最终结果: ' + finalResult);})瞬间感受到promise链式操作减低了编码难度代码可读性明显增强。

2023-05-23 19:45:21 181

原创算法学习-双指针

c=-(a+b)：确定了a和b，然后遍历寻找-(a+b)，这样子减少了一层的循环，时间复杂度降低。方法一：哈希表或set。设置三个循环，计算和。

2023-05-22 21:51:26 32

原创 Vue3系列-面试官提问

只能遍历对象属性进行劫持return})Proxy直接可以劫持整个对象，并返回一个新对象，我们可以只操作新的对象达到响应式目的= null) {return obj// Proxy相当于在对象外层加拦截console.log(`获取${key}:${res}`)return res},console.log(`设置${key}:${value}`)return res},console.log(`删除${key}:${res}`)return res})Proxy。

2023-05-22 17:24:24 156

原创前端面试-Vue系列

SPA（single-page application），翻译过来就是单页应用SPA是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验在单页应用中，所有必要的代码（HTMLJavaScript和CSS。

2023-05-20 20:00:52 727

原创算法学习-深度优先和广度优先

深度优先遍历主要的思路是从图中一个未访问的顶点V开始，沿着一条路一直走到底，然后在这条路的尽头的节点回退到上一个节点，然后在另一条路开始走到底，不断递归重复这个过程，直到所有的顶点都遍历完毕，这种遍历的特点是不撞南墙不回头，先走完一条路，再换一条路继续走。会从图上的一个未遍历的节点出发，先遍历这个节点的相邻节点，再依次遍历每个相邻节点的相邻节点。思路：广度优先遍历，循环网格，不断当前网格的坐标加入队列，如果当前网格对应的值是1，则置为0，然后向四周扩散，找到下一层的网格坐标，加入队列，直到队列为空。

2023-05-19 21:48:27 413

原创 JavaScript-面试官系列

目录JavaScript中的数据类型？存储上的差别？基本类型NumberUndefinedStringNullBooleanSymbol引用类型ObjectArrayFunction其他引用类型存储区别基本类型引用类型数组的常用方法操作方法增删pop()shift()splice()slice()改splice()查indexOf()includes()find()排序方法

2023-05-18 21:10:45 36

原创算法学习-二分查找

在前一个星期，学习了动态规划和贪心算法，虽说这俩的题目非常多，来不及完全做完，正好留下了充足的时间来进行巩固，贪心的问题基本都能够用动态规划的思想来进行解决。二分查找是之前就了解得比较多的一种算法。代码模板为方法1：递归O(logn)O(logn)方法2.非递归leftrightO(logn)时间复杂度O(logn)，空间复杂度。

2023-05-17 21:23:20 1319 1

原创算法学习-贪心

贪心法，又称贪心算法，贪婪算法，在对问题求解时，总是做出在当前看来最好的选择，期望通过每个阶段的局部最优选择达到全局最优，但结果不一定最优适用场景：简单的说，问题能够分解成子问题来解决，子问题的最优解能递推到最终问题的最优解，就能用贪心算法的到最后的最优解，这种子问题最优解称为最优子结构贪心算法与动态规划的不同点在于它对每个子问题的解决方案都做出当前的最优选择，不能回退，而动态规划会保留之前的运算结果，并根据之前的结果进行选择，有回退的功能，贪心是动态规划的理想化的情况122.买卖股票的最佳时机。

2023-05-15 19:49:17 88 1

m0_46614929的博客