vue - 组件通信
1. props/$emit
适用范围: 适合父子组件之间, 组件层级嵌套太深, 使用该方法较为繁琐,不建议使用;
代码示例:
image.png
总结:
props中接收到的值可以直接展示,但不建议直接对齐修改;
如果父组件向子组件传递的值是通过接口获取的, 可能会存在延迟的情况;
2. provide/inject
适用范围: 适用于多层次组件嵌套,通过provi
前端
reduce比你想象中更强大
前言
前面的这篇文章 JS 基础! | 扁平数组和JSON树的转换 利用到了 reduce来实现数组转为map，以及结合concat实现数组递归拼接。今天我们来看看还能搞些什么名堂~
简单复习一下 reduce
语法
let value = arr.reduce(function(previousValue, item, index, array) {
// ...
}, [initial])
关于前端访问浏览器报错的小坑
前端项目部署服务器后，使用浏览器访问报错如下：
Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "text/html". Strict MIME type check
深入剖析：按下 F5 后，浏览器前端究竟发生了什么？
文章目录
概述
一、关键前提：三种导航方式的本质区别
二、核心概念：强缓存 vs 协商缓存
1. 强缓存（Strong Caching）
2. 协商缓存（Revalidation Caching）
三、F5 刷新全景流程图
四、F5 刷新的完整生命周期详解
阶段一：主文档
Vue 前端高效分包指南：从 “卡成 PPT” 到 “丝滑如德芙” 的蜕变
一、被老板追着优化的那些日子还记得上次项目上线前的 “盛况” 吗？产品经理拿着手机焦头烂额地跑过来：“咱们这首页加载速度太慢啦！客户都说打开 APP 能泡杯茶再回来！又挨叼了！” 我就知道，又得营业了，打开 Chrome 开发者工具一看 —— 好家伙，main.js 直接干到了 3.8M
基于uni-app+SpringBoot的垃圾识别工具箱（微信小程序+Web管理系统）
基于uni-app+SpringBoot的垃圾识别工具箱（微信小程序+Web管理系统）
引言垃圾分类已成为日常刚需，为解决“不知如何分类”的痛点，我开发了这款集文字查询、语音识别、拍照识别于一体的垃圾识别工具箱。项目采用跨端框架+后端分离架构，支持二次开发和毕业设计复用，目前已开源并参与2
哪些标签存在伪元素，伪类和伪元素的区别
存在伪元素的标签：
1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素
2、大部分单标签都没有伪元素,但是img有伪元素
伪元素简介：
1、伪元素既然带一个“元素”，说明它和 p ，a ，h1 等一样，可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式
2、伪元素既然还带一个“伪”，说明它其实在 DOM 树中并不存在，只是逻辑上存在所以我们抽象
谷粒学院2020版Vue.js 2.0后台管理前端实战
本文还有配套的精品资源，点击获取 简介：本项目聚焦于Vue.js框架2.0版本在后台管理前端页面实现中的应用，涵盖了从基础到高级的Vue.js知识。通过课程学习，学员能够掌握使用Vue.js 2.0构建后台界面的全过程，包括组件化开发、虚拟DOM、响应式数据绑定、路由管理及状态管理等。此外，教程将涉及到W
【技术分享】前端跨窗口/标签页面通信：掌握以下几种方法，提升用户体验（附带常用场景以及典例）
第一章 前言在前端后台管理开发的过程中，我们常常会遇到这样的需求：用户在浏览器中打开了同一个网站的多个标签页，我们需要在这些标签页之间进行通信。比如，当用户在一个标签页中修改了某些数据，我们希望其他标签页能够及时更新。这种跨标签页通信的需求在实际开发中非常常见，但是同时也是经常忽略的一个点，通常说刷一
3. CSS预处理器Less、Scss
1. CSS编写的痛点
CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有问题的.
但是目前前端项目已经越来越复杂, 不再是简简单单的几行CSS就可以搞定的, 我们需要几千行甚至上万行的CSS来完成页面的美化工作.
随着代码量的增加, 必然会造成很多的编写不便：
比如大量的重复代码, 虽然可以用类来勉强管理和抽取, 但是使用起来依然不方便；
比如无法定义变量（当然目前已经支持）,
