自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 javascript(介绍篇)

javascript诞生于1995年,它的出现主要使用与处理前端验证,所谓的验证就是指用户输入的内容是否符合规则,比如:用户名的长度,密码的长度,邮箱的格式, 但有的同学就会问了,这些验证后端不是也可以进行验证吗, 确定,后端确实可以验证但需要知道那个时代网速是非常慢的,向后端发送一个请求浏览器需要很久才能响应,为了解决前端验证的问题,当时的浏览器巨头NexScape(网景)公司就开发了一门语言,起初命名为LiveScript,后来有SUN公司的介入改为javascript,

2025-07-10 21:50:39 889

原创 HTML面试题

async是<script>标签的一个布尔属性,用于控制脚本的加载和执行行为,是现代Web性能优化的重要工具之一。基本作用异步加载:脚本会与HTML解析并行下载,不阻塞页面渲染执行时机:脚本下载完成后立即执行,无论HTML是否解析完成并行下载:多个async脚本并行下载,谁先下载好先执行谁只对外部脚本有效(src属性)

2025-07-07 17:41:34 1000

原创 WebWorker(后台运行)的基础用法(可优化)

web worker 是HTML5提供的一种多线程技术,它允许我们在后台运行一个独立的javascript线程,与主线程并行执行, 由于在web worket运行在独立的线程中,不会堵塞主线程,从而可以保持页面的响应性Web Worker 的特点独立线程:Web Worker 运行在独立的线程中,与主线程分离。不能访问 DOM:Web Worker 无法直接访问或操作 DOM。通过消息通信:主线程和 Worker 之间通过 postMessage 和 onmessage 进行通信。

2025-07-07 00:39:14 265

原创 计算属性与侦听器详解(vue2)

计算属性是基于vue的data属性,通过一系列运算生成的。

2025-07-06 19:08:59 443

原创 路由 vue-router (vue2)

路由(英文: router)就是对应关系Hash 地址与组件之间的对应关系.vue-router是vue.js官方给出的路由解决方法,他只能结合vue项目进行使用,能够轻松管理SPA(单页面)项目中的切换不同的vue版本对应不同的路由版本,Vue2版本对应VueRouter3.x版本Vue Router(vue-router3官网网站)vue3版本对应VueRouter4.x版本Vue Router | Vue.js 的官方路由(vue-router4官方网站)① 能够知道如何在 vue 中配置路由。

2025-07-06 13:39:22 690

原创 WebPack构建工具

webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个 依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容。Webpack 的核心功能确实是打包 HTML、JS、CSS 等前端资源,但它的能力远不止于此。2.基础打包能力资源类型处理方式示例 loaderJavaScript模块化打包、语法降级、语法升级。

2025-04-13 00:24:47 730

原创 VSCode常用设置与Vue在编辑器中的设置

vue/standard’不希望代码中有双引号的存在, .eslintrc.js 会把代码中的单引号(’ ')全部转换为双引号(" ") 也会在每一行后面添加分号(;),所以关闭插件Vetur关于js代码的格式化,改为采用.eslintrc.js里的规则。“vetur.format.defaultFormatter.js":"vscode-typescript"的作用就是用viscode自带的格式化工具代替vetur格式化。第一步:打开vscode 的 settings.json(设置文件)

2024-12-26 21:14:31 993

原创 Vue3+TypeScript+vite

setup是一个新的组件选项,作为组件中使用组合API的起点。从组件生命周期来看,它的执行在组件实例创建之前vue2.x的beforeCreate执行。这就意味着在setup函数中this 还不是组件实例,this此时是undefined在模版中需要使用的数据和函数,需要在setup返回直接在script标签中添加setup属性就可以直接使用setup语法糖了。使用setup语法糖后,不用写setup函数;组件只需要引入不需要注册;

2024-11-11 17:26:40 811

原创 2024年八股文前端高频面试题(js、vue2、vue3、uniapp、es6、echarts、webpack、算法、git、hr交流、技巧现状)

在data中定义数据, 在return里面和在return外面定义数据的区别1.return外: 单纯修改数据是不可以被修改的,因为没有get/set2.return内: 是可以修改的全局 main.js))局部:某一个组件内demo:{

2024-08-26 14:48:47 10014

原创 NVM安装NodeJS与Vue项目搭建

一、安装NVM1、NVM介绍NVM是NodeJS的版本管理工具,使用NVM可以快速安装各个版本的NodeJS并且切换不同版本NodeJS。在项目开发中,我们可能会有多个项目同时开发维护的情况,但有些各个项目之间所依赖的NodeJS版本可能不同,这时我们就可以通过NVM来进行NodeJS的各个版本之间切换。2、安装NVM(1)NVM官网:【https://nvm.uihtm.com/】(2)在官网上下载对应版本即可,小编这里下载的是v1.1.10版本,下载后解压即可安装。

2024-06-24 23:59:43 1127

原创 Vuex详解

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它允许您在应用程序中全局管理数据并进行状态共享。

2023-12-09 11:54:45 883

空空如也

空空如也

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

TA关注的人

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