- 博客(21)
- 收藏
- 关注
RSS订阅原创 Vue2——v-bind
v-bind用来响应的更新html属性v-bind:href 可以简写成 :href < img v-bind: src = " imageSrc " > < img :src = " imageSrc " > < img :src = " imageSrc " >
2022-12-09 15:43:48
691
1
原创 Vue2——v-on
在Vue中可以通过自定义按键修饰符别名 // 预先定义了keyCode 116（即F5）的别名为f5，因此在蚊子输入框中按下F5，会触发prompt方法 < input type = " text " v-on: keydown.f5 = " prompt() " > ="
2022-12-09 11:27:14
492
原创 object.defineProperty()双向数据绑定原理
执行时不传入任何参数，但是会传入 this 对象（由于继承关系，这里的this并不一定是定义该属性的对象）。Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性(属性为响应式属性)，并返回此对象。数据劫持 在使用或者设置某的对象的属性的时候，通过一系列的代码拦截此次的此次的行为。prop要定义或修改的属性的名称或 descriptor要定义或修改的属性描述符。给数据添加监听，一旦数据发生变化，就执行视图的修改操作，这个过程就是数据劫持。
2022-12-02 08:58:23
931
原创 vue中常用的数组方法
push(): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。对数组内的数据进行排序(默认为升序)，并且返回排过序的新数组，会改变原来的数组。向数组中添加，或从数组删除，或替换数组中的元素，然后返回被删除/替换的元素。unshift:将参数添加到原数组开头，并返回数组的长度。将数组的数据进行反转，并且返回反转后的数组，会改变原数组。截取指定位置的数组，并且返回截取的数组，不会改变原数组。
2022-12-02 08:55:17
1255
原创 git使用流程
在需要的文件夹里点击鼠标右键选择 Git Bash Here。拉取开发分支(develop),因为别人可能已经提交了新的.git config user.email “邮箱”git config user.name “姓名”git pull origin 开发分支。git checkout 开发分支。git checkout 分支名。git clone 仓库地址。将工作目录文件存放到缓存区.合并分支,并解决存在的问题.git merge 分支名。初始化 git 仓库.
2022-12-01 16:38:07
101
原创 遍历数组的方法和数组的遍历方法(3+10种)（下）
接上回已经把遍历数组的方法说了，那么这里我们就来瞧一瞧数组的遍历方法回顾一下什么是数组的遍历方法，数组的遍历方法就是数组的实例方法中可遍历数组元素的：按升序为数组中含有效值的每一项执行一次 回调函数，那些已删除或者未初始化的项将被跳过，回调函数里面可以依次传入数组的值、索引、数组本身（索引和数组本身都是可选填，下面的如果没有特别说明都是如此）输出：创建一个新数组，数组中的元素为原始数组元素调用函数处理后的值，原数组不变，map()可以进行链式调用。输出：创建一个新数组，其包含通过所提供函数实现的测
2022-11-04 17:40:53
1001
原创 遍历数组的方法和数组的遍历方法(3+10种)（上）
总所周知，遍历的方法有很多种，有遍历对象遍历字符串遍历数组，那么数组当然也有非常多种方法，但是一般面试的时候就会有一个坑，遍历数组的方法和数组的遍历方法其实是不一样的，那么区别在哪里呢？从标记上面也可以看出来，后者是偏重数组的，所以数组的遍历方法指的是数组众多方法里面自带遍历功能的方法，比如说：那遍历数组的方法又是只什么呢？指的就是在一般常用方法里面带有遍历并且是可以遍历数组的方法，比如说：for循环、for in、for of。
2022-11-01 20:54:03
527
原创 前端响应式
总所周知，我们前端也被称为响应式web交互设计，那么什么是响应式呢？响应式：响应不同屏幕设备合适地展现网页效果的方式或着手段。举个栗子来说，就是我要苹果（PC页面）你就给我一个苹果（PC页面），我要梨子（移动端页面）你就不能再把那个苹果（PC页面）给我，而是给个梨子（移动端页面），虽然他们都是水果（页面）。
2022-10-29 16:31:04
1931
原创 跨域—同源策略（经典前端面试题）
跨域：是指浏览器不能执行其它网站的脚本；是由浏览器的同源策略造成的；是浏览器对JavaScript实施的安全限制；那么只要协议、域名、端口有任何一个不同，都会被当做是不同的域；跨域原理：通过各种方式，避开浏览器的安全限制；同源策略（Same origin policy）：是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。http协议。
2022-10-18 20:56:49
287
原创 有关深拷贝浅拷贝（经典前端面试题）
拷贝：复制、Ctrl+C、搞一份一样的东西出来。深拷贝：开辟一个新的空间，将原来的东西复制一份完完整整的进去，就和备份类似，所以深拷贝修改一个对象不会影响另一个对象（深拷贝是在堆中申请新的空间来存储拷贝的数据，这样就可以避免指针悬挂；指针悬挂：指针指向非法的内存地址，也叫野指针，也就是正常使用的指针）浅拷贝：浅拷贝分为两种：如果属性为基本类型的拷贝，那么复制出来的就是基本类型的值；如果属性为引用类型的拷贝，那么复制的就是内存地址；
2022-10-12 20:16:40
540
原创 Canvas实现黑客瀑布
以前看到那些电影里面满屏幕密密麻麻的代码是不是感觉超级高级的，其实这个实现的效果很简单，我们也可以写的，话不多说先看效果图。看起来是不是非常高级。
2022-09-24 17:08:15
182
原创 JS高级—call(),apply(),bind()
通过提供一个新的this值给当前调用的函数/方法，从而改变this指向。apply-应用、运用的意思。apply()-调用一个具有给定值的函数，以及以一个数组（或一个类数组对象）的形式提供的参数this，简单理解为调用函数的，fang’shi但是它可以改变this指向。bind：绑定、捆绑不会调用函数，但是也能改变函数内部的this指向。
2022-09-18 15:59:35
808
原创 同步异步、JS执行机制、事件循环
前一个任务结束后再执行后一个任务 程序的执行顺序与任务的排列顺序是一致的、同步的。由于主线程不断重复获得任务、执行任务、再获取任务、再执行，这种机制就被称为。普通事件只有在事件发生之后异步任务才会被异步进程处理放到到任务队列中去。中的异步任务，则被读取的异步任务结束等待状态，进入执行栈开始执行。这意味着所有的任务都需要排队 这样可能会造成页面的渲染不连贯。3.一旦执行栈中的所有同步任务执行完毕，系统会按次序读取。在做一件事的同时可以做其他的事情 创建多线程。同步任务都在主线程上执行，形成一个。
2022-09-13 00:30:00
175
原创 事件对象e的e.target
事件对象是事件的一系列相关数据的集合，跟事件相关。eg: 鼠标点击里面就包含了鼠标的信息（属性和方法）、键盘按下就包含了键盘事件的信息；事件对象是系统给我们自动创建的，不需要我们传递参数；事件对象只有事件（onclick、click等）存在的时候才会存在；事件对象只是一个形参，我们可以自己命名：event、e、ele等；btn.onclick = function(e){ // 这里的e就是所谓的事件对象e.target}e.target返回的是触发事件的对象（元素）。那么它和this。
2022-09-11 21:23:37
3070
原创 EventTarget.addEventListener()事件监听
事件监听：也叫注册事件、绑定事件。用户与网页的交互动作；比如说鼠标滑动、点击网页。是为了让计算机随时能够发现这个时间发生了，从而执行程序员下达的指令动作，也就是我们封装起来函数里面需要执行的。以on开头的传统注册方式，比如说onclick、onmousemove等。addEventListener()+不带on的事件类型的注册方式。
2022-09-11 03:07:12
830
原创 两张图告诉你什么是box-sizing:border-box
当没有使用box-sizing:border-box时的盒子模型：所以box-sizing:border-box是干嘛用的呢就是当布局使用的是自适应的布局方式时，盒子的宽度给的是百分比的形式，但是边框和内边距是用像素来表示的话就会改变盒子视觉上的大小但是给加上的话就会在不改变宽高的情况下，让边框和内边距满足我们所需要的条件之下，让content的大小自适应。是非常好用的一种调整样式的方法。
2022-09-10 02:34:48
292
原创 JS自定义元素节点/属性的使用 createElement、setAttribute、getAttribute、appendChild
顾名思义，自定义也就是自己创建一个，通过JS生成节点或者属性，而不是在html里写的。setAttribute(name, value)：设置/添加元素节点的属性，有则设置，无则添加；获取元素节点的属性；removeAttribute：清除属性；...
2022-08-27 11:37:09
2975
2
原创 超详细！弹性盒子(display:flex)
一般来说我们在css中用到的display大多数都接block(块级元素)、inline-block(行内块元素)、inline(行内元素)，这些在我们所平时需要的大部分地方都很好使，但是在某些地方会具有一定的局限性，让我们很难调样式，那么弹性盒子(弹性布局)就有可能会很好的帮助到你弹性盒子可以批量式的改变子元素的布局！那么弹性盒子用在什么地方比较合适呢：1.当一个盒子里的子元素需要垂直居中一个块的内容2.当盒子里所有的子元素占用等量的可用宽度/高度时。
2022-08-20 14:52:13
17644
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人