![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
大前端
文章平均质量分 96
大前端相关知识
李宥小哥
C#,Net,NetCore,大前端,BS,CS,移动端,微信小程序,MES,ERP,上位机,WPF,WINFORM,SOA,SQL,NoSQL,Docker,k8s,PMP,设计模式,数据结构与算法,前端框架,后端框架,ORM,DDD
展开
-
json-server详解
- Json-server 是一个`零代码快速搭建本地 RESTful API 的工具`。它使用 `JSON 文件作为数据源`,并提供了一组简单的路由和端点,可以模拟后端服务器的行为。原创 2023-07-30 22:18:11 · 11261 阅读 · 10 评论 -
Vue2基础十、Vuex
- vuex 是一个 vue 的 `状态管理工具`,状态就是数据。- 大白话:vuex 是一个插件,可以帮我们`管理 vue 通用的数据 (多组件共享的数据)` 例如:购物车数据 个人信息数据原创 2023-07-27 17:10:10 · 787 阅读 · 0 评论 -
Vue2基础九、路由
- Vue中路由:`路径` 和 `组件` 的 映射 关系原创 2023-07-27 17:07:07 · 1174 阅读 · 1 评论 -
Vue2基础八、插槽
插槽- 作用:让组件内部的一些 结构 支持 自定义原创 2023-07-27 17:04:53 · 1310 阅读 · 0 评论 -
Vue2基础七、ref&nextTick&自定义指令
- **作用:**利用 ref 和 $refs 可以用于 `获取 dom 元素`, 或 `组件实例`- **特点:**查找范围 → `当前组件内 (更精确稳定)`,用document.querySelect('.box') 获取的是整个页面中的盒子原创 2023-07-27 16:45:58 · 546 阅读 · 0 评论 -
Vue2基础六、组件通信
- 组件通信, 就是指 `组件与组件` 之间的`数据传递`。 - 组件的数据是独立的,无法直接访问其他组件的数据。 - 想使用其他组件的数据,就需要组件通信原创 2023-07-27 16:43:26 · 1033 阅读 · 1 评论 -
Vue2基础五、工程化开发
- 基本介绍: - Vue CLI 是Vue官方提供的一个`全局命令工具` - 可以帮助我们`快速创建`一个开发Vue项目的`标准化基础架子`。【集成了webpack配置】- 好处: - 开箱即用,零配置 - 内置babel等工具 - 标准化的webpack配置原创 2023-07-27 16:38:25 · 1409 阅读 · 0 评论 -
Vue2基础四、生命周期
- Vue生命周期:一个Vue实例从 `创建` 到 `销毁` 的整个过程。- 生命周期四个阶段:① 创建 ② 挂载 ③ 更新 ④ 销毁 - 创建阶段:创建响应式数据 - 挂载阶段:渲染模板 - 更新阶段:修改数据,更新视图 - 销毁阶段:销毁Vue实例原创 2023-07-27 16:22:02 · 287 阅读 · 0 评论 -
Vue2基础三、计算属性&侦听器
- 基于**现有的数据**,计算出来的**新属性**。 **依赖**的数据变化,**自动**重新计算。- 计算属性会对计算出来的**结果缓存**,再次使用直接读取缓存,只有**依赖项变化**了才会自动**重新计算**,并**再次缓存**原创 2023-07-27 16:19:56 · 264 阅读 · 0 评论 -
Vue2基础二、常用指令
- **概念:**指令(Directives)是 Vue 提供的带有 **v- 前缀** 的 特殊 标签**属性**。Vue 会根据不同的【指令】,针对标签实现不同的【功能】。- **为啥要学:**提高程序员操作 DOM 的效率。- **vue指令分类:** - 内容渲染指令(v-html、v-text) - 条件渲染指令(v-show、v-if、v-else、v-else-if) - 事件绑定指令(v-on) - 属性绑定指令 (v-bind) - 列表渲染指令(v-for)原创 2023-07-27 16:17:22 · 734 阅读 · 0 评论 -
Vue2基础一、快速入门
- **概念:**Vue (读音 /vjuː/,类似于 view) 是一套 **构建用户界面 ** 的 **渐进式** **框架**- **官网:**[https://v2.cn.vuejs.org/](https://v2.cn.vuejs.org/)原创 2023-07-27 16:13:29 · 301 阅读 · 0 评论 -
Webpack详解
- 静态模块打包工具- 官网:[https://webpack.docschina.org/](https://webpack.docschina.org/)- 官网文档:https://webpack.docschina.org/concepts/原创 2023-07-05 21:59:17 · 6424 阅读 · 0 评论 -
Nodejs八、Yarn
Yarn是一个用于管理JavaScript包依赖关系的工具。它是由Facebook开发并开源的,旨在解决npm(Node Package Manager)的一些性能和安全性问题。原创 2023-06-25 21:22:07 · 1388 阅读 · 0 评论 -
PM2详解
- PM2 是一个`守护进程管理器`,它将帮助您管理和保持您的应用程序在线。- PM2 入门很简单,它以简单直观的 CLI 形式提供,可通过 NPM 安装。- 官网地址:[https://pm2.keymetrics.io/](https://pm2.keymetrics.io/)原创 2023-06-23 18:55:00 · 2075 阅读 · 0 评论 -
Nodejs七、身份认证
- `身份认证`(Authentication)又称“身份验证”、“鉴权”,是指`通过一定的手段,完成对用户身份的确认`。- 在 Web 开发中,也涉及到用户身份的认证,例如:各大网站的`手机验证码登录、邮箱密码登录、二维码登录`等。原创 2023-06-16 10:17:04 · 688 阅读 · 0 评论 -
Nodejs六、数据库操作
- 安装操作 MySQL 数据库的第三方模块(mysql)- 通过 mysql 模块连接到 MySQL 数据库- 通过 mysql 模块执行 SQL 语句原创 2023-06-16 10:16:23 · 754 阅读 · 2 评论 -
Nodejs五、Express
- 官方给出的概念:Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架。 - 通俗的理解:Express 的作用和 Node.js 内置的 http 模块类似,是专门用来创建 Web 服务器的。 - **Express 的本质**:就是一个 npm 上的第三方包,提供了快速创建 Web 服务器的便捷方法。原创 2023-06-16 10:12:11 · 1074 阅读 · 0 评论 -
Nodejs四、npm与包
- Node.js 中的`第三方模块`又叫做`包`。就像`电脑`和`计算机`指的是相同的东西,`第三方模块`和`包`指的是同一个概念,只不过`叫法不同`。原创 2023-06-16 10:09:46 · 1886 阅读 · 0 评论 -
Nodejs三、模块化
- `模块化`是指解决一个`复杂问题`时,自顶向下逐层`把系统划分成若干模块`的过程。对于整个系统来说,`模块是可组合、分解和更换的单元`。原创 2023-06-16 10:07:34 · 579 阅读 · 0 评论 -
Nodejs二、内置模块
- `fs 模块`是 Node.js 官方提供的、用来`操作文件`的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作需求。原创 2023-06-16 10:07:28 · 781 阅读 · 0 评论 -
Nodejs一、初识
- `Node.js` 是一个基于 Chrome V8 引擎的 `JavaScript 运行环境`。原创 2023-06-16 09:57:57 · 763 阅读 · 0 评论 -
前后端交互四、跨域与JSONP
- `同源`指的是两个 URL 的协议、域名、端口一致,`反之`,则是`跨域`。- 出现跨域的根本原因:`浏览器的同源策略`不允许非同源的 URL 之间进行资源的交互。- 浏览器对跨域请求的拦截:浏览器`允许发起跨域请求`,但是,跨域请求回来的数据,`会被浏览器拦截`,无法被页面获取到!原创 2023-06-08 22:37:16 · 690 阅读 · 0 评论 -
前后端交互三、Ajax加强
- `XMLHttpRequest`(简称 xhr)是浏览器提供的 Javascript 对象,通过它,可以`请求服务器上的数据资源`。- `jQuery` 中的 `Ajax` 函数,就是基于 `xhr` 对象封装出来的。原创 2023-06-08 22:36:38 · 1241 阅读 · 0 评论 -
前后端交互二、form表单与模板引擎
- 表单在网页中主要负责数据采集功能。HTML中的``标签,就是用于采集用户输入的信息的,并通过``标签的提交操作,把采集到的信息提交到服务器端进行处理。- 表单由三个基本部分组成:表单标签(form),表单域(input),表单按钮(button)。原创 2023-06-08 22:31:59 · 679 阅读 · 0 评论 -
前后端交互一、服务器概念与初识Ajax
- `Ajax` 的全称是 Asynchronous Javascript And XML(异步 JavaScript 和 XML)。- `Ajax`:在网页中利用 `XMLHttpRequest` 对象和服务器进行数据交互的方式。- `Ajax` 技术可以在`不刷新整个页面`的情况下,通过异步请求来获取服务器数据并`更新部分页面内容`。这种异步请求将 XML 或 JSON 数据格式发送到服务器,然后在页面上使用 JavaScript 更新数据,并进行相应 UI 的更新。原创 2023-06-08 22:30:30 · 628 阅读 · 0 评论 -
JavaScript高级四、高阶技巧
1、深浅拷贝,2、异常处理,3、处理this,4、性能优化原创 2023-05-30 16:35:56 · 955 阅读 · 0 评论 -
JavaScript高级三、深入面向对象
**面向对象**:把事务分解成为一个个对象,然后由对象之间分工与合作。原创 2023-05-30 16:30:12 · 1195 阅读 · 0 评论 -
JavaScript高级二、构造函数&常用函数
**构造函数 :**是一种特殊的函数,主要用来`快速初始化`类似的`对象`原创 2023-05-30 16:27:52 · 782 阅读 · 0 评论 -
JavaScript高级一、作用域&解构&箭头函数
**函数作用域:**在函数内部声明的变量所在作用域。原创 2023-05-30 16:16:34 · 1045 阅读 · 0 评论 -
数据可视化二、综合项目
应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。原创 2023-05-10 11:13:47 · 652 阅读 · 1 评论 -
数据可视化一、ECharts
- ECharts是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。原创 2023-05-10 11:12:33 · 1799 阅读 · 1 评论 -
jQuery四、其他方法
jQuery 拷贝对象,多库共存,jQuery 插件原创 2023-03-28 19:42:36 · 951 阅读 · 1 评论 -
jQuery三、事件
事件和原生基本一致。比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等原创 2023-03-28 19:37:56 · 257 阅读 · 0 评论 -
jQuery二、常用API
原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。原创 2023-03-28 19:36:45 · 1163 阅读 · 0 评论 -
文章代码地址
docsify详解Git详解nssm详解Typora详解Linux详解网络详解反射详解泛型详解特性详解委托详解LambdaLinq详解Expression详解常用数据结构多线程详解加密解密详解SqlServer详解AutoMapper详解AspNetCore5基础Docker详解设计模式之美...........................原创 2021-08-15 16:21:05 · 5360 阅读 · 6 评论 -
jQuery一、入门
`jQuery` 是一个快速、简洁的 `JavaScript 库`,其设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。原创 2023-03-28 19:25:34 · 258 阅读 · 0 评论 -
Web APIs六、正则表达式
- 正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象,通常用来查找、替换那些符合正则表达式的文本。- 正则表达式在 JavaScript中的使用场景: - 例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配) - 过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。原创 2023-03-13 17:20:00 · 528 阅读 · 0 评论 -
Web APIs五、BOM操作浏览器
- BOM(Browser Object Model ) 是浏览器对象模型- window对象是一个全局对象,也可以说是JavaScript中的顶级对象- 像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法都是window的。- 所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法- window对象下的属性和方法调用的时候可以省略window原创 2023-03-13 17:18:11 · 503 阅读 · 0 评论 -
Web APIs四、DOM节点操作
DOM节点:DOM树里每一个内容都称之为节点- 节点类型: - **元素节点**:所有的标签 比如 body、 div、html 是根节点 - 属性节点:所有的属性 比如 href - 文本节点:所有的文本 - 其他原创 2023-03-13 17:14:38 · 368 阅读 · 0 评论 -
Web APIs三、DOM事件进阶
- `事件流`指的是事件完整执行过程中的流动路径- 假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段- 简单来说:捕获阶段是 从父到子 冒泡阶段是从子到父- `实际工作都是使用事件冒泡为主`原创 2023-03-13 17:13:00 · 345 阅读 · 0 评论