张嘀嗒

5
获赞数
2
关注数
2
粉丝数
深圳
IP 属地浙江
2022-01-07 加入
浏览 8.7k

一个前端小白,更新学习笔记~~

9 声望
element-ui
5
uploadfile
5
axios
3
vue.js
3
前端
3
黄金勋章
暂未获得该勋章
如何获得
白银勋章
暂未获得该勋章
如何获得
青铜勋章
暂未获得该勋章
如何获得
个人动态
  • 发布了文章2023-02-15
    前端面试整理(自用)
    判断变量的数据类型基本数据类型(Sring,Number,Undefined,Null,Boolean)使用 typeof进行判断,console.log(typeof '123') => String,这之中 null 不能使用 typeof 判断数据类型,因为typeof 的判断依据是将数据转为二进制,如果前三位为 000 则判为 Object 类型...
  • 赞了文章2022-09-08
    详解js闭包
    闭包 是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量
  • 发布了文章2022-09-06
    关于Map数据
    根据阮一峰的博客做的学习笔记 {代码...}
  • 发布了文章2022-09-06
    关于Set数据结构
    根据阮一峰的博客做的学习笔记。 {代码...}
  • 发布了文章2022-08-21
    token(数据)的持久化管理,借助插件vuex-persistedstate
    token 需要做持久化存储方案一 :vuex 配合 localStorage:token 数据一式两份存储的原因:vuex 基于内存进行存储,速度快,但是刷新就会丢失,
  • 发布了文章2022-08-19
    浏览器的渲染机制、回流和重绘
    浏览器的渲染机制: 浏览器使用流式布局模型 浏览器会将 html 解析成 Dom 将 css 解析成 CSSDOM,然后将两者合并成 Render Tree 通过 render tree 将每一个节点按照给定的大小、位置、样式渲染到页面上 因为使用的流式布局,所以通常只对 render tree 遍历一次就行了...
  • 发布了文章2022-08-14
    webpack学习笔记(webpack5)
    webpack,需要进行相对应的练习,所以存在了 gitee 上,地址如下:[链接]webpack 自定义环境变量
  • 发布了文章2022-08-08
    v-for为什么要加上key字段
    v-for 在渲染完毕之后,如果有了新的改动,比如是在数组中间添加了一个元素,这个时候会执行diff算法去判断,拿到两个数组之后获取两个数组的长度,用较短的 length 去进行遍历比较,以当前条件下效率最高的方式执行更改。此时,如果元素没有添加 key 字段,遍历渲染...
  • 发布了文章2022-08-06
    VUE3学习笔记
    vue2 和 vue3 的区别vue2 数据定义在 data,方法定义在 methods,操作一个数据往往会影响到 data, methods, computed, watch由此带来了大量的逻辑耦合,因此 vue2 给出了解决方案那就是 Mixin,但是 Mixin 经常导致命名冲突等各种问题,所以 Vue3 推出了 Composition ...
  • 发布了文章2022-07-06
    写了一个密码/验证码输入框【pc】
    主要思路:使用 input 用于输入,宽高刚好等于六个密码框就行使用六个 div 用于展示输入的密码使用 * 号代替也可每个密码块里写一个用于展示提示符的 div 根据 place 匹配提示符应该出现的格子input 的层级需要高于六个密码展示块,设置 opacity: 0; 把 input 隐藏起...
  • 发布了文章2022-06-14
    一个手写深拷贝
    {代码...}
  • 发布了文章2022-06-14
    关于原型和原型链
    作为自己学习时的笔记,不做过多解释:几点笔记:函数是对象,对象是通过函数创建出来的原型分为两种:显示原型:prototype ,是每个函数function/函数对象独有的属性隐式原型:__proto__ ,是每个对象都有的属性原型和原型链:原型:可以把函数看作一个类,那么原型...
  • 发布了文章2022-05-23
    前端三大家族之scroll,可参照实现滚动加载
    本文将介绍 scroll 的三个属性,然后实现滚动监听,参照滚动加载的场景在滚动条距离底部的距离小于 200 的时候进行操作,然后移除滚动监听。首先是用于获取到元素实际高度和实际宽度的两个属性:
  • 发布了文章2022-05-23
    前端三大家族之client
    clientHeight: 可以获取到元素可视窗口的高度,计算方式为 padding + height ,最终获取到的数值不带单位,不会获取到元素的 border 和 margin。
  • 发布了文章2022-05-17
    前端三大家族之offset,然后做出鼠标的拖拽效果
    可以获取元素距离带有定位的父元素的位置【注意条件,需要有定位】,如果父元素没有定位,则会向上寻找直到找到带有定位的那个父级元素offsetTop:获取到元素距离带有定位的父元素的顶部的距离offsetLeft:获取到元素距离带有定位的父元素的左边的距离
  • 发布了文章2022-05-16
    VUEX属性详解
    在工作中使用 VUEX 进行状态管理,共享数据是非常方便的,要注意的是 vuex 的数据是存储在浏览器的内存中的,如果F5刷新了页面那之前申请的内存就会被释放,重新加载 js 脚本,这样一来我们之前存在 vuex 中的数据就没了。如果我们的一些重要的数据,例如 token 等,...
  • 发布了文章2022-05-12
    封装自己的axios请求
    作为一个前端开发人员,不会封装自己的请求是很麻烦的,整理了一下我的封装过程,封装了请求和请求拦截、响应拦截,过程如下: -->引入 axios 包
  • 发布了文章2022-05-11
    elementUI上传文件el-upload
    在使用elementUI进行文件提交的时候,有时候需要提交一些别的参数,这时候需要接收到上传的文件之后,将文件转为formData表单数据(具体看后端)再进行提交。首先我们需要再模板中先配置下 el-upload,将 auto-upload 设置为 false 禁止自动提交,相关的属性可以查看ele...
  • 发布了文章2022-05-10
    关于深拷贝的一些理解
    然后引用类型的数据(Object,Array,Function)因为充满了各种不确定性,所以就分开存储了,对于引用类型来说栈内存 存储的是一个个内存地址对应着我们的变量名、函数名。而堆内存则存储着我们的数据(对应的值),每个内存地址(变量名...)对应一个堆内存,通过内存地址寻...
  • 发布了文章2022-05-10
    正则的一点了解,慢更...
    {代码...}