自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 Vuejs路由

vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。

2024-11-24 22:30:52 653

原创 Vue组件通信和插槽

组件中的数据大都是从接口中导入,每个页面中有几十个几百个组件组合而成,若每个组件都依次从接口中调用请求数据,这样虽然和正常一样能达到目的,但会造成网络压力大、页面请求缓慢登问题,因此诞生了组件之间的通信,在我们的父组件一次性将其需要从接口中调用的数据取出,然后将数据传入子组件进行使用,从而解决了每个组件都要从接口请求数据所造成的问题并且加强了组件之间的关联性。为组件的封装者提供的能力,允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽。可以获取到组件实例,拿到组件实例可以拿到组件中的数据。

2024-11-17 18:15:54 914

原创 Vue3项目搭建和指令

Vue.js是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。很多使用过vue的程序员这样评价它,“vue.js兼具angular.js和react.js的优点,并剔除了它们的缺点”。vue的特点:体积小: 压缩后33K;更高的运行效率:基于虚拟dom,一种可以预先通过JavaScript进行各种计算,把最终的DOM操作计算出来并优化的技术,由于这个DOM。

2024-11-11 19:01:32 675

原创 webpack脚手架的代码质量优化和git提交规范

本次博客是对上一期Webpack脚手架项目初始化以及优化的代码进行质量提升和git提交规范,同时也提升了打包速度。

2024-11-03 20:01:45 1773

原创 Webpack脚手架项目初始化以及优化

本次脚手架需要引入react和typescript,然后配置webpack,配置环境变量,配置文件别名,最后对构建速度优和构建产物优化。

2024-10-27 22:08:58 827

原创 全栈项目(小米移动端商城)

本次全栈项目是小米商城移动端,运用nestjs+html+css+js。其中有六个页面,分别是首页、分类、米圈、购物车、个人以及登录页面。

2024-10-20 20:14:44 342

原创 nodejs常用模块

Node.js 是一个开源、跨平台的 JavaScript 运行时环境,它允许开发者在服务器端运行 JavaScript 代码。Node.js 基于 Chrome V8 引擎构建,它使得 JavaScript 可以脱离浏览器环境,执行在服务器上,从而可以用于构建各种类型的网络应用程序。

2024-10-13 16:08:38 1020

原创 TypeScript基本使用

类型别名:很多场景下和interface是一样的,但是类型别名适用的场景更广泛,它不会生成新的类型,但是类型别名的语义性(可读性)不高,所有官方推荐优先适用interface。函数的类型签名:在函数中涉及到数据的地方只有参数和返回值,所以在ts中的函数就是对形参和返回值做类型签名。其实就是把一个对象属性的类型处理成另一个对象属性的类型,他们是一一对应的关系。就是数学里的并集,既有A类型的属性或方法,也有B类型中的属性或方法。可选类型,使用工具类型中的Partial让对象中所有的类型变成可选。

2024-10-07 01:54:38 1955

原创 web前端可视化项目

可视化是利用计算机图形学和 图像处理 技术,将数据转换成图形或图像在屏幕上显示出来,并进行交互处理的理论、方法和技术。可视化能够通过图像图像来更好的查看数据。可视化项目通常在业务报告,地铁线路图,医院的大屏,气象地图,金融投资等等一些地方可以看到。

2024-09-28 13:57:28 1040

原创 ES6Promise概念及其用法

Promise是一个对象或者是构造函数,用来封装异步操作并获得成功或失败的结果。console.log('new Promise同步代码');setTimeout(() => {//模拟异步ajax操作resolve('改为修改状态')} else {reject('改为失败状态')}, 1000)})console.log('then方法的第一个回调接收resolve的参数', res);})console.log('使用catch方法捕获reject方法传过来的参数', err);

2024-09-21 10:42:59 687

原创 原型和原型链

在JavaScript中一切引用类型皆为对象,以下是我对原型和原型链的总结目录一、原型(prototype)二、原型链1、内置对象Object​编辑2.自定义对象3、Function(特殊对象) 4.完整的原型链图片概念:函数都有 属性,称之为原型,也称为原型对象,原型对象里面可以存放属性和方法,共享给实例对象使用,用于实现继承效果。关键词:prototype:每个函数都有一个 属性,当这个函数被用作构造函数创建对象时,新创建的对象会继承构造函数的 属性所指向的对象的属性和方法。__proto__:每

2024-09-17 00:51:09 206

原创 js数组的常用方法

js中数组中有一些常用且重要的方法,以下是我对数组方法的总结。

2024-09-08 13:58:33 1764 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除