![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
record
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 · 117 阅读 · 0 评论 -
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 · 96 阅读 · 0 评论 -
301 302状态码【重定向】
http状态码1、301 302 区别:开场自白:本人前端菜鸡一枚,经验缺少,没遇到过301 302只知道是重定向,有次被问到它俩的区别我懵逼了,查看一下大家的,自己记录一下,加深印象重定向(Redirect)就是浏览器在拿到浏览器返回的状态码后会自动跳转到一个新的URL地址,这个地址可以从响应的Location首部中获取通过各种方法将各种网络请求重新定个方向转到其它位置(如:网页重定向、域名的重定向、路由选择的变化也是对数据报文经由路径的一种重定向)301 永久重定向(Permanently M转载 2020-08-23 15:48:07 · 1102 阅读 · 0 评论 -
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 · 222 阅读 · 0 评论 -
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 · 837 阅读 · 1 评论 -
Git官网下载太慢/失败
Git官网下载太慢/失败npm传送门:https://npm.taobao.org/mirrors/git-for-windows/直接下载需要的版本即可原创 2020-05-27 22:47:52 · 123 阅读 · 0 评论 -
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 · 102 阅读 · 0 评论 -
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 · 1326 阅读 · 0 评论