摘要: <div class="box"> <div class="a"></div> <div class="b"></div> </div> .box { display: flex;} .b { flex: 1; } .a {width: 100px;} 正常两栏布局,但如果b得子元素太宽,会撑开b, 阅读全文
posted @ 2022-03-02 14:49 Magi黄元 阅读(710) 评论(0) 推荐(0) 编辑
摘要: 原地址: https://www.freesion.com/article/834394328/ js /** * 页面的初始数据 */ data: { scrollindex: 0, //当前页面的索引值 totalnum: 5, //总共页面数 starty: 0, //开始的位置x endy: 阅读全文
posted @ 2022-02-27 11:50 Magi黄元 阅读(1137) 评论(2) 推荐(0) 编辑
摘要: super这个关键字,既可以当作函数使用,也可以当作对象使用。在这两种情况下,它的用法完全不同。 第一种情况,super作为函数调用时,代表父类的构造函数。ES6 要求,子类的构造函数必须执行一次super函数。 class A {} class B extends A { constructor( 阅读全文
posted @ 2022-02-18 17:55 Magi黄元 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 一、为什么需要接口? let obj:object; // 定义了一个只能保存对象的变量 // obj = 1; // obj = "123"; // obj = true; obj = {name:'lnj', age:33}; console.log(obj); 之前我们已经介绍了用这种方式定义 阅读全文
posted @ 2022-02-11 09:49 Magi黄元 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 海明码学习前提 学习海明码之前,我们要约定3个原则: 海明码只能检测出2位错,纠1位错(因此不要问如果3位错怎么办等幼稚问题)。 海明码默认进行偶校验(除非特殊说明使用奇校验)。 海明码是一串由0和1组成的序列(除01外没有其他的值,记住了!这是重点) 如果下面有任何无法理解的问题,反复看上面三个原 阅读全文
posted @ 2022-02-09 10:15 Magi黄元 阅读(866) 评论(0) 推荐(0) 编辑
摘要: 一、基本地址变换结构基本地址变换结构可以借助进程的页表将逻辑地址转换为物理地址。通常在系统中设置一个页表寄存器(PTR Page-Table Register),存放页表在内存中起始地址F和页表长度M。进程在未执行时,页表的起始地址和页表长度放在进程控制块(PCB)中,当进程被调度时,操作系统内核会 阅读全文
posted @ 2022-02-08 18:24 Magi黄元 阅读(641) 评论(0) 推荐(0) 编辑
摘要: TypeScript 是 JaveScript 类型的超集,它可以编译成纯 JavaScript,TypeScript 可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。 TypeScript 支持与 Javascript 几乎相同的数据类型,此外还提供了使用的枚举类型,TypeScr 阅读全文
posted @ 2022-02-08 15:43 Magi黄元 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 这个非常类似于 C语言里, h文件 和 c文件的关系,先声明,后编写。 d.ts 文件编写后,你写的 ts 代码才会有智能提示,所以我们写一个插件,必须先规划好它有哪些个方法,参数、属性,将它们写入到d.ts文件 。 阅读全文
posted @ 2022-02-08 09:20 Magi黄元 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 前言 最近在面试的时候,会问到一个问题就是你知道vue的事件总线吗?事件总线干嘛的?知道它的具体内容是什么吗?当我问到这些时,好多都没有听说过,有的听说过没用过,知道的不多。自己在想这就奇怪了,是做的项目不多还是项目做的只是练习的,没有接触过这个吗。今天就来简单的说说这个事件总线是个什么鬼。 用途 阅读全文
posted @ 2022-02-07 11:25 Magi黄元 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 随着公司业务的膨胀,处理业务的系统数量也跟着膨胀,运营人员处理一单业务需要在各个系统之间来回穿梭。 为了使运营人员在一个系统里可以完成所有操作,技术人员必须给出解决方案。 其实 iframe 在 “微前端” 这个概念被喊出来之前一直是整合系统的利器,但它有些不理想的地方具体原因戳这里 why not 阅读全文
posted @ 2022-02-07 10:48 Magi黄元 阅读(246) 评论(0) 推荐(0) 编辑
摘要: <template> <div ref="myRef">获取单个DOM元素</div> </template> <script> import { ref, onMounted } from 'vue'; export default { setup() { const myRef = ref(nu 阅读全文
posted @ 2022-01-22 23:04 Magi黄元 阅读(446) 评论(0) 推荐(0) 编辑
摘要: <span v-show="!this.timer" @click="getCode">获取验证码</span> <span v-else class="count">{{count}} s</span> data(){ return { show: true, count: '', timer: 阅读全文
posted @ 2022-01-22 23:01 Magi黄元 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 外部碎片,是由于大量信息由于先后写入、置换、删除而形成的空间碎片。为了便于理解,我们将信息比作货物,将存储空间比作仓库来举例子。假设,我们有编号为1、2、3、4、5、6的6间仓库库房,前天送来了一大宗货,依次装入了1、2、3、4、5号仓库,昨天又因故将4号库房的货物运走了,那么数值上说我们还有两间空 阅读全文
posted @ 2022-01-13 16:34 Magi黄元 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 类数组 什么是类数组? 定义: 拥有length属性,其属性(索引)为非负整数 不具有数组的所具有的方法 var array = ['zhangsan', 'lisi', 'zhaoliu']; var arrayLike = { 0: 'zhangsan', 1: 'lisi', 2: 'zhao 阅读全文
posted @ 2022-01-12 10:10 Magi黄元 阅读(72) 评论(0) 推荐(0) 编辑
摘要: <el-form-item label="身份证号" prop="identityCardNo"> <el-input v-model.trim="dataList.identityCardNo" autocomplete="off" placeholder="请输入身份证号" maxlength= 阅读全文
posted @ 2022-01-11 14:12 Magi黄元 阅读(0) 评论(0) 推荐(0) 编辑
摘要: order是设置在items里面的属性,具体作用是可以决定本身的排列先后顺序, <style> .test{ height: 400px; width: 400px; background-color: #f00; /* 开启flex布局 */ display: inline-flex; } .bo 阅读全文
posted @ 2022-01-11 11:40 Magi黄元 阅读(439) 评论(0) 推荐(0) 编辑
摘要: 使用&&替代if const doSometings = () => {} const isTrue = true let temp = '' if(isTrue){ doSometings() temp = 'isTrue' } // 替代方案 isTrue && this.doSometings 阅读全文
posted @ 2022-01-11 11:06 Magi黄元 阅读(54) 评论(0) 推荐(0) 编辑
摘要: UUID 是 通用唯一识别码(Universally Unique Identifier)的缩写。 其目的,是让分布式系统中的所有元素,都能有唯一的辨识信息,而不需要通过中央控制端来做辨识信息的指定。 如此一来,每个人都可以创建不与其它人冲突的UUID。在这样的情况下,就不需考虑数据库创建时的名称重 阅读全文
posted @ 2022-01-11 10:47 Magi黄元 阅读(211) 评论(0) 推荐(0) 编辑
摘要: Promise.resolve Promise.resolve(value) 方法返回一个以给定值解析后的Promise 对象。 如果这个值是一个 promise ,那么将返回这个 promise ; 如果这个值是thenable(即带有"then" 方法),返回的promise会“跟随”这个the 阅读全文
posted @ 2022-01-10 16:43 Magi黄元 阅读(285) 评论(0) 推荐(0) 编辑
摘要: function random(min, max) { return Math.floor(Math.random() * (max - min)) + min; } let obj = {}; for (let i = 1; i < 101; i++) { obj[i] = 0; } for (l 阅读全文
posted @ 2022-01-10 16:00 Magi黄元 阅读(61) 评论(0) 推荐(0) 编辑
摘要: Tree shaking 是一个通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code) 行为的术语。 它依赖于ES2015中的 import 和 export 语句,用来检测代码模块是否被导出、导入,且被 JavaScript 文件使用。 在现代 JavaScript 应 阅读全文
posted @ 2022-01-07 14:45 Magi黄元 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 死锁的四个必要条件 1、互斥条件:一个资源每次只能被一个进程使用; 2、请求与保持条件:一个进程因请求资源而阻塞时,对已获得的资源保持不放; 3、不剥夺条件:进程已获得的资源,在末使用完之前,不能强行剥夺; 4、循环等待条件:若干进程之间形成一种头尾相接的循环等待资源关系; 阅读全文
posted @ 2022-01-07 09:51 Magi黄元 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 工具类 /** * 防抖 * @param {Function} func 要执行的回调函数 * @param {Number} wait 延时的时间 * @param {Boolean} immediate 是否立即执行 * @return null */ let timeout: any; ex 阅读全文
posted @ 2022-01-06 18:23 Magi黄元 阅读(1203) 评论(0) 推荐(0) 编辑
摘要: 空白字符的代码如下:( ㅤ)。括号中的空白就是空白名字的代码。 阅读全文
posted @ 2021-12-28 15:57 Magi黄元 阅读(47319) 评论(2) 推荐(0) 编辑
摘要: 本文主要解决以下几个问题: package.json中的dependencies和devDependencies的区别是啥,peerDependencies、bundledDependencies、optionalDependencies又是啥? 为什么有的命令写在package.json中的scr 阅读全文
posted @ 2021-12-23 15:14 Magi黄元 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 1、适配方案 在本项目中我所使用的vue移动方案是使用amfe-flexible 和 postcss-pxtorem 结合)的方式。 首先介绍一下amfe-flexible amfe-flexible 是配置可伸缩布局方案,主要是将 1rem 设为 viewWidth/10。 然后就是这个库 pos 阅读全文
posted @ 2021-12-09 17:14 Magi黄元 阅读(3505) 评论(0) 推荐(0) 编辑
摘要: 1.父传子父组件:在子组件上通过 v-bind绑定属性子组件:先定义下基本类型,然后通过setup的第一个参数取获取传过来的值(详细代码见下面)2.子传父父组件:在子组件上绑定一个事件,并定义回调子组件:通过setup的第二个参数去接受,第二个参数包含了(attrs,emit,slots),这里我们 阅读全文
posted @ 2021-11-17 15:40 Magi黄元 阅读(744) 评论(0) 推荐(0) 编辑
摘要: 简单数据ref复杂数据reactive 使用方法: // useCount.js import {ref,reactive,computed} from 'vue' export default function useCount() { // 简单数据定义及使用 let count = ref(0 阅读全文
posted @ 2021-11-17 15:04 Magi黄元 阅读(655) 评论(0) 推荐(0) 编辑
摘要: Solution 1: 给absolute元素的left设为50%, margin-left设为absolute元素宽度一半的负数 .con{ width:200px; height:200px; background:#ccc; position:relative; } .abs{ width:4 阅读全文
posted @ 2021-11-17 10:19 Magi黄元 阅读(589) 评论(0) 推荐(0) 编辑
摘要: 1.原npm地址 npm config set registry http://registry.npmjs.org 2.设置国内镜像 a.通过config命令 npm config set registry https://registry.npm.taobao.org npm info unde 阅读全文
posted @ 2021-11-16 16:21 Magi黄元 阅读(954) 评论(0) 推荐(0) 编辑
摘要: window.onload = function(){ /*720代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(720,100) }; 阅读全文
posted @ 2021-11-02 14:09 Magi黄元 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 设计模式分类(23种设计模式) 创建型 单例模式 原型模式 工厂模式 抽象工厂模式 建造者模式 结构型 适配器模式 装饰器模式 代理模式 外观模式 桥接模式 组合模式 享元模式 行为型 观察者模式 迭代器模式 策略模式 模板方法模式 职责链模式 命令模式 备忘录模式 状态模式 访问者模式 中介者模式 阅读全文
posted @ 2021-10-26 16:38 Magi黄元 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 恢复内容开始 单文件上传:利用 input 元素的 accept 属性限制上传文件的类型、利用 JS 检测文件的类型及使用 Koa 实现单文件上传的功能; 多文件上传:利用 input 元素的 multiple 属性支持选择多文件及使用 Koa 实现多文件上传的功能; 目录上传:利用 input 元 阅读全文
posted @ 2021-10-25 10:32 Magi黄元 阅读(246) 评论(0) 推荐(0) 编辑
摘要: react开发过程中,经常会需要动态向元素内添加样式style或className,那么应该如何动态添加呢??? 一、react向元素内,动态添加style 例如:有一个DIV元素, 需要动态添加一个 display:block | none 样式, 那么: <div style={{display 阅读全文
posted @ 2021-10-16 10:05 Magi黄元 阅读(879) 评论(0) 推荐(0) 编辑
摘要: 信息系统项目管理师论文 十大管理优秀范文 希赛教育官网 2019 年出品论项目管理的采购管理 摘要 2018 年 9 月,我公司中标了“某省彩票中心社会化渠道平台”建设项 目,我担任项目经理一职,建设费用为 350 万,工期为 5 个月。彩票中心希望 通过本项目建设,扩展彩票社会化销售渠道,为彩民提 阅读全文
posted @ 2021-10-14 11:03 Magi黄元 阅读(1606) 评论(0) 推荐(0) 编辑
摘要: 在 HTML 中 DOM(文档对象模型)是 Web 前端里最基础、最常用的—模型。例如,一个网页其实就是一个 HTML 文件,经过浏览器的解析,最终呈现在用户面前。 所以,浏览器在解析 HTML 文档时,会把每个标签抽象成代码里的对象,按照这种层次分明的结构组织,这就是 DOM。如下图所示为数据结构 阅读全文
posted @ 2021-10-11 09:29 Magi黄元 阅读(875) 评论(0) 推荐(0) 编辑
摘要: 0、-0、null、""、false、undefined 或者 NaN转化为false,其他为true 阅读全文
posted @ 2021-09-30 17:19 Magi黄元 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 子component中的html文件 <button (click)="Send()">送出</button><br> 子component中的ts文件 import { Component, OnInit, Output } from '@angular/core'; import { Event 阅读全文
posted @ 2021-09-27 09:12 Magi黄元 阅读(599) 评论(0) 推荐(0) 编辑
摘要: let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ]; let ob 阅读全文
posted @ 2021-09-24 15:18 Magi黄元 阅读(144) 评论(0) 推荐(0) 编辑
摘要: javascript去掉对象或数组中的'',null,undefined,[],{}。思路就是创建一个新的空对象,然后对传入的对象进行遍历,只把符合条件的属性返回,保留有效值,然后就相当于把空值去掉了。(可以根据注释来修改方法决定要去除哪些属性) function removeEmptyField( 阅读全文
posted @ 2021-09-22 15:38 Magi黄元 阅读(6025) 评论(0) 推荐(0) 编辑