随笔分类 - 前端
摘要：基本概念 Entry Points：每个页面都有自己的入口点（entry point），例如 main-index.js 和 main-about.js。这是每个页面的起点，定义了该页面需要加载的所有资源。 Chunks：由 Webpack 生成的 JavaScript 文件块。每个页面会有自己的
阅读全文
摘要：HtmlWebpackPlugin 1.作用 自动创建HTML 自动创建HTML：在构建过程中自动生成一个HTML5文件，该文件可以包含所有webpack打包过程中生成的bundles。这意味着你不需要手动创建HTML文件，插件会为你处理这一切。 自动注入资源：自动将打包生成的JavaScript、
阅读全文
摘要：1、page.json文件配置（不起作用） "style": { "app-plus": { "softinputMode": "adjustResize" } } 加上后对于使用富文本编辑器插件的情况不起作用 2、动态设置整个页面容器的高度(有效） onLoad() { this.height =
阅读全文
摘要：组件的class 通过调试器找到具体的class 样式位置和写法 方法一、全局修改 只有在APP.vue上面写样式 且加!important才生效。此时全局的此组件都会使用此样式，不灵活 <style> .uni-section { background-color: #562b2b !import
阅读全文
摘要：1.块级元素block 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度； <div>, <p>, <h1>, <form>, <ul> 和 <li>是block元素。 display:inline-block将对象呈递为内联对象，但是对象的内容
阅读全文
摘要：``` // 动态修改浏览器图标 getIcon() { // this.favicon 是浏览器图标的地址 或者路径 if (this.favicon) { let link = document.querySelector("link[rel*='icon']") || document.cre
阅读全文
摘要：## 语法 语法 otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow 其他窗口的一个引用，例如向子窗口发送 则otherWindow 是子窗口的window对象 ## 父页面向子页面Iframe通信 ```
阅读全文
摘要：1.目的 列表页进入详情页时缓存并记录滚动位置，返回列表页面不重新请求数据并滚动到离开时的位置 2.实现 2.1.单页面 不管是浏览器前后退 还是router-link前后退都生效 <router-view v-slot="{ Component }"> <keep-alive :include="
阅读全文
摘要：官方文档 https://github.com/axios/axios#cancellation Cancellation AbortController Starting from v0.22.0 Axios supports AbortController to cancel requests
阅读全文
摘要：el-tree 默认选中第一项 必须结合 current-node-key属性和this.$refs['treeRef'].setCurrentKey()方法及this.$nexTick()同时使用 <el-tree ref="tree" accordion :data="departmentDat
阅读全文
摘要：作者不知道是谁了 方式一： 子组件 <template> <div> <div>儿子：{{msg}}</div> <button @click="childBtn">儿子</button> </div> </template> <script> export default { name: 'Chi
阅读全文
摘要：Node版本管理工具NVM 安装 安装地址 Download Now!! 选择windows版本安装，安装过程中会有两次提示文件夹位置，都分别新建文件夹，注意名字里不能带空格，不然会报错 nvm文件夹下会有之后安装的所有node版本 nvmsymlink是一个当前使用node版本的超链接 同时，如果
阅读全文
摘要：使用的系统是Ubuntu 安装node以及npm 直接安装即可 sudo apt-get nodejs 使用 node -v 查看版本，显示版本号即成功 安装npm sudo apt-get npm 申请NPM账号 https://www.npmjs.com/ 记住一定要用邮箱验证，不然发布包的时候
阅读全文
摘要：安装node sudo apt-get install nodejs 会自动建立软连接 查看版本 node -v 安装 npm sudo apt-get install npm
阅读全文
摘要：发现问题 在一次练习中，我设置了如下代码： .box img:hover { transform: scale(1.5,1.5); z-index: 1; } .box img:nth-child(1) { position: absolute; top: 150px; left: 300px; t
阅读全文
摘要：选择器 名称 说明 CSS 版本 * 通用选择器 选择所有元素 2 元素选择器 选择指定类型的元素 1 # id 选择器 选择指定 id 属性的元素 1 . class 选择器 选择指定 class 属性的元素 1 [attr]系列 属性选择器 选择指定 attr 属性的元素 2 ~ 3 s1,s2
阅读全文
摘要：JQuery 1.安装 下载jar包 或者 npm install jquery 或者 yarn add jquery 2.jQuery 使用版本 我们可以在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用的版本 3.jQuery 语法 3.1通过选取
阅读全文
摘要：记下一些知识。。。。。 七种数据类型 undefined（未定义）， null（空），boolean（布尔型），string（字符串），symbol(符号)，number（数字），和object（对象）。 使用关键字var，声明一个变量 当 JavaScript 中的变量被声明的时候，程序内部会给它
阅读全文
摘要：摘自 此处：https://segmentfault.com/a/1190000012252368 导入方式 避免使用 import { Observable } from 'rxjs'这种方式导入，这会导入整个rxjs库，按需导入的方式如下：import { Observable } from '
阅读全文
摘要：Node 包管理（npm）是一个是开发者共享和管理模块（或者包）的命令行工具, 它由 JavaScript 代码编写，广泛应用于 Node.js。当开始一个新的项目时，npm 会生成一个package.json文件。这个文件列出了你项目的包依赖。由于 npm 的包更新很频繁，package.json
阅读全文
