![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端学习笔记
文章平均质量分 66
前端自学笔记
PorkCanteen
个人博客:mqchen.club
展开
-
Echarts横向柱状图显示配置
【代码】Echarts横向柱状图显示配置。原创 2024-05-02 14:53:35 · 367 阅读 · 0 评论 -
postMessage与BroadcastChannel对比学习
【代码】postMessage与BroadcastChannel对比学习。原创 2024-05-02 14:24:46 · 311 阅读 · 1 评论 -
钉钉手机端调试前端H5项目流程
此流程以Vue项目为例。原创 2024-05-02 14:16:45 · 713 阅读 · 0 评论 -
前端构造树算法优化
前端将平铺数据转换为树结构算法优化。原创 2024-02-20 23:43:39 · 377 阅读 · 0 评论 -
Echarts堆叠柱状图圆角设置
Echarts堆叠柱状图仅边缘颜色设置圆角的方法。原创 2023-05-07 13:38:46 · 1238 阅读 · 1 评论 -
前端文件下载接口的调用
日常开发中前端经常会遇到需要下载文件的情况,现针对工作中常用的下载接口调用方法进行梳理。原创 2023-05-07 13:35:06 · 1612 阅读 · 0 评论 -
SVG基础语法及使用
SVG(Scalable Vector Graphics可缩放矢量图)作为一种常见的图片格式,其可以直接通过代码描绘图像并添加交互效果,可以用任何文字处理工具打开SVG图像,且随时可以插入到html中通过浏览器进行查看。本文将对SVG图像的一些基本标签语法及使用方法进行介绍。原创 2022-11-20 16:40:54 · 2044 阅读 · 0 评论 -
ES6模块化与异步编程 (笔记)
ES6 模块化1. 回顾:node.js中如何实现模块化node.js遵循了CommonJS的模块化规范,其中:导入其他模块使用require()方法模块对外共享成员使用module.exports对象☀️模块化的好处:遵循同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互调用,利人利己2. 前端模块化规范的分类ES6模块化规范诞生之前,JavaScript社区已经尝试并提出了AMD、CMD、CommonJS等模块化规范(AMD CMD 已淘汰)但是社区提出的模块原创 2021-10-07 08:16:15 · 140 阅读 · 0 评论 -
前端工程化与 webpack (笔记)
前端工程化1. 前端开发模块化 (js的模块化、css的模块化、资源的模块化)组件化 (复用现有的UI结构、样式、行为)规范化 (目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理)自动化 (自动化构建、自动部署、自动化测试)2. 什么是前端工程化在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。企业中的 Vue项目 和 React项目,都是基于工程化的方式进行开发的。☀️ 前端开发自成体系,有一套标准的开发方案和流程3. 前端工原创 2021-10-07 08:22:18 · 142 阅读 · 0 评论 -
Vue 基础 (笔记)
vue 简介1. 什么是 vue官方给出的概念:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的前端框架。① 构建用户界面:用 vue 往 html 页面中填充数据② 框架:一套现成的解决方案,程序员必须遵循框架的规范去编写业务功能学习 vue,就是学习 vue 框架中规定的用法vue 的指令、组件(对 UI 结构的复用)、路由、Vuex只有把以上内容掌握后才有开发 vue 项目的能力2. vue 的特性vue 框架的特性,主要体现在如下两方面:?原创 2021-10-07 08:23:36 · 469 阅读 · 0 评论 -
Vuex (笔记)
Vuex 概述1. 组件之间共享数据的方式父向子传值:v-bind 属性绑定子向父传值:v-on 事件绑定兄弟组件之间共享数据: EventBus$on 接收数据的那个组件$emit 发送数据的那个组件???? 注意:以上方案只适合小范围的数据共享2. Vuex 是什么Vuex 是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享3. 使用 Vuex 统一管理状态的好处① 能够在 vuex 中集中管理共享的数据,易于开发和后期维护② 能够高效地实现组件之间原创 2021-10-07 08:25:26 · 73 阅读 · 0 评论 -
Vue 路由 (笔记)
前端路由的概念与原理1. 什么是路由路由(英文:router)就是对应关系3. SPA 与前端路由SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。此时,不同组件之间的切换需要通过前端路由来实现。结论:在 SPA 项目中,不同功能之间的切换,要依赖于前端路由来完成!4. 什么是前端路由通俗易懂的概念:Hash 地址与组件之间的对应关系。5. 前端路由的工作方式① 用户点击了页面上的路由链接② 导致了 URL 地址栏中的 H原创 2021-10-07 08:24:44 · 203 阅读 · 0 评论