记忆深处里的海-CSDN博客

原创 webpack的性能优化，移动端的性能优化

webpack 是一种前端构建工具（从前期的打包工具逐渐演化为构建工具）。它的配置并不简单，由此演化的优化自成一套很复杂的知识体系。webpack 性能优化可分为开发环境优化和生产环境优化。开发环境优化又分为优化代码构建速度，和优化代码调试。生产环境优化又分为优化打包构建速度和优化代码运行性能。webpack打包原理Webpack 是一个模块打包工具，它能够把各种资源，例如 JavaScript、CSS、图片等都作为模块来处理，并且可以利用插件来扩展其功能，从而实现资源的合并、压缩、替换等。

2024-09-10 13:29:40 1594

原创 javascript的模块化

使用require(“模块的路径”)函数来引入模块模块名要以./ 或 …/开头扩展名可以省略（除了扩展名是.cjs）在 JavaScript 中，引入模块时可以省略文件扩展名。当引入的模块是 JavaScript 文件（.js）、JSON 文件（.json）和node（.node）时，可以不写扩展名，Node.js 会根据需要自动解析文件类型并加载对应的模块。* 如果没有.js 后缀的同名文件它会寻找 .json后缀的。（如果两个后缀名都有，则优先导入后缀名为.js的）

2024-09-08 01:04:23 2512

原创前端面试八股文

1、没有this,this指向上下文对象2、不能被实例化3、没有构造器4、如果函数体中只有一句代码且省略了{} 且你需要返回值那么必须省略return关键词,如果返回的是对象要用括号括起来箭头函数为什么没有this指向因js中一开始函数的设计是有缺陷的，因为一个普通函数可以有两种作用域，静态作用域和动态作用域（词法环境）

2024-09-07 14:54:37 1735

原创 Vue+Echert集成实现数据可视化

animationThreshold: 2000, //是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。animationDurationUpdate: 300, //数据更新动画的时长，毫秒，支持回调函数。blendMode: '', //图形的混合模式，默认为source-over，支持每个系列单独设置。animationDelayUpdate: 0, //数据更新动画的延迟，毫秒，支持回调函数。darkMode: '', //是否是暗黑模式。

2024-09-05 23:51:42 1516

原创微信小程序、uniapp前端面试题

UniApp 是一个基于Vue的跨平台应用开发框架，可以使用 Vue.js 的开发语法编写一次代码，然后通过编译生成可以在多个平台（包括iOS、Android、H5 等）上运行的应用。跨平台：开发者可以使用相同的代码基底构建多个平台的应用，避免了针对不同平台的重复开发。高性能：UniApp 在运行时使用原生渲染技术，具有接近原生应用的性能表现。开放生态：UniApp 支持原生插件和原生能力的扩展，可以调用设备的硬件功能和第三方原生 SDK。

2024-09-05 09:28:18 2283

原创 ES6语法详解

模板字符串。

2024-09-03 16:27:21 2231

原创 Webpack详解与配置环境

Output。

2024-09-02 18:06:06 1833

原创 TS中type和interface在类型声明时的区别

两者有许多相同之处，但是也有差别。我们一般选择 type。

2024-09-02 11:44:37 1643

原创 axios使用详解小白福利~

Axios是基于 Promise 的 ajax 封装库，也是前端目前最流行的 ajax 请求库。是一个基于Promise的HTTP客户端，设计用于浏览器的node.js环境中。Axios的核心特性包括：1.1 安装/* npm 安装 */npm install axios --save/* 使用 yarn */yarn add axios/* cdn 引入 */<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.

2024-08-30 16:14:24 1447

原创 vue3中hooks的介绍及用法

hook是钩子的意思，看到“钩子”是不是就想到了钩子函数？事实上，hooks 还真是函数的一种写法。vue3 借鉴 react hooks 开发出了 Composition API ，所以也就意味着 Composition API 也能进行自定义封装 hooks。vue3 中的 hooks 就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来，放到单独的js文件中，或者说是一些可以复用的公共方法/功能。

