- 博客(17)
- 收藏
- 关注
RSS订阅原创 防抖和节流
面试题防抖与节流是很相似(但不同)的概念，简单来说就是一个能控制一段时间某个函数的执行次数的方案。用来优化计算机或网络资源。下面我们分别看下这两个概念。
2023-04-19 16:35:46
216
原创 分析diff算法与虚拟dom
React 和 Vue 作为目前国内主力的前端开发框架，想必大家在日常的开发当中也是非常熟悉了。不可否认的它们的存在大大地提高了我们的开发效率以及使得我们的代码可维护性得到提高，但是使用它们的 “巧妙” 的之后，对技术有着追求的你，是不是应该了解一下这些框架背后的一些思想呢？如果还没有，没关系，我们一起来！本文全部代码小的已经上传 github🐶虚拟 DOM直观来说，虚拟 DOM 其实就是用数据结构表示真实的 DOM 结构。使用它的原因是，频繁的操作 DOM 会使得网站的性能下降，为了保证性.
2022-08-09 17:35:58
299
原创 vuex的5个核心概念
前引：VueX是一个专门为Vue.js应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态（类似vue组件中的某些data）VueX中有5个核心概念：state,getters,mutations,actions,modules。
2022-08-09 17:28:16
755
原创 24种涉及es6的常用js函数
1.如何隐藏所有指定的元素consthide=(...el)=>[...el].forEach(e=>(e.style.display='none'))//事例:隐藏页面上所有`<img>`元素?hide(document.querySelectorAll('img'))2.如何检查元素是否具有指定的类？页面DOM里的每个节点上都有一个classList对象，程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList，程...
2022-05-21 14:31:01
424
原创 前端管理经验总结
说到研发流程，大部分人肯定首推某某某大厂的研发流程。诚然，大厂的研发流程的确完善并且细致，然而实际上并不一定适用于其他公司或团队，比如QA、单元测试、自动化测试这些环节，我想很多公司都不会有。所以，盲目地套用别的公司或者团队的研发流程，是可能水土不服的，但是却可以给我们提供一个参考意见，去弥补自身的不足。研发流程一定不是凭空出现的，它必须紧密贴合实际的项目过程。我很重视这块，在我还是“光杆司令”的时候，我就在筹备着。我当时的想法是，等我这个组进人的时候，我一定不是手把手告诉他做项目的每一步该怎么做，而
2022-05-20 19:30:04
1264
原创 http状态码
100 Continue 继续。客户端应继续其请求101 Switching Protocols 切换协议。服务器根据客户端的请求切换协议。只能切换到更 高级的协议，例如，切换到 HTTP 的新版本协议200 OK 请求成功。一般用于 GET 与 POST 请求201 Created 已创建。成功请求并创建了新的资源 202 Accepted 已接受。已经接受请求，但未处理完成203 Non-Authoritative Information 非授权信息。请求成功。但返回的 meta 信息不在原 始
2021-12-28 14:34:14
90
原创 JS正则表达式
默念三声正则表达式是匹配模式，要么匹配字符，要么匹配位置正则表达式是匹配模式，要么匹配字符，要么匹配位置正则表达式是匹配模式，要么匹配字符，要么匹配位置1.搞懂位置能干啥？题目1：数字的千分位分割法将123456789转化为123,456,789题目2：手机号3-4-4分割将手机号18379836654转化为183-7983-6654题目3：验证密码的合法性密码长度是6-12位，由数字、小写字符和大写字母组成，但必须至少包括2种字符这些题时常出现在面试中，日常业务也少不了它的身影。搞懂
2021-12-23 15:47:48
2718
1
原创 javascript运行机制
引子本文介绍JavaScript运行机制，这一部分比较抽象，我们先从一道面试题入手： async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); } async function async2() { console.
2021-12-16 15:11:15
467
原创 JavaScript中基本数据类型和引用数据类型的区别
1、基本数据类型和引用数据类型ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。2、常见的基本数据类型：Number、String 、Boolean、Null和Undefined。基本数据类型是按值访问的，因为可以直接操作保存在变量中的实际值。示例：var a = 10;var b = a;b = 20;consol
2021-12-16 11:15:41
1618
原创 echarts-option属性legend详解
setOption({ legend：{//图例组件 type:'plain||scroll',//图例的类型。默认plain,当使用scroll时,需要其他属性配置细节 scrollDataIndex:number,//type 为 'scroll' 时有效。 //图例当前最左上显示项的 dataIndex //setOption 时指定此项的话，可决定当前图例滚动到哪里。 //但是，如果仅仅想改变图例翻页，一般并不调用 setOption（因为这太重量了），仅仅使用 action
2021-12-14 18:09:16
2456
原创 前端常用设计模式
前端常见的设计模式主要有以下几种：单例模式工厂模式策略模式代理模式观察者模式模块模式构造函数模式混合模式单例模式这种设计模式的思想是确保一个类只有唯一实例，一般用于全局缓存，比如全局window，唯一登录浮窗等。采用闭包的方式实现如下：var single = (function(){ let instance; function getInstance(){ // 如果该实例存在，则直接返回，否则就对其实例化 if( instance==
2021-12-13 16:39:45
1365
原创 LocalStorage 的经验浅谈
前言怎么样使用localStorage、sessionStorage，才能更规范，更高大上，更能让人眼前一亮。用处在平时的开发中，localStorage、sessionStorage的用途是非常的多的，在我们的开发中发挥着非常重要的作用：1、登录完成后token的存储2、用户部分信息的存储，比如昵称、头像、简介3、一些项目通用参数的存储，例如某个id、某个参数params4、项目状态管理的持久化，例如vuex的持久化、redux的持久化5、项目整体的切换状态存储，例如主题颜色、icon风格
2021-12-10 16:58:51
811
原创 Vue中默认的$API（一）
实例 propertyvm.$data类型：Object详细：Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象 property 的访问。vm.$props2.2.0 新增类型：Object详细：当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象 property 的访问。vm.$el类型：Element只读详细：Vue 实例使用的根 DOM 元素。vm.$options类型：Object只读详细：用于当前 Vue 实例的初始化选项。
2021-12-08 15:59:20
2085
原创 纯CSS实现飞翔的小鸟【附整体代码】
学习本文，你可以学习到以下知识????:border 绘制简单几何图形transform 与 animation 知识收获一只可爱的飞鸟
2021-12-06 17:49:24
780
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人