前端基础
关注
分享
扫一扫
文章平均质量分 69
YD_1989
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript 回调函数讲解_callback
回调函数：咱们定义的函数，但是咱们自己不去调用，而是给别的函数去调用。什么情形下使用回调函数呢？当某个函数内部，缺少一段逻辑，需要去动态补充时，这个时候就需要使用回调函数。原创 2025-07-28 22:54:39 · 315 阅读 · 0 评论 -
Ajax 核心知识点全面总结
Ajax（Asynchronous JavaScript and XML）是一种 无需重新加载整个网页，即可通过 JavaScript 与服务器异步交换数据的技术，用于创建更流畅、响应更快的 Web 应用。原创 2025-06-17 21:00:00 · 1333 阅读 · 0 评论 -
Axios 知识点全面总结
Axios 是一个基于 Promise 的 HTTP 客户端库，用于浏览器和 Node.js 环境中发送 HTTP 请求。它支持请求 / 响应拦截、请求取消、Promise 链式调用等特性，是前端开发中最常用的 HTTP 库之一。原创 2025-06-17 19:45:00 · 1344 阅读 · 0 评论 -
Vue 中组件命名与引用
单文件组件（Single-File Component，SFC）是 Vue.js 特有的一种文件格式，也被称为.vue文件。它把一个 Vue 组件的模板（template）、 逻辑（script）和样式（style） 封装在同一个文件里，形成一个独立的组件单元。这种设计让组件具有很强的内聚性和可维护性，是 Vue 项目的核心组织方式。原创 2025-06-05 19:30:00 · 801 阅读 · 0 评论 -
JavaScript 对象展开语法
通过对象展开混入 student 对象的属性和方法。局部注册多个组件，使它们只能在当前组件中使用。这是 Vue.js 组件开发中常见的模式，用于组织和复用代码。原创 2025-06-03 19:15:00 · 472 阅读 · 0 评论 -
javascript —— ! 和 !! 的区别与作用
是取反操作，得到的结果是布尔值，且与原值的布尔值相反。!!是强制类型转换，得到的结果也是布尔值，和原值的布尔值相同。原创 2025-05-15 20:00:00 · 1161 阅读 · 0 评论 -
前端vue监听 -watch
在 Vue.js 里，watch选项可用于响应式地监听数据的变化，当被监听的数据发生改变时，就会触发相应的回调函数来执行特定操作。下面从基本用法、高级用法以及注意事项等方面详细讲解 watch。原创 2025-04-21 21:15:00 · 1283 阅读 · 0 评论 -
浏览器的存储机制 - Storage
在前端开发中，Storage是浏览器提供的用于在客户端存储数据的机制，包括 LocalStorage和 SessionStorage。它们通过 Window对象的属性暴露，支持以**键值对**形式存储数据，适用于不需要频繁与服务器交互的轻量级数据存储。位置在 F12开发者工具 ——》 Application ——》 StorageLocalStorage 和 SessionStorage 是前端轻量级存储的核心工具，适用于非敏感数据的持久化或临时存储。原创 2025-04-18 22:00:00 · 1198 阅读 · 0 评论 -
前端 Babel 入门简介
Babel 是一个，主要用于，以便可以在旧版本的浏览器或环境中运行。以下从多个方面对前端 Babel 进行详细介绍。原创 2025-03-24 20:45:00 · 459 阅读 · 0 评论 -
Vue渲染函数 - render 函数
render 函数是 Vue 组件的一个方法，用于 返回一个虚拟节点（VNode）结构，该结构将被 Vue 转换为真实的 DOM 元素。// 如何展示页面的逻辑h：这个参数是一个函数，用于创建虚拟节点。通常，开发者将会将它称为 createElement，但是在 Vue.js 的文档中通常用字母 h 来表示。原创 2025-03-18 19:00:00 · 1716 阅读 · 0 评论 -
CSS 日常开发常用属性总结
支持变量、嵌套、模块化等功能，提高代码可维护性。通过插件提供更多功能，如自动补充浏览器前缀。根据不同设备或屏幕尺寸应用不同的样式。设置元素的最大宽度和高度。示例：Sass 变量。原创 2025-02-27 23:24:12 · 1363 阅读 · 0 评论 -
HTML 日常开发常用标签
ul > : 无序列表。< ol > : 有序列表。< li > : 列表项，用于 < ul > 和 < ol > 内。< dl > : 定义列表。< dt > : 定义列表中的术语。< dd > : 定义术语的描述。< ul > : 无序列表。< ol > : 有序列表。< li > : 列表项，用于 < ul > 和 < ol > 内。< dl > : 定义列表。< dt > : 定义列表中的术语。< dd > : 定义术语的描述。< ul > : 无序列表。< ol > : 有序列表。原创 2025-02-27 22:30:50 · 460 阅读 · 0 评论 -
Chrome 浏览器（版本号49之后）解决跨域问题
②如果目标地址原先有引号，那么 --disable-web-security --user-data-dir=C:\MyChromeDevUserData 要加在引号外面。①两个 --前面都是有空格的哦~原创 2025-02-22 11:15:01 · 3003 阅读 · 0 评论 -
npm 常用命令大全
npm日常命令大全原创 2025-02-11 21:00:00 · 446 阅读 · 0 评论 -
详细整理！！html5常用标签
HTML：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。它不是一种编程语言，而是一种标记语言，使用标签来描述网页。HTML文档也叫做web页面。HTML代码是由标签构成的，标签名放到“< >”中。大部分标签都是成对出现，例如：以 < body > 为开始标签，以 </ body > 为结束标签。少数标签只有开始标签的被称为“单标签”。HTML代码是由标签构成的，标签名放到“< >”中。原创 2024-09-30 21:15:00 · 3939 阅读 · 0 评论 -
ES6的剩余参数
剩余参数剩余参数语法允许我们将一个不定数量的参数表示为一个数组不定参数定义方式，这种方式很方便的去声明不知道参数情况下的一个函数const chengji = (...args) => { let chengji = 1; args.forEach((item) => { chengji *= item; }) return chengji;}console.log(chengji(20,13))console.log(chengji(20,14,8,12))剩原创 2021-12-18 23:38:40 · 670 阅读 · 0 评论 -
原生html切换皮肤
原理：1.每个皮肤对应一个css文件，好维护2.通过js动态更改标签的href属性程序代码如下：HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="ref转载 2022-05-16 23:10:27 · 316 阅读 · 0 评论 -
Element UI下拉列表el-option中的key、value、label含义
Element UI下拉列表el-option中的key、value、label含义<el-select v-model="queryParams.level" placeholder="级别" style='margin-right:5px;width:140px' clearable> <el-option v-for="item in optionss" :key="item.value" :label="item.label" :valu原创 2022-04-15 10:15:51 · 5004 阅读 · 0 评论 -
vue项目npm总是出错
npm前端的Vue项目总是报错不成功。报错信息如下：error D:\xxx\xxx\node_modules\node-sass: Command failed.Exit code: 1Command: node scripts/build.jsArguments:Directory: D:\xxx\xxx\node_modules\node-sassOutput:Binary found at D:\software\nodesass\win32-x64-72_binding.node原创 2022-03-11 11:51:52 · 3783 阅读 · 0 评论 -
vue+elementUI穿梭框
穿梭框的实现思路，实现了可分页的表格穿梭框，同时涉及到了表格多选与表格里添加表单等知识点<template> <div> <h1 style="color: #F56C6C">部门模块</h1> <el-form :inline="true" :model="staffTemp"> <el-form-item label="手机号"> <el-inp.原创 2022-01-07 14:37:59 · 1737 阅读 · 0 评论 -
vue v-for循环
Vue v-for循环的用法1、v-for循环普通数组①创建Vue对象<script> var app = new Vue({ el:'#app', data:{ array:[1,2,3,4,5,6,7,8], } })</script>②循环数组<div id="app"> <p v-for="(item,index) of array">索引：{{index}}-数值：{{item}原创 2022-01-05 11:23:49 · 2004 阅读 · 0 评论 -
Vue学习笔记
1、第一个Vue示例解析：{{ messeage }}寻找data中和messeage 名称一致的数据，将值转换为data中messeage 绑定的值注：{{message}}这种写法被称为差值表达式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>第一个Vue示例</title> </head> <body> <原创 2021-12-28 18:50:47 · 533 阅读 · 0 评论 -
W3school笔记——HTML
什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页例子解释 与 之间的文本描述网页 与 之间的文本是可见的页面内容 与 之间的文本被显示为标题 与 之间的文本被显示为段落...原创 2021-12-24 14:34:07 · 1973 阅读 · 0 评论 -
scope插槽
vue插槽 <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width" width="200px"> <template slot-scope="scope"> <el-radio v-model="scope.row.delFlag" label="0" @change="showProject(sc原创 2021-12-18 15:56:53 · 272 阅读 · 0 评论 -
JS截取指定字符串到指定字符串之间的内容
JS截取指定字符串到指定字符串之间的内容var str="<123>asdadsadsa<456>";str = str.match(/<123>(\S*)<456>/)[1];console.log(str);\S：匹配任何非空白字符。*：匹配前面的子表达式零次或多次。match方法：//语法stringObject.match(searchvalue)stringObject.match(regexp)searchvalue：必需原创 2021-12-16 10:54:13 · 13969 阅读 · 0 评论 -
Axios发送请求时params和data的区别
Axios发送请求时params和data的区别简单来说：params 的方式。会将参数加到 url后面。所以，传递的都是字符串。无法传递参数中含有json格式的数据（我某个参数的数据是json格式）。data 的方式，是添加到请求体（body）中。然后如果你的数据有 json 格式。也是可以的。格式：我这是json格式的数据，但是params的方式会把json格式转为string进行传值let params = { todoItemStartTime: this.queryPar原创 2021-12-16 10:52:32 · 3037 阅读 · 2 评论 -
vue常用校验规则
1、是否合法IP地址export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.原创 2021-12-16 10:49:49 · 1256 阅读 · 0 评论 -
前端常用的方法
vue+elementUI1、Table表格中要在最前面添加index索引<el-table-column type="index" width="50"></el-table-column>2、编辑功能把某一个字段设置为无法修改（只读模式），添加 readonly或者disabled①使用属性 readonly=“true” 方式，输入框或文本域无灰色底；②使用属性 :disabled=“true” 方式，输入框或文本域有灰色底。<el原创 2021-12-16 10:47:41 · 1369 阅读 · 0 评论 -
JavaScript将一维数组转化为二维数组
JavaScript将一维数组转化为二维数组遇到的问题：后端返回的是一组一维数组，但是需要展示的格式是二维数组。常见的场景举例：后台返回10个长度的数组，需要分成3个一组展示在banner上。例：[1,2,3,4,5,6,7,8,9,10] => [[1,2,3], [4,5,6], [7,8,9], [10]]解决方法及思路：/** 调用 */let list = [1,2,3,4,5,6,7,8,9,10]let brr = setTwoDimensionalArray(lis原创 2021-12-16 10:40:25 · 2091 阅读 · 0 评论 -
vue跳转页面的几种方法
vue跳转不同页面的多种方法1：router-link跳转<!-- 直接跳转 --><router-link to='/testDemo'> <button>点击跳转2</button></router-link> <!-- 带参数跳转 --><router-link :to="{path:'testDemo',query:{setid:123456}}"> <button>点击跳转1</原创 2021-09-14 11:17:41 · 9774 阅读 · 0 评论 -
Vue组件（Vue-cli）+vue路由+父子组件传参+Axios跨域
Vue组件（Vue-cli）以前：HTML、CSS、JavaScript只有一个一级节点html<html><style></style><script></script></html>现在：HTML、CSS、JavaScript具有3个一级节点SFC规范：单文件组件规范理解：以前前台是由很多【HTML页面】组成；以前前台是由很多【vue组件】组成1、自定义组件（components）步骤：（1）创建vue项目，用原创 2021-08-20 09:15:04 · 356 阅读 · 0 评论 -
Vue框架+Axios框架
Vue框架Vue概念Vue (读音 /vjuː/，类似于 view) 是一套用于**构建用户界面**的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用（SPA）提供驱动。Vue框架原理：M-V-VM原理M-Model-模型-JSON数据（所谓模型，就是后端发往前端的json数据）V-Vie原创 2021-08-20 09:12:58 · 859 阅读 · 0 评论 -
Ajax+jQuery
AJAX-异步JavaScript和XMLAJAX原理：异步JavaScript和XML。什么是Ajax：AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。同步与异步：异步传输是**面向字符的传输，它的单位是字符；而同步传输是面向比特的传输，它的单位是帧，它传输的时候要求接受方和发送方的时钟是保持一致**的。AJAX的工作原理：Ajax的工作原理相当于在**用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像原创 2021-08-20 09:11:12 · 360 阅读 · 0 评论 -
JavaScript+DOM+JSON
JavaScript(1)JavaScript入门案例:要在script标签里写<script> //alert弹窗 alert(100); alert(200); </script>(2)JavaScript数据类型（6大类） <script> // (1)字符串 // 注意：外边单引里边双引、外边双引里边单引。 var a = "张三"; document.write(a + "<br>原创 2021-08-20 09:09:18 · 173 阅读 · 0 评论 -
CSS3基础
CSS:层叠样式表语言(style样式属性)(1)CSS层叠样式表入门//style样式属性，font-size是样式名，20px是样式值。//把大小和颜色两个样式层叠在一起来渲染<body> <div style="font-size:20px;color:red;"> 你好 </div></body>(2)CSS的盒子模型说明：盒子模型是布局基础。理解：在css看来每一个html标签都是一个看不见的盒子。做网原创 2021-08-20 09:07:37 · 175 阅读 · 0 评论 -
HTML5
HTML5(一)前台核心语言(1)HTML5：超文本标记语言。定位：内容。(2)CSS3：层叠样式表语言。定位：样式。(3)JavaScript(ES6)：JS语言。定位：功能。HTML5定义：超文本标记语言。定位：内容Brackets生成HTML模板快捷键：！+ Tabhttp：超文本传输协议（一）HTML5模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-08-20 09:06:31 · 220 阅读 · 0 评论