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