错i-CSDN博客

原创 vite+vue3初始搭建

在浏览器支持 ES 模块之前，JavaScript 并没有提供原生机制让开发者以模块化的方式进行开发。这也正是我们对 “打包” 这个概念熟悉的原因：使用工具抓取、处理并将我们的源码模块串联成可以在浏览器中运行的文件。时过境迁，我们见证了诸如 webpack、Rollup 和 Parcel 等工具的变迁，它们极大地改善了前端开发者的开发体验。然而，当我们开始构建越来越大型的应用时，需要处理的 JavaScript 代码量也呈指数级增长。包含数千个模块的大型项目相当普遍。

2023-09-05 10:02:49 193

原创面向对象09 面向对象选项卡

// An highlighted blockvar foo = 'bar';```<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,

2021-08-23 10:18:21 112

原创面向对象08 构造函数相关this指向

// An highlighted block/* 构造函数相关的this指向 1：构造函数体内的this指向 => 因为和new关联字连用，this 指向当前实例 2：构造函数原型上的方法里面的 this 指向 => 因为方法是依靠实例对象在调用 => this 指向当前实例

2021-08-23 10:16:58 88

原创面向对象07 对象访问机制(上)

/* 对象访问机制（上） + 当你访问一个对象成员的时候 + 如果对象自己本身有，直接返回结果给你，停止查询 + 如果对象本身没有，会自动去 __proto__ 上访问 + 有就给你返回结果，停止查询 + 如果没有（未完待续）（配合原型链请耐心等待更新）请先阅读下方内容利用 prototype 和 __proto__ 和对象访问机制 + 解决了构造函..

2021-08-18 23:53:36 85

原创面向对象06proto

// An highlighted block /* __protp__ +定义：** 每一个对象天生自带一个属性，叫做__protp__,指向所有构造函数的prototype* + 实例化对象也是一个对象 +实例化对象也有__protp__ */ function Person(){} // 因为Person出生的时候就带着prototype // 向里面

2021-08-09 21:45:15 88

原创面向对象05 prototype (原型 / 原型对象)

prototype (原型 / 原型对象) /* prototype (原型 / 原型对象) + 定义： ** 每一个函数天生自带一个属性叫做 prototype 他是一个对象 ** + 只要函数定义好以后，这个prototype就出生了 + 构造函数也是函数，构造函数也是有prototype 我们也可以使用 prototype + 这个天生自带的 prototype 里面有一个属性叫做 constructor =》表示我是哪一个构造函数伴生的原型

2021-08-09 01:24:31 80

原创面向对象04 构造函数是否合理

构造函数是否合理+一旦在构造函数体内书写方法的时候+ 你创建多少个实例化对象，那么就有多少个方法要占用内存空间+ 不合理：因为会有多余的函数空间被占用// An highlighted block function Person(name){ this.name=name this.sayHi=function a(){console.log("Hello,World")} } let p1=new Person("错

2021-08-09 01:16:23 37

原创面向对象03 构造函数的书写和使用

构造函数的书写和使用明确：构造函数也是，只不过是在调用的时候和 new 关键字连用了目的：就是为了创建一个有属性有方法合理的对象调用必须有 new 关键字=> 如果没有，那么没有创建对象的能力=> 只要有，就会自动创建一个对象// 1. 必须和 new 关键字连用 function fn(){} let o1=new fn() console.log(o1) // 会生成一个对象 fn{} let o2=f

2021-05-12 00:09:06 77

原创面向对象02 创建对象的四种方式

1：字面量创建对象// let o1 ={ name:"错！", age:21, gender:"男" } // 当我需要第二个对象的时候 let o2={ name:"局部地区有黑洞", age:21, gender:"男" } // 每次都

2021-05-10 00:32:56 98

原创面向对象01（了解面向对象）

了解面向对象面向对象的三大特点1：多态2：封住3：继承// An highlighted block /* 了解面向对象 1：面想对象是一个我们的开发思想 2：面向过程 + 再发开发过程中，关注每一个步骤细节顺序实现效果 3：面向对象 + 在开发过程中有没有一个对象可以帮我们完成这件工作例子：我今天要吃面条

2021-05-09 18:07:34 42

原创 JS实现深拷贝

es5实现深拷贝//递归实现深拷贝 function deepCopy(obj){ //首先判断object形参typeof 是否为Object if(typeof obj!=="object"){ return false } //对数组和对象进行兼容 let target=Array.isArray(obj)?{}:[] // console.log(target) //输出内容为数组[] for(var i in o

2021-05-09 12:50:35 100

原创 vue 2.0 history路由模式下刷新404 如何解决

SPA路由为history刷新404，为什么？如何解决？vue-router默认是hash模式，使用url的hash来模拟一个完整的url 当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由为history的模式。比如下面的网址使用hash模式的话url的地址就是http://localhost:8080/#/ 使用...

2019-11-18 00:42:15 612

原创 vue2.0中的路由传值

vue2.0中的路由传值传参的三种基本用法第一种字符串拼接//第一步：路由表 src/router/index.js{path: ‘/user/:userId?’, // 传参第一步：在路由表当中找到目标路由。（相当于形参）component: user,name: ‘User’}//第二步：在目标路由中的router-link组件中传递具体的参数<router-link...

2019-10-25 01:15:30 229

weixin_45417275的博客