前端技术
文章平均质量分 82
伊泽瑞尔灬
静静写点东西,和大家一起学习。
展开
-
刷题小程序上线啦
作为一个前端老开发了,我一直在想能否自己做一个能上线的应用,奈何种种原因,好多想法都夭折了,一直没做成。直到前段时间,我发现我的公众号已经攒了500+道面试题及答案,但它缺少一个统一管理和检索的功能,不方便查看。于是就想着做一个小程序,统一收集整理这些学习资料,方便大家检索,收藏分享等。下面是主要的几个界面截图。首页,主要是问题分类,和2个快捷入口:首页刷题页面,所有问题列表,这里可以筛选和排序问...原创 2023-09-29 08:30:07 · 71 阅读 · 0 评论 -
当promise遇上generator该如何应对?记一次工作中遇到的问题
generator是es6(2015年)增加的,一直知道这个特性,奈何一直没有用武之地,这次虽然有点牵强,但总数用到实战中了,还是挺开心的。很多时候我们学到一个知识点,然后用到项目中才算真正学以致用,但前提是你要知道有这个知识点,像这样的知识点公众号已经收录了500+。程序员每日三问。原创 2023-09-12 11:11:24 · 81 阅读 · 0 评论 -
js Symbol类型讲解
需要注意的是,Symbol 值并不是完全无法访问的,可以使用 Object.getOwnPropertySymbols() 或 Reflect.ownKeys() 来获取对象上的 Symbol 属性。但是对于一般的对象遍历和操作,这些 Symbol 属性是不可见的。Symbol.species 是一个内置的 Symbol 值,在对象上定义该属性可以影响该对象在执行衍生对象操作时的行为。这在需要创建与原始对象类型不同的衍生对象时非常有用,例如在实现类的继承和衍生时,希望衍生对象使用不同的构造函数来创建。原创 2023-06-22 23:35:14 · 510 阅读 · 0 评论 -
看完这个再不懂什么是闭包,准备卷铺盖走人吧
在上面的例子中,我们在 obj 对象中定义了一个 clear 方法,用于清除闭包变量 a 和 inner 函数,推荐使用第三种方式。上面的例子就是一个经典的防抖函数。在闭包内部,我们使用 setTimeout 延迟执行函数,并使用 clearTimeout 取消前一个定时器,从而避免在短时间内频繁执行同一个函数。需要注意的是,在使用闭包时,我们需要避免滥用闭包,避免创建过多的闭包,从而造成内存泄漏和性能问题。闭包会引用外部函数中的变量和函数,如果这些变量和函数没有及时释放,就可能导致内存泄漏的问题。原创 2023-05-11 22:01:41 · 184 阅读 · 0 评论 -
`vue3`+`ts`+`setup`语法糖实现一个无限嵌套的`tree`组件
今天用`vue3`+`ts`+`setup`语法糖实现一个无限嵌套的`tree`组件原创 2022-02-07 09:30:49 · 1870 阅读 · 1 评论 -
promise经典面试题
几道经典promise面试题,助你深入了解promise技术。原创 2020-06-19 09:27:43 · 3610 阅读 · 1 评论 -
promise讲解
promise是前端开发的必备技能,本期讲解基础用法,下期配合经典面试题深入讲解。原创 2020-06-16 09:21:52 · 381 阅读 · 0 评论 -
一文看懂websocket
本文讲解`websocket`的基本定义,下一期讲聊天室的实现。原创 2020-05-26 22:39:56 · 428 阅读 · 0 评论 -
px/em/rem的关系与区别
本文讲解px,em,rem之间的关系,理解了3者的关系,方便我们做不同设备间的适配。原创 2020-05-25 09:29:07 · 505 阅读 · 0 评论 -
你知道雪碧图吗?有哪些优缺点?
这道题实际上考的是前端性能优化的一个点。本文讲解用雪碧图来优化网站。原创 2020-05-10 21:16:31 · 528 阅读 · 0 评论 -
你知道css3的focus-within选择器吗?
介绍一个神器的伪类选择器focus-within,这个在开发中很少用到,但是它的功能强大,用好了,可以减少很多逻辑判断。原创 2020-05-09 21:33:32 · 496 阅读 · 0 评论 -
一个vue全家桶搭建的SPA应用框架
讲解一个vue全家桶集成的SAP框架。1. 采用了vue-cli4搭建。2. 使用了vue-router来实现路由,实现单页面应用。3. 使用vuex做状态管理工具。4. axios做请求工具,5. element-ui做ui框架。6. 项目实现了动态路由,跨域配置,请求拦截,路由拦截,状态本地存储等。7. 项目加入了`px2rem,lib-flexible`实现的移动端适配方案。原创 2020-05-08 21:42:52 · 477 阅读 · 0 评论 -
知道nodejs吗?和web端js区别和共性?
知道nodejs吗?和web端js区别和共性?这题考察的是面试者对nodejs的了解和对js标准的了解。共同点都尊选ECMAScript语法标准,最新版本是ECMAScript 8(ES2017)该语法包含了变量定义、 循环、判断、 函数、 原型、 原型链、作用域、 闭包、异步等,ECMAScript只定义语法,但是它不能操作DOM,不能监听click事件,不能发送ajax请求,不能处理...原创 2020-05-06 20:10:22 · 646 阅读 · 0 评论 -
css3如何实现动画?
这是一个考验面试者对css的基础知识。css实现动画主要有3种方式,第一种是:transition实现渐变动画,第二种是:transform转变动画,第三种是:animation实现自定义动画,下面具体讲一下3种动画的实现方式。transition渐变动画我们先看一下transition的属性:property:填写需要变化的css属性如:width,line-height,font...原创 2020-05-04 13:18:52 · 1461 阅读 · 0 评论 -
前端异步是什么?哪些情况下会发生异步?
异步是什么?这里就不拿官方的解释来解答了,只以个人理解来回答问题,轻喷。我们知道JavaScript是单线程的,不像java等语言是多线程的,所以一般情况下,js代码是一行一行的执行的。但是某些时候需要用异步来提升性能,比如说一个网络请求需要服务端返回数据30s,js不可能一直等待服务器返回再执行其他代码,这时候js就会跳过这个过程,继续往下执行,直到没有代码要执行了,这时候后端返回数据了,j...原创 2020-05-02 09:28:25 · 2485 阅读 · 0 评论 -
Vue系列基础篇(一)
Vue基础篇Vue是什么? vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。Vue环境搭建这里我们引用官方推荐的开发库,下面是一个基础的vue开发...原创 2018-08-29 19:17:02 · 500 阅读 · 0 评论 -
vue系列自定义指令(三)
说明今天介绍vue自定义指令。vue指令功能是提供给用户操作dome的,虽然很多时候,我们可以通过选择器是操作dome,但是当dome状态改变是,我们很难捕获,所以vue不建议用户之间操作dome,而是使用指令的形式。 vue内置了很多指令,v-model,v-if,v-show,v-text,v-html等。某些时候这些指令不能满足我们,我们可以通过自定义指令来实现我们想要的指令。指令...原创 2018-09-08 18:26:11 · 255 阅读 · 0 评论 -
vue系列组件篇(二)
本文通过一个实例来介绍vue组件的用法,有父子组件传参,函数调用,组件插槽等。原创 2020-05-22 17:19:31 · 682 阅读 · 0 评论 -
vue系列生命周期(四)
vue生命周期,是指vue实例从创建到销毁的一个过程,掌握了这个过程中各个阶段的状态,就能合理使用,是我们的程序性能更高,开发更合理,减少bug。...原创 2018-10-18 16:08:51 · 193 阅读 · 0 评论 -
vue-devtools下载与使用
vue-devtools原创 2018-11-06 15:29:35 · 463 阅读 · 0 评论 -
js技巧用Map集合代替Array遍历
使用map代替数组原创 2018-11-07 15:54:46 · 2920 阅读 · 0 评论 -
100行代码实现一个vue分页组件
用vue实现一个分页组件原创 2018-11-05 19:28:44 · 310 阅读 · 0 评论 -
vue实现多个下拉去重
vue实现多个下拉去重原创 2018-11-08 16:48:20 · 1588 阅读 · 3 评论 -
css选择器详解,带实例
前端css选择器种类繁多,今天做了一下整理,不过该文章只适合前端小萌新,老油条请绕道。1. 常见选择器元素选择器a,p,div,li,ul{ color:red;}/*页面上所有的a,p,li,ul都会将字体颜色设置为红色,不过优先级最低*/id选择器<p id="test">我会红</p><style> #test{ colo...原创 2018-12-01 15:21:58 · 421 阅读 · 0 评论 -
js中的递归遍历讲解
JavaScript的递归遍历会经常遇到,适当的运用递归遍历,可以提高代码性质量。1.某些时候递归能替换for循环我们先看一下下面2个例子。var arrList = [1,2,3,5,100,500,10000,10000,1000,10000002] //for循环测试 function forTest(){ console.time(&amp;quot;for循环&amp;quot;) for(l...原创 2018-12-19 17:47:42 · 761 阅读 · 0 评论 -
ES6 class类的用法
es6 class基础用法以前的JavaScript没有类的概念,它是基于原型的面相对象的语言。原型对象的特点就是将自身属性共享给新对象。我们先看一下下面的代码实现。 //常规写法 function Person(name,age) { this.name = name; ...原创 2019-02-27 16:32:09 · 552 阅读 · 4 评论 -
vue全家桶
vue-cli + vue2.0 + vuex + vue-route + axios + element-ui 本文主要针对前端技术人员,并且有一点基础的同学。就目前技术发展趋势而言,mvvm框架是主流方向。个人不推荐新手直接使用,而且需要有一些js基础,然后学习一段类似jQuery之类的工具之后再开始用这个字框架。言归正传,今天介绍的是前端vue.js框架。Vue 是一套用于构建用户界...原创 2018-08-23 11:19:30 · 1909 阅读 · 0 评论