随笔分类 -  前端小知识

比较常用的功能或者项目遇到的一些小需求的归纳总结
摘要:qiankun微前端 介绍 qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 特性 📦 基于 single-spa 封装,提供了更加开箱即用的 API。 📱 技术栈无关,任意技术栈的应用均可 使用/接入,不论是 Rea 阅读全文
posted @ 2022-08-10 17:05 残星落影 阅读(518) 评论(0) 推荐(0) 编辑
摘要:标签规范 重置样式 PC端 html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, 阅读全文
posted @ 2022-08-03 16:45 残星落影 阅读(78) 评论(0) 推荐(0) 编辑
摘要:Slot插槽 父组件向子组件传递 父组件将内容分发到子组件 slot插槽的值只读,不能在子组件中修改 slot插槽也可以作为组件之间的通信方式 默认插槽 父组件中:使用Son组件 <template> <Son> <ul> //子组件如果不定义插槽 这里面的ul不起作用 <li>我</li> <li 阅读全文
posted @ 2022-07-19 15:30 残星落影 阅读(674) 评论(0) 推荐(0) 编辑
摘要:Vue2组件通讯传值 方法 Slot插槽--父向子内容分发,子组件只读 mixin混入--定义公共变量或方法,mixin数据不共享,组件中mixin实例互不影响 provide+inject--依赖注入,加强版prop+$emit ,代码可读性不高,不便后期维护 prop+$emit--父往子,子往 阅读全文
posted @ 2022-07-19 14:57 残星落影 阅读(203) 评论(0) 推荐(0) 编辑
摘要:图片压缩 设置1M以上图片压缩 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="v 阅读全文
posted @ 2022-05-23 07:55 残星落影 阅读(53) 评论(0) 推荐(0) 编辑
摘要:解决:Vue刷新时获取不到数据 解决方案:1.本地存储 2.Vuex数据持久化工具插件 本地存储 import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); export default new Vuex.Store({ state: 阅读全文
posted @ 2022-05-18 09:36 残星落影 阅读(428) 评论(0) 推荐(0) 编辑
摘要:import axios from 'axios' import router from '@/router' axios.defaults.baseURL = system.requestBaseUrl; // 配置axios请求的地址 axios.defaults.headers.post['C 阅读全文
posted @ 2022-05-12 16:31 残星落影 阅读(149) 评论(0) 推荐(0) 编辑
摘要:删除delete 删除场景 #将空数据清掉 `应用场景` #(1)删除数组元素 删除null undefined "" #(2)删除对象属性 删除数组元素 `删除数组元素的方法`: (1)slice (2) (3) 删除对象属性 单独删除某个属性 let obj={ name:'aaa', id:' 阅读全文
posted @ 2022-04-20 16:05 残星落影 阅读(266) 评论(2) 推荐(0) 编辑
摘要:防抖与节流⭐⭐ 防抖 点击多次取最后一次 //样式style <style> *{ margin: 0px; padding: 0px; list-style: none; } /* 防抖 */ .fd { margin: 40px auto; cursor: pointer; width: 200 阅读全文
posted @ 2022-03-29 10:01 残星落影 阅读(80) 评论(2) 推荐(2) 编辑
摘要:深拷贝方法⭐⭐⭐ //准备拷贝的数据 let obj={ name:'lht', study:[ { id:'vue2', dgree:'***' }, { id:'AntdVue', dgree:'***' } ], girlFriends:{ _name:'xxx', agx:18, }, ca 阅读全文
posted @ 2022-03-29 09:13 残星落影 阅读(74) 评论(0) 推荐(1) 编辑

欢迎阅读『前端小知识』
点击右上角即可分享
微信分享提示