2024-08-29 03:47:02 966

原创【Vue3 易混淆概念点一】ref、toRef、toRefs、reactive 异同点

ref() 方法接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性 .valueref 对象是可更改的，也就是说你可以为 .value 赋予新的值。它也是响应式的，即所有对 .value 的操作都将被追踪，并且写操作会触发与之相关的副作用。如果将一个对象赋值给 ref，那么这个对象将通过 reactive() 转为具有深层次响应式的对象。这也意味着如果对象中包含了嵌套的 ref，它们将被深层地解包。

2024-08-29 03:37:41 1497

原创 vue动态添加路由

在某些情况，需要添加的路由不确定，需要从后端获取数据，并且后端更新相关的路由时，页面也能够立即渲染出来，这时候就需要使用动态路由。例如商城后台项目，菜单中的很多路由都是不确定的，即使你写了10个路由，但是后端那边新增了10个路由，那么这时候设置动态添加路由后，就可以自动在第一时间创建出所有的路由，而不需要你手动的写了。

2024-08-28 08:48:54 2140

原创知识点整理--call ,apply和bind方法

call()、apply()和bind()方法三者作用都是改变this指向。本文旨在探讨三者之间的区别和作用。call, apply, bind 三者的区别在哪里什么情况下用apply,什么情况下用callapply的其他巧妙用法（一般在什么情况下可以使用apply）bind、call、apply都是用来指定一个函数内部的this的值，先看看bind、call、apply的用法。

2024-08-27 23:28:04 1176

原创 ‘XXX‘ is defined but never used解决方法

原因：在开发过程中使用了ESLint，用来规范代码风格。eslint是语法检查工具，缺点是对所写代码要求过于严格。

2024-08-27 16:48:56 2104

原创知识点整理

在这个例子中，我们通过调用**Parent.call(this, name)来继承父构造函数的属性，并通过Child.prototype = new Parent()**将子构造函数的原型对象指向父构造函数的实例，从而实现方法的继承。组合继承结合了原型链继承和构造函数继承，既继承了父构造函数的属性，又继承了父构造函数原型对象上的方法。在组合继承中，通过调用父构造函数的方式实现属性的继承，通过将子构造函数的原型对象指向父构造函数的实例实现方法的继承。一次是在创建子类型的时候，一次是在子类型的构造函数内部。

2024-08-27 13:32:09 786

原创对比vue2和vue3 —— 8个方面

Vue2使用Object.defineProperty 为每个属性创建getter和setter，通过getter和setter来捕获操作以实现响应式更新；Vue3中要用ref包装，通过返回值的 .value属性获取响应式的值，修改也需要对 .value进行修改。Proxy来实现数据劫持，删除了一些api($on,$once,$off) fiter等，优化了Block tree,solt,diff 算法等。v2中只能存在一个根节点，v3中可以保持如下多个根节点，一定程度上减少了标签的层级。

2024-08-26 16:55:43 1279

原创 vue组件常用属性

指令是帮助我们快速完成某些处理的语法糖，其本质也就是一些拥有固定函数名称的函数集合，这些。

2024-08-26 14:24:11 1248

原创 vue2 —— 插槽及与vue3插槽区别

之间给出插槽的默认内容，也就是说当使用插槽时如果没有在组件标签内定义插槽的内容，则默认内容生效，否则默认内容不生效。简单来说就是：只有逻辑内容没有渲染内容的子组件叫做无渲染组件，子组件的渲染通过具名插槽全权交给父组件渲染。此处所说的后备内容是官方文档里面的叫法，实际上就是指插槽的默认值。一个子组件可能有多个插槽，不同的插槽放置不同的内容，为了区分不同的插槽，每个插槽应该。具名作用域插槽的工作方式和普通作用域插槽的工作方式类似，插槽的。接受默认作用域插槽的属性值。（插槽的使用者即使用子组件的父组件).

2024-08-26 01:39:32 1268

拥抱变化！