- 博客(374)
- 收藏
- 关注

原创 HTML+CSS基础入门
哈喽,小伙伴们大家好!现如今互联网行业的薪资确实跟传统行业相比确实有些高,而在诸多的互联网工作岗位中, 前端工程师作为互联网行业最火爆的岗位之一!非常受互联网行业小伙伴 的青睐。 这是为什么呢?就是因为,前端技术入门相对简单,学习曲线平缓,但技术发展潜力巨大,就业面广,薪资水平也更高。从BAT老牌大厂到抖音美团快手等互联网新贵,再到中小企业,前端工程师都是刚需。所以,诸多小伙伴便加入前端工程师行列!但是问题来了想学前端却不知如何下手?翻开相关书本一看,都是大段的原理提不起兴趣? 上网搜了很多教程,原理说
2022-05-11 11:22:31
340
原创 一文说明白,TypeScript 的接口
● 通过前两章的学习, 我们基本上对于 TS 已经入门了● 但是我们会发现, 我们好像对于类型限制还缺少了一些内容● 这一张我们继续学习。
2023-03-21 17:37:32
127
原创 TypeScript 入门基础
●一般如果用 Never 去描述一个函数的返回值, 那么这个函数就不能有任何返回出现, 也就是说这个函数必须不能正常结束, 所以我们就需要在该函数内让函数代码报错, 就是手动抛出异常, 或者让函数永不结束。●有些时候, 我们对于某个数据, 没有办法确定是什么类型, 因为数据源可能是来自用户输入, 或者某些第三方库得来的, 所以我们没办法在一开始限制其数据类型。●而且追加出来的多余的数据, 可以是 number 类型, 也可以是 string 类型。
2023-03-20 12:04:24
160
原创 TypeScript 从零开始初体验
介绍●百度百科介绍TypeScript 是微软开发的一个开源的编程语言,通过在 JavaScript 的基础上添加静态类型定义构建而成. TypeScript 通过 TypeScript编译器 或 Babel 转译为 JavaScript 代码,可运行在任何浏览器,任何操作系统●看了上面的介绍, 还是不太明白 TypeScript 是什么, 来看下面的例子例子○一段很简单的 js 代码// 封装函数, 求两数之和function and(a, b) { return a + b}
2023-03-20 10:38:37
195
原创 什么是服务端渲染
这是我们从数据源头到结果的展示, 在这里我们忽略了过程,在这个过程里面, 我们有一个不可避免的问题, 就是浏览器, 不能直接从数据库中拿数据。其实很简单, 就是把数据反应在页面上,说白了, 就是利用 js 的语法, 把某些数据组装成 html 结构的样子, 放在页面上展示。我们都知道浏览器也就是我们通常说的前端, 任务就是展示内容,服务器也就是我们通常说的后端, 任务就是准备数据, 处理数据。不管 html 文件, 你所有的 图片, 视音频, css, html, js 文件其实都是存储在服务器上面的。
2023-03-13 17:37:44
125
原创 JavaScript内改变this指向
但是, 其实并不会立即执行 fn 函数,而是根据 fn 函数复刻了一份一模一样的函数,新函数复制给了 res 变量,res 函数内的 this 被锁定为了 obj.既然是在函数的原型上, 那么只要是函数就可以调用这三个方法,他们三个的作用就是改变函数的 this 指向。语法: 函数.call( 函数内的 this 指向, 给函数传递的参数, 给函数传递的参数 )语法: 函数.bind( 函数内的 this 指向, 给函数传递的参数, 给函数传递的参数 )该数据结构内的每一个依次是给函数进行形参赋值的数据。
2023-03-09 11:01:03
311
原创 JavaScript 内的 this 指向
在 javascript 语言中, 有一个奇奇怪怪的 “关键字” 叫做 this为什么说它是 奇奇怪怪 呢, 是因为你写出 100 个 this, 可能有 100 个解释, 完全不挨边,但是, 在你的学习过程中, 搞清楚了 this 这个玩意, 那么会对你的开发生涯有很大帮助的,接下来咱们就开始一点一点的认识一下 this。
2023-03-08 14:18:25
310
原创 JS中undefined和null的区别
● JavaScript 真是一个特殊的语言, 其他语言都只有一个表示 “无” 的值, 比如 Java 语言用的是 null, C 语言用的是 NULL, Python 语言用的是 None, Ruby 语言用的是 nil. 只有 JS 里面表示 “空” 的有两个, 一个是 undefined, 一个是 null。我什么时候该用什么呢?○undefined, 你什么都不需要做, 只要什么也不赋值就是 undefined。○null, 需要你赋值, 直接赋值为一个 null, 也就是你要安装一个空架子。
2023-03-07 11:32:12
206
原创 float的表示范围为什么比long大
一个用来表示小数的 float 为什么表示的范围会比 long 还要大呢 ?这次, 咱们就来详细说一说这个事情
2023-03-06 12:08:21
394
原创 如何实现角色权限分配?
但在实际应用中我们一般不直接将权限赋予在用户身上,因为这样操作对有大量用户的系统来说过于繁琐,所以我们一般基于RBAC(Role-Based Access Control)权限模型,引入角色的概念,通过角色的媒介过渡,先将权限赋予在角色上,再关联相应的用户,对应的用户就继承了角色的权限。在开发中后台应用过程中或多或少都会涉及到一个问题:权限,简单地说就是让不同的用户在系统中拥有不同的操作能力。用户与角色,角色与权限都是多对多的关系。
2023-01-12 09:40:31
98
原创 如何理解fiber?
要知道,render前后的两颗vDom tree进行diff,这个过程是不可中断的(以tree为单位,不可中断),这将造成当diff的两颗tree足够庞大的时候,js线程会被diff阻塞,无法对并发事件作出回应。为了解决这个问题,react将vDom节点上添加了链表节点的特性,将其改造成了fiber节点(其实就是vdom节点结合了链表节点的特性),目的是为了后面的Fiber架构的实现,以实现应对并发事件的“并发模式”。事实上,原计划是17版本上的,但最终定期在了18版本。
2023-01-11 10:36:14
31
原创 前端面试题:商城项目中有写到调用微信,支付宝支付,简单讲述一下这个支付与后台对接的过程,微信支付的原理
商城项目中有写到调用微信,支付宝支付,简单讲述一下这个支付与后台对接的过程,微信支付的原理。
2023-01-11 10:07:50
162
原创 说说vuex的管理操作或理解
vuex有一个仓库概念,将组件公共的state存储在仓库的state属性中,state是只读的,组件只能使用,不能直接修改,修改需要通过 仓库中的mutations模块来修改,这样的好处是 当数据修改便于溯源,且不会因为 多个组件 直接修改数据,导致 组件间数据的互相影响, 同时 当我们仓库中有一个state 数据需要请求 数据接口才能获取时,vuex 设计了一个action模块,在action模块中发送异步请求,得到数据后,提交mutation来修改state。
2023-01-03 15:10:07
26
原创 使用Vue封装过组件吗?有哪些?讲一下他们是怎么实现的
比如做后台管理中,很多模块经常会复用,比如侧边导航组件、项目中常用的 echarts图表的封装(比如折线图、柱状图等)
2023-01-03 15:04:13
446
原创 Vue 组件懒加载,图片懒加载
就是在加载页面的时候,如果页面中的图片过多,可以使用占位符的方式替换没有在可是区域内的图片,只加载当前需要现实的图片。监听滚动条的位置,当图片标签出现在可视区域的时候,重置图片的路径为真是路径,然后展示图片地址。一般在实际开发的时候都直接使用图片懒加载插件实现。还有一种解决方案就是使用页面骨架屏效果,也是类似占位显示,当数据加载完成之后替换掉占位显示的内容。
2023-01-03 15:03:25
88
原创 vue 导航守卫与 jq 导航拦截器的介绍
导航守卫使用最多的是全局守卫 router.beforeEach 主要是用来验证用户的登陆状态。它接收三个参数 to, from, next。vue 的导航守卫一般指的是路由导航守卫,作用是在页面跳转的时候可以执行一个钩子函数。
2023-01-03 14:56:48
41
原创 前端面试题【element ui篇】之四:element-UI的table组件有哪些属性,为什么table组件要用key?
element-UI的table组件有哪些属性,为什么table组件要用key?
2022-12-28 11:34:33
332
原创 前端面试题【element ui篇】之三:element-ui要改变默认样式有几种方法?
当我们在vue中引入第三方组件库的时候,vue组件中样式的scoped就会成为我们修改样式的阻碍,有以下三种方法修改样式,并且不影响全局样式.
2022-12-28 11:32:53
45
原创 前端面试题【element ui篇】之二:怎么修改element ui动态组件的样式?
但这种方式为全局样式,会影响页面中所有复选框,如果不希望影响其它页面的样式,可以采用第二中方式。要修改elementUI组件的样式,可以采用以下两种方式。如果是sass或less编写的样式,还可以使用。所以elementUI中的样式就能成功覆盖。解决方案也很简单,只需在选择器中要添加。
2022-12-28 11:30:31
319
原创 前端面试题【element ui篇】之一:说一下element ui遇到过的坑
【代码】前端面试题【element ui篇】之一:说一下element ui遇到过的坑。
2022-12-28 11:27:02
85
原创 前端面试题:什么是三次握手和四次挥手?
三次握手是网络客户端跟网络服务器之间建立连接,并进行通信的过程。相当于客户端和服务器之间你来我往的3个步骤。
2022-12-20 16:21:26
263
原创 前端面试:什么是懒加载和预加载 ?
3.第三种是可视区加载,即仅加载用户可以看到的区域,这个主要由监控滚动条来实现,一般会在距用户看到某图片前一定距离遍开始加载,这样能保证用户拉下时正好能看到图片。两者的行为是相反的,一个是提前加载,一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用,预加载则会增加服务器前端压力。懒加载:懒加载也叫延迟加载,延迟加载网络资源或符合某些条件时才加载资源。懒加载的意义:懒加载的主要目的是作为服务器前端的优化,减少请求数或延迟请求数。预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。
2022-12-20 16:07:55
66
原创 Vue的性能优化有哪些方法?
(2)如果是大数据长列表,可采用虚拟滚动,只渲染少部分区域的内容,参考vue-virtual-scroller、vue-virtual-scroll-list。(1)如果列表是纯粹的数据展示,不会有任何改变,就不需要做响应话, 使用object.freeze(data)4、v-for遍历避免同时使用v-if (使用computed属性过滤需要显示的数据项 )vue组件销毁时,会自动解绑它的全部指令及事件监听,但是仅限于组件本身的限制。像element-ui这样的第三方组件库可以按需引入避免体积太大。
2022-12-15 10:07:34
474
原创 vue项目怎么进行seo的优化白屏太久怎么处理?
而采用Vue的方式开发的应用,其数据都是来源于axios或者其它的ajax方法获取的数据!也就是说,想要友好的支持搜索引擎,就必须采用服务器端渲染的相关技术,比如JSP,就是一个典型的服务器端渲染技术,用户请求一个地址然后展示到浏览器中的数据都是服务器端处理好的,浏览器只管展示;又比如静态页面,所有页面都是预先编写或生成好的,浏览器将请求拿到的数据直接展现即可。搜索引擎无法进行索引的核心原因就是,其在爬取网站数据的时候,是不会执行其中包含的JS过程的;
2022-12-13 16:24:08
43
原创 高效“背诵”面试题的三定法则
工作中我常用的有 created、mounted、beforeDestroy 这三个,created里我常用来触发调api 接口,mounted 中我常用来执行 DOM 更新后的相关逻辑操作,比如开启定时器等,beforeDestroy 中,我常用来清除定时器、清除Vuex中缓存等。“不挖坑原则”是避免提到自己陌生的领域,而“擅引导原则”是鼓励你多提自己熟悉的领域、多提自己做过功课的领域,通过语言强调等技巧,把面试过程向有利于自己的方向引导。因此,在你“背诵”面试题的第一步,你首先要搞清楚的就是题目类型。
2022-12-13 16:19:28
66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人