- 博客(33)
- 收藏
- 关注
原创 《循序渐进Vue.js前端开发实战》电子书学习-第10章-基于v3的ui组件库:element plus
实际的开发过程中,需要结合各种基于vue框架开发的第三方模块来完成项目。以直接的UI展现为例,通过使用基于vue的组件库,可以搭建功能强大、样式美观的页面。element plus框架是vue开发里非常流行的一款UI组件库,其可以带给用户全网一致的使用体验、目的清晰的控制反馈等。其内置了非常丰富的样式和布局框架。
2023-06-13 09:46:54
934
原创 《循序渐进Vue.js前端开发实战》电子书学习-第9章-vue cli的使用
vue本身是一个渐进式的前端web框架,允许我们只在项目里面的部分页面来使用vue进行开发,也允许我们仅仅使用vue的部分功能来进行项目开发,如果我们的目标是一个风格统一、可扩展性强的现代化web单页面应用,使用vue提供的一整套完整的流程开发是很合适的。vue cli就是这样一个基于vue进行快速项目开发的工具。
2023-06-12 15:11:53
382
原创 《循序渐进Vue.js前端开发实战》电子书学习-第8章-动画
合理使用动画可以极大提高用户的使用体验。vue中提供了一些和过渡和动画相关的抽象概念,可以帮助我们方便快速的定义和使用动画,本节从css动画开始学习,逐步深入vue中动画apl的应用。
2023-06-11 21:04:17
275
原创 算法数据结构学习-堆
堆是一个完全二叉树,我们可以使用数组实现,堆里面的每个节点的值是不大于或者不小于其父节点的值,堆分为大顶堆和小顶堆,大顶堆堆顶的元素是最大的一个,小顶堆是最小的一个,在向堆里加入元素的时候,能够动态调整堆内元素的顺序。完全二叉树:若设置二叉树的高度为h,除了第h层外,其他各层的节点数都能够达到最大个数,第h层从右到左连续缺干节点。满二叉树:除了叶子节点,所有的节点都有两个子节点,这类二叉树叫做满二叉树。
2023-06-11 09:51:53
98
原创 《循序渐进Vue.js前端开发实战》电子书学习-第7章-vue响应式编程
setup方法本身也是可以定义组件的生命周期方法,方便将相关的逻辑组合在一起,setup方法常用的生命周期定义方法比组件的生命周期少了beforecreate和created这俩,因为从逻辑和是哪个,setup方法的执行时机和这两个生命周期方法的执行时机基本一致,在setup方法里直接编写逻辑代码就可以let data="setup的数据"console.log("setup定义的mounted");
2023-06-10 21:39:31
506
原创 《循序渐进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
313
原创 《循序渐进Vue.js前端开发实战》电子书学习-第5章-组件基础
data() {return {msg:"警告框提示",count:0},methods: {click(){},template:`<div><button @click="click">按钮</button></div>`
2023-06-08 20:52:17
635
原创 《循序渐进Vue.js前端开发实战》电子书学习-第4章-处理用户交互
处理用户交互实际上就是对用户操作事件的监听和处理。在vue中,使用v-on指令来进行事件的监听和处理,我们可以使用@来代替v-on指令。网页的事件监听主要分为两类:键盘按键事件和鼠标操作事件。
2023-06-06 21:38:38
400
原创 算法学习-剪枝&回溯
函数,i,j表示网格坐标,k表示word的第k个字符,如果能搜索到第k个字符返回true,否则返回false,check函数的终止条件有2种情况。表示节点已经访问过了,然后顺着当前网格坐标的四个方向继续尝试,如果没找到k开始的子串,则回溯状态。函数的时候,进行4个方向的检查,其余坐标的节点都是3个方向检查,走过来的分支不会反方向回去,所以。,M,N 为网格的长度与宽度,L 为字符串 word 的长度,第一次调用。个坐标,且存在剪枝,所以最坏的情况下时间复杂度是。,剪枝之后会优化,最坏的情况是。
2023-06-06 10:37:09
199
原创 《循序渐进Vue.js前端开发实战》电子书学习-第3章-Vue组件的属性和方法
在定义vue组件的时候,属性和方法是非常重要的部分,我们在创建组件时,实现内部的data方法,这个方法会返回一个对象,此对象中定义的数据会存储在组件实例中,并通过响应式的更新原理来影响页面渲染。方法定义在Vue组件里面的methods选项中。和属性一样,都可以在组件中访问到。组件属性和方法的基础知识和计算属性还有侦听器的应用。
2023-06-05 22:00:08
569
原创 《循序渐进Vue.js前端开发实战》电子书学习-第2章-Vue模板应用
模板是vue框架的主要组成部分,vue采用了基于html的模板语句。在vue的分层设计思想中,模板属于视图层,有了模板功,开发者可以方便的将项目组件化,也可以方便的封装定制化的通用组件。在编写组件的时候,模板的作用是让开发者把重心放在页面布局渲染上,而不需要关心数据逻辑。
2023-06-04 18:46:23
820
原创 《循序渐进Vue.js前端开发实战》电子书学习-第一章-从前端基础到Vue.js 3
JavaScript的语法也是比较简单的,入门是很容易的。主要的特点是不像某些强类型语言那样严格,语句格式和变量类型都比较灵活。JavaScript使用var或者let来进行变量的定义。两者的差别是变量的作用域的不一样,定义变量的时候,无需关心变量的类型。函数是程序的功能单元,在JavaScript中定义函数主要有两种方法,一种是利用function关键字进行定义,另一种是es6新增的利用箭头函数进行定义。这两种定义函数,在调用的时候方式都是一样的。
2023-06-03 21:32:26
2120
4
原创 算法学习-递归&分治
分治会将大问题拆成小问题,拆解到最小的问题之后,开始不断合并结果,递归是分治实现的一种形式或者是分治实现的一部分,分治包括三部分:分解、计算、合并。分治的场景很多,例如快速排序、归并排序。3.递归单层搜索逻辑。
2023-06-02 15:53:01
180
原创 算法学习-位运算
程序中所有的数载计算机内存都是以二进制存储的,位运算就是直接对整数在内存里的二进制进行操作,由于直接在内存中进行操作,所以不需要转成十进制,因此处理速度非常快。:将数组中的元素插入哈希表,然后循环0~nums.length-1中的数是不是都在哈希表中。:0~nums.length-1求和减去nums中的和。,不断循环计算出从1-n中每个数二进制中1的个数即可。方法1:循环,判断是否为2的幂级数。方法3:是否为最大2的幂的约数。方法1:循环每个二进制位。方法2: 优化循环的过程。所以状态转移方程就是。
2023-06-01 09:39:32
116
原创 前端面试-node.js系列-面试官
通过上面模块的文件查找策略之后,总结下文件查找的优先级:缓存的模块优先级最高如果是内置模块,则直接返回,优先级仅次缓存的模块如果是绝对路径 / 开头,则从根目录找如果是相对路径 ./开头,则从当前require文件相对位置找如果文件没有携带后缀,先从js、json、node按顺序查找如果是目录,则根据 package.json的main属性值决定目录下入口文件,默认情况为 index.js。
2023-05-31 21:56:55
300
原创 webpack-面试官提问系列
关于webpack通过创建两个服务器:提供静态资源的服务(express)和Socket服务express server 负责直接提供静态资源的服务(打包后的资源直接被浏览器请求和解析)socket server 是一个 websocket 的长连接,双方可以通信当 socket server 监听到对应的模块发生变化时,会生成两个文件.json(manifest文件)和.js文件(update chunk)
2023-05-29 11:07:43
102
原创 ES6系列-面试官系列
Promise,译为承诺,是异步编程的一种解决方案,比传统的解决方案(回调函数)更加合理和更加强大在以往我们如果处理多层异步操作,我们往往会像下面那样编写我们的代码console.log('得到最终结果: ' + finalResult);阅读上面代码,是不是很难受,上述形成了经典的回调地狱现在通过Promise的改写上面的代码})})console.log('得到最终结果: ' + finalResult);})瞬间感受到promise链式操作减低了编码难度代码可读性明显增强。
2023-05-23 19:45:21
298
原创 算法学习-双指针
c=-(a+b):确定了a和b,然后遍历寻找-(a+b),这样子减少了一层的循环,时间复杂度降低。方法一:哈希表或set。设置三个循环,计算和。
2023-05-22 21:51:26
37
原创 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
191
原创 前端面试-Vue系列
SPA(single-page application),翻译过来就是单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互,这种方法避免了页面之间切换打断用户体验在单页应用中,所有必要的代码(HTMLJavaScript和CSS。
2023-05-20 20:00:52
744
原创 算法学习-深度优先和广度优先
深度优先遍历主要的思路是从图中一个未访问的顶点V开始,沿着一条路一直走到底,然后在这条路的尽头的节点回退到上一个节点,然后在另一条路开始走到底,不断递归重复这个过程,直到所有的顶点都遍历完毕,这种遍历的特点是不撞南墙不回头,先走完一条路,再换一条路继续走。会从图上的一个未遍历的节点出发,先遍历这个节点的相邻节点,再依次遍历每个相邻节点的相邻节点。思路:广度优先遍历,循环网格,不断当前网格的坐标加入队列,如果当前网格对应的值是1,则置为0,然后向四周扩散,找到下一层的网格坐标,加入队列,直到队列为空。
2023-05-19 21:48:27
643
原创 JavaScript-面试官系列
目录JavaScript中的数据类型?存储上的差别?基本类型NumberUndefinedStringNullBooleanSymbol引用类型ObjectArrayFunction其他引用类型存储区别基本类型引用类型数组的常用方法操作方法增删pop()shift()splice()slice()改splice()查indexOf()includes()find()排序方法
2023-05-18 21:10:45
47
原创 算法学习-二分查找
在前一个星期,学习了动态规划和贪心算法,虽说这俩的题目非常多,来不及完全做完,正好留下了充足的时间来进行巩固,贪心的问题基本都能够用动态规划的思想来进行解决。二分查找是之前就了解得比较多的一种算法。代码模板为方法1:递归O(logn)O(logn)方法2.非递归leftrightO(logn)时间复杂度O(logn),空间复杂度。
2023-05-17 21:23:20
1467
1
原创 算法学习-贪心
贪心法,又称贪心算法,贪婪算法,在对问题求解时,总是做出在当前看来最好的选择,期望通过每个阶段的局部最优选择达到全局最优,但结果不一定最优适用场景:简单的说,问题能够分解成子问题来解决,子问题的最优解能递推到最终问题的最优解,就能用贪心算法的到最后的最优解,这种子问题最优解称为最优子结构贪心算法与动态规划的不同点在于它对每个子问题的解决方案都做出当前的最优选择,不能回退,而动态规划会保留之前的运算结果,并根据之前的结果进行选择,有回退的功能,贪心是动态规划的理想化的情况122.买卖股票的最佳时机。
2023-05-15 19:49:17
121
1
原创 前端面试-HTTP系列(面试官系列)
实现完整性的手段主要是摘要算法,也就是常说的散列函数、哈希函数可以理解成一种特殊的压缩算法,它能够把任意长度的数据“压缩”成固定长度、而且独一无二的“摘要”字符串,就好像是给这段数据生成了一个数字“指纹”摘要算法保证了“数字摘要”和原文是完全等价的。所以,我们只要在原文后附上它的摘要,就能够保证数据的完整性比如,你发了条消息:“转账 1000 元”,然后再加上一个 SHA-2 的摘要。网站收到后也计算一下消息的摘要,把这两份“指纹”做个对比,如果一致,就说明消息是完整可信的,没有被修改。
2023-05-15 16:18:20
1000
原创 算法学习-动态规划(1)
将问题分解为互相重叠的子问题,通过反复求解子问题来解决原问题就是动态规划,如果某一问题有很多子问题,使用动态规划来进行求解就是比较有效的。求解动态规划的核心问题是穷举,但穷举是比较特殊的,因为是在问题存在重叠子问题的情况下穷举,如果暴力穷举会使得效率及其低下。动态规划问题一定会具备「最优子结构」,才能通过子问题的最值得到原问题的最值。另外,虽然动态规划的核心思想就是穷举求最值,但是问题可以千变万化,穷举所有可行解其实并不是一件容易的事,只有列出正确的「状态转移方程」才能正确地穷举。
2023-05-11 11:18:02
196
原创 CSS面试官系列
px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算,整个页面内1em不是一个固定的值rem:相对单位,可理解为root em, 相对根节点html的字体大小来计算vh、vw:主要用于页面视口大小布局,在页面布局上更加方便简单css像素适用于web编程,以px为后缀,是长度单位。在css规范里,px是一个相对单位,相对的是设备像素内联元素居中布局水平居中行内元素可设置:text-align: center。
2023-05-10 21:54:33
89
原创 电子书网站
z-library,谷歌直接搜就行。小红书上也有域名,国内也有许多镜像网站。今早在虎扑上看到一个很全的电子书的网站,特此分享和记录一下。
2023-05-10 09:59:32
34
原创 算法学习-对不同问题的鸟瞰
不涉及到具体的问题和实际应用,只是对每种问题的名词有一定的了解,来弥补自己的一些认知层面的欠缺,能够在之后的学习中做到不被牵着鼻子走,问到某个小问题的时候,说不定能恍然大悟:“噢,这个东西我记得,后面有涉及到,这个问题我虽然不知道官方解法,但我有自己的一些思考和思路来解决”。
2023-05-09 09:52:55
50
1
原创 算法学习-空间复杂度
学完时间复杂度后,其实空间复杂度也是有异曲同工之妙的,毕竟都是用的同样的符号,同样的表示方法,具体定义还是在链接空间复杂度(Space Complexity)是对一个算法在运行过程中临时占用存储空间大小的量度,记做S(n)=O(f(n))。比如直接的是O(n^2),空间复杂度是O(1)。而一般的就要有O(n)的空间复杂度了,因为每次递归都要返回信息。一个算法的优劣主要从算法的执行时间和所需要占用的存储空间两个方面。空间复杂度记作S(n),也是用大O来表示。。
2023-05-08 18:27:32
51
1
原创 算法学习-时间复杂度
浅浅谈一下这两个概念在生活中所遇到的吧,还是师兄的毕业大论文中,涉及到地理围栏的一个算法,师兄提出了将此算法应用,然后说到这个算法的时间复杂度和空间复杂度是多少多少,这应该是特别有印象接触这两个词语的开始。到后面我在背前端的面试题的时候,不可避免的涉及到了诸多不同的排序算法,在这一篇的文章里,我有了一个算是更加深刻的了解吧,但其实还只是一个非常模糊的概念,也不算非常正式的一个学习吧。
2023-05-08 18:21:03
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人