【VUE】局部样式的实现原理 使用方式通过在style标签上添加scoped标签实现样式局部化 1<style scoped></style> 原理vue-loader在解析.vue文件时,识别到style的scoped标签,会在生成的元素上绑定[data-v-*]标签并在css样式中添加[data-v-*] 比如: 12345678<template> <...
【Webpack】模块打包原理 源码 文件列表 123456├── example│ ├── entry.js│ ├── message.js│ └── name.js├── bundle.js└── package.json 1.createAsset函数创建AST,主要使用babel库此方法主要获取一下几个值: 1234567891011121314151617181920212...
【Uni】功能代码 锚点定位123456789101112131415161718192021const topTabList = [ { name: '锚点一', point: 0 }, { name: '锚点二', point: 0 }, { name: '锚点三...
【CSS】样式 文字超出隐藏单行文字多行文字中英文自动换行div垂直居中div中图片和文字同时上下居中图片保持宽高比placeholder样式滚动条样式隐藏滚动条三角形吸顶滚动出现元素占满整个屏幕禁止用户选择字母大小写转换识别字符串中的’\n’并换行加载动画文字渐变阴影立体字全屏背景文字描边水流的实现
【JavaScript】功能代码 获取数组深度12345678910111213const arr = [1,2,[3,[4,5]],[1,2,3,[1,2,[1,[2,2],2],3]]]console.log(getArrDepth(arr)) // 5function getArrDepth (arr, num = 0) { if (Array.isArray(arr)) {...
【route】导航基础 1.URI与URLURO(Uniform Resource Identifier),允许用户对网络中的资源通过特定的协议进行交互操作。 Uniform:规定统一的语法格式,以方便处理多种不同类型的资源,而无需根据上下文环境来识别资源类型 Resource:科表示的任何资源,资源不仅可以为单一对象,也可以为多个对象的集合体 Identifier:表示可标识的对象,也称为标识符
【代码片段】自动化导入组件模块 使用require.context代替大量使用import1.require.context()123456/** * dir:要查找的文件路径 * useSubdirectories:是否查找子目录 * regExp:要匹配文件的正则 */require.context(dir, useSubdirectories, regExp) 2.使用 目录结构 123456...