hemenfly-优快云博客

原创左侧固定右侧自适应

左侧固定右侧自适应方案1: float左 width:100px;height:100px;float:left;右 width:100px;height:100px;margin-left:100px;方案2: absolute左 width:100px;height:100px;position:absolute;left:0;top:0;右 margin-left:100px;height:100px;方案3: css3的calc()左 width:100px;height:100p

2020-09-07 13:42:07 193

转载 CSS盒子模型

CSS盒子模型外边距(Margin) 边框(Border) 内边距(Padding) 内容(Content)标准盒模型width应用于content的width 盒子的总宽度=width+padding+margin+borderIE盒模型(怪异盒模型)width=content宽度+内边距padding+边框border 盒子总宽度=width+margin指定盒子模型种类box-sizing属性允许以特定的方式定义匹配某个区域的特定元素box-sizing:content-box;(

2020-09-03 16:22:24 173

转载快速排序 JS

快速排序 JS排序算法篇--快速排序// 阮一峰快速排序写法function quickSort(arr){ if(arr.length <= 1) return arr; let piovtIndex = Math.floor(arr.length / 2); let piovt = arr.splice(piovtIndex,1)[0]; let left = []; let right = []; for(let i = 0; i < arr.length; i++){

2020-08-24 09:06:03 212

转载 301 302状态码【重定向】

http状态码1、301 302 区别：开场自白：本人前端菜鸡一枚，经验缺少，没遇到过301 302只知道是重定向，有次被问到它俩的区别我懵逼了，查看一下大家的，自己记录一下，加深印象重定向(Redirect)就是浏览器在拿到浏览器返回的状态码后会自动跳转到一个新的URL地址，这个地址可以从响应的Location首部中获取通过各种方法将各种网络请求重新定个方向转到其它位置（如：网页重定向、域名的重定向、路由选择的变化也是对数据报文经由路径的一种重定向）301 永久重定向(Permanently M

2020-08-23 15:48:07 1269

转载 Vue 中央事件总线 eventBus

中央事件总线eventBus其实质就是创建一个vue实例，通过一个空的vue实例作为桥梁实现vue组件间的通信，它是实现非父子组件通信的一种解决方案实现方式：1.在项目中创建一个js文件，取名eventBus.js,引入vue实例，导出这个实例import Vue from ‘Vue’export default new Vue2.在需要通信的两个组建中分别引入这个eventBus.jsimport Bus from ‘’;3.传递数据的组件里通过vue实例方法emit发送事件名称和需要传递

2020-08-21 16:34:15 281

原创 Chrome插件安装：程序包无效

Chrome插件安装：程序包无效安装chrome插件，无法打开谷歌商店，下载好crx文件之后，拖入扩展程序报如题错误。解决办法，将crx改为zip，解压，然后加载已解压的扩展程序即可

2020-06-09 10:48:09 234

原创 Win10 shift+鼠标右键只有windows powerShell解决

Win10 shift+鼠标右键只有windows powerShell解决安装了node 利用npm 安装了cnpm之后，输入cnpm -v报错百度了一下有如下解决方案：shift+鼠标右键面板会有一个cmd here点击就可以直接在当前目录打开cmd新建txt文件将下面内容粘贴，改一下文件扩展名 reg点击运行注册Windows Registry Editor Version 5.00[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\backg

2020-05-28 19:54:45 971 1

原创 Git官网下载太慢/失败

Git官网下载太慢/失败npm传送门：https://npm.taobao.org/mirrors/git-for-windows/直接下载需要的版本即可

2020-05-27 22:47:52 178

转载 Flex布局收藏

Flex 布局 display:flex|inline-flex [Webkit 内核的浏览器，必须加上-webkit前缀]注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。容器属性:.box {}1.flex-direction: row|row-reverse|column|column-reverse解释:主轴-起点端水平-左|水平-右|垂直-上|垂直-下2.flex-wrap: nowrap | wrap | wrap-rev.

2020-05-25 14:27:27 149

原创 check-version.js解析

脚手架生成vue项目check-version.js解析'use strict'const chalk = require('chalk')// chalk的作用是在控制台中输出不同颜色的字，chalk.blue('Hello world),这款插件只能改变命令行中的字体颜色const semver = require('semver')// semver对特定的版本号做判断// se...

2020-04-16 18:30:05 1509

原创 element-ui el-table可编辑单元格

element-ui el-table可编辑单元格目前element不支持可编辑表格，但是提供了一个自由度比较高的slot-scope，基于此写个简单的可编辑表格。记录一下：在table中写两种用于切换 <template slot-scope="scope"> <span @class="editCell" style="width:120px;" v-...

2020-04-16 18:12:03 6581 2

qq_37723643的博客