- 博客(23)
- 收藏
- 关注
RSS订阅
原创 src与 href 的区别
src 和 href 的区别href指网络资源所在位置，建立和当前元素（锚点）或者当前文档（链接）之间的链接，用于超链接。src是指向外部资源所在位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载，编译，执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。...
2020-12-22 20:25:32
146
2
原创 普通函数与箭头函数函数
a:100,//es5 谁调用，this指向谁} , 上下文。// 100;obj.foo();//200箭头函数是es6为了解决this指向问题而出的，从它的长相上看呢，他是一个匿名函数，且不能作为构造函数，所以不能new。箭头函数没有arguments ，但是可以用展开运算符（...）
2020-11-24 19:09:33
251
原创 Vue.js 3.x 中的响应式数据：ref 与 reactive
Vue.js 3.x 引入了 Composition API，其中的ref和reactive是用于创建响应式数据的两个重要函数。在本篇博客中，我们将深入探讨它们的区别以及在实际应用中的使用场景。
2023-12-28 15:05:53
515
1
原创 JavaScript中的filter()方法详解
在JavaScript中，filter()是一个数组方法，用于从数组中过滤出符合特定条件的元素，并返回一个新数组。该方法接受一个回调函数作为参数，这个回调函数会被应用于数组的每个元素。回调函数可以返回true或false，如果返回true，则该元素将被包含在新数组中，否则则不包含。该方法不会改变原始数组，而是返回一个新的数组，其中包含符合条件的元素。
2023-04-11 10:04:00
8544
1
原创 setTimeout中的this指向报错
当在Vue组件中使用setTimeout函数时，需要注意this指向的问题。由于setTimeout函数中的this指向全局对象(window)，而不是Vue实例，因此在使用Vue Router中的$router属性时可能会出现TypeError错误。这样就可以正确地访问Vue实例中的$router属性了。在Vue组件中使用setTimeout函数时，需要注意this指向的问题，以避免出现TypeError错误。为了解决这个问题，我们可以使用箭头函数或者bind方法来绑定this指向。
2023-04-07 14:56:58
380
原创 如何避免form表单内点击button按钮导致页面刷新？解决方案大揭秘！
在Web开发中，我们经常会使用form表单来收集用户提交的数据，但是有时候在form表单内点击button按钮会导致页面刷新，这对用户体验来说是十分不友好的。默认情况下，form表单内的button按钮的type属性为submit，也就是说，当用户点击这个按钮时，会自动将表单内的数据提交到后台处理。通过本文的介绍，我们了解了form表单内点击button按钮会刷新页面的原因，并掌握了两种避免刷新页面的方法。除了表单提交按钮的默认行为会刷新页面，还有一些其他情况也会导致页面的刷新。
2023-03-24 11:31:31
2414
原创 JavaScrip中对象的两种引用方式 “.“ 、“ [ ] “
在javascript中，一般我们都是通过对象中的 常量 使用 " . " 引用其中的值。但是如果对象中的属性不确定，那么就需要使用 [ ] 来引用其中的值。
2022-12-05 17:27:04
236
原创 vuex 面试题
什么是vuexvuex：是一个转为vuex.js开发的状态状态管理器，采用集中式储存的所有组件状态。五个属性：state、getters、mutations、actions、module基本使用：新建store.js文件，最后main.js中引入，并挂在实例上import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const state = {}const getters = {]const mutations = {}con
2021-01-03 16:08:02
477
原创 盒模型与BFC
1.什么是盒子模型在html中，每一个元素都可以看成一个盒子，这个盒子由内容区（content）、填充去（padding）、边框区（border）、外边界区（margin）四部分组成。2.盒子模型有哪两种** 标准模式下：** 一个块的总宽度（页面中占的宽度） = width+margin（左右）+border（左右）** 怪异模式下： ** 一个块的总宽度=width + margin（左右）（即width已经包含了padding和border值）（IE浏览器）3.标准和怪异模型的转换box
2020-12-31 14:30:33
122
原创 vue常用的指令
vue 常用的指令v-model 多用于表单元素实现双向数据绑定v-for 循环数组或者json v-for=“(item,index) in/of 数组json”v-show 显示内容，通过display=block/none来控制元素的隐藏出现v-hide 隐藏内容 同上v-if 显示与隐藏（dom元素的删除添加）v-else-if 必须与v-if连用v-else 必须和v-if连用 不能单独使用 否则报错 模板编译错误v-bind 动态绑定 作用：及时对页面的数据进行更改v-on：
2020-12-31 14:15:33
101
原创 为什么组件data必须是一个函数
总结：首先定义的xx.vue文件在编译之后是一个类，每个地方使用这个组件的时候，相当于对这个类实例化，在实例化的时候执行data，如果不是一个函数的话，每个组件的实例的data都是同一个引用数据，当该组件作为公共组价共享使用，一个地方的data更改，所有的data一起改变。如果data是一个函数，每个实例的data都在闭包当中，就不会各自影响了自己的话就是：** 因为闭包的特性 不想不影响各自的数据 不回因为是公共组件就被影响 **...
2020-12-31 14:04:32
519
原创 vue动态路由配置 vue路由传参 --scallopsF
动态路由： 当我们很多个页面或者组件都要被很多次重复利用的时候，我们的路由都只想同一个组件，这时候从不同组件进入一个“共用”的组件，并且还要传递参数，渲染不同数据 这就要用到动态路由跟路由传参了！ 首先我们来了解下router-link这个组件： 简单来说，他是个导航器，利用to属性导航到目标组件，并且渲染的时候会自动生成一个a标签，当然官方也有说明，加个tag标签属性就可以渲染不同的标签，可以浏览器端查看到 并且当一个导航器被激活的时候，会自动加上一个css的激活样式，可以全局在路由配
2020-12-28 20:29:56
143
原创 hash 和 history 的区别 --scallopsF
hash和history的区别vue-router中hash模式和history模式。在vue的路由配置中有mode选项，最直观的区别就是在url中的hash带了一个很丑的#，而history是没有#的。mode：“hash”；mode：“history”hash简单来说hash虽然出现在UPL中，但不被包括在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。history模式的问题通过history api，我们丢掉了丑陋的#，但是它也有个问题：不怕前进，不怕
2020-12-28 19:13:18
143
1
原创 mvvm和mvc --scallopsF
MVVM概念：MVVM是Model-View-ViewModel缩写，分别对应着：数据，视图，视图模型。Model是我们应用中的数据模型，View是我们的UI视图层，通过ViewModel，可以把我们Model中的数据映射到View视图上，同时，在View层修改了一些数据，也会反应更新我们的model。简单理解就是双向数据绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。view视图层<p>Hello, {{ name }}!</p>
2020-12-28 18:54:12
92
原创 虚拟dom与diff算法
所谓Virtual dom, 也就是我们常说的虚拟节点，他是通过js的object对象模拟DOM中的节点，然后通过特定的render方法将其渲染成真实的DOM的节点。
2020-12-23 21:22:27
105
原创 You Have Only One Life
There are moments in life when you miss someone so much that you just want to pick them from your dreams and hug them for real ! Dream what you want to dream ;go where you want to go;be what you want to be, because you have only one life and one chance to
2020-12-19 09:57:36
206
2
原创 深入generator
1.function关键字和函数之间有一个星号（*），且内部使用yield表达式，定义不同内部的内部状态。2.调用Generator函数后，该函数并不执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象。//定义一个generator函数//调用Generator函数// fn {// {// {// {// {但是，调用Generator函数后，函数并不执行，返回的也不是函数执行后的结果，而是一个指向内部状态的指针对象。
2020-12-12 20:04:04
86
原创 Promise超級深入研究 --scallopsF
Promise另一篇promise项目应用当面试官问你：什么事promise？你对promise的理解promise用过么？什么是promise解决地狱式回调可以链式调用有三种状态promise有哪些API应用场景：封装ajax，axios的get，post封装，微信小程序中封装wx.request(),uniapp开发中uni.request()名字约定一般来讲，有以下名词约定：promise（首字母小写）对象指的是“Promise实例对象”Promise首字母大写且单
2020-11-25 21:34:03
153
原创 ES6中的class与继承 --scallops
es6中的class 与 继承前言：传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其他传统面向对象语言来讲，独树一帜也可以说难以接受！ES5中的类ES5中如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。示例：//构造函数名大写（非强制，但这么写有助于区分构造函数和普通函数）function Person(name,age) { this.name = name;
2020-11-24 18:57:46
75
原创 解构赋值ES6
es6解构赋值定义：解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。``//数组结构var a, b, rest;[a, b] = [10, 20];console.log(a); // 10console.log(b); // 20//对象解构({ a, b } = { a: 10, b: 20 });console.log(a); // 10console.log(b); // 20// …rest 解构数
2020-11-23 17:09:00
50
原创 let var const详细区别
目录1.是否存在变量提升2.是否存在暂时性死区3.是否允许重复声明变量4.是否存在块级作用域什么是块级作用域：5.是否能修改声明的变量在ES5中，声明变量只有var和function两种形式。但是因为var声明的变量会有一定的缺点（内层变量可能覆盖外层变量的问题以及用来计数的循环变量泄露为全局变量，下面有介绍），ES6提出了使用let和const声明变量,弥补了ES5中var的缺点。1.是否存在变量提升var生明的变量存在变量提升（将变量提升到当前作用域的顶部）。即变量可以再声名之前调用，值为und
2020-11-23 11:24:01
156
原创 git相关问题
这里写目录标题1Git基础1.1版本管理1.1.1什么是版本管理1.1.2人为维护文档版本的问题1.2Git是什么1.3安装git1.4Git基本工作流程1.5Git的使用1.5.1Git 使用前配置1.5.2 提交步骤1.5.3撤销2 Git进阶2.2分支2.1.1 分支细分2.1.2 分支命令2.2 暂时保存更改3 Github3.1创建仓库3.2克隆仓库1Git基础1.1版本管理1.1.1什么是版本管理版本管理是一种记录文件变化过程的方式 方便查阅各个版本的内容1.1.2人为维护文档版本
2020-11-20 21:50:44
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人