3 一只特立独行的猫猫

尚未进行身份认证

我要认证

有什么技术问题,欢迎大家一起交流,一起学习 如果人生旅途的道路一致,我愿为同行的你背起行囊

等级
TA的排名 1w+

css BFC

BFCBFC(Block Formatting Context):块级格式化上下文。BFC决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。当设计到可视化布局的时候,BFC提供了一个环境,HTML元素在这个环境中按照一定的规则进行布局。一个环境中的元素不会影响到其他环境中的布局。BFC的原理(渲染规则)BFC元素垂直方向的边距会发生重叠。属于不同BFC外边距不会发生重叠 BFC的区域不会与浮动元素的布局重叠。 BFC元素是一个独立的容器,外面的元素不会影响里面的元素。里面的元

2020-10-30 21:38:30

CommonJs 和 ESModule 的 区别整理

1. exports 和 module.exports 的区别module.exports 默认值为{} exports 是 module.exports 的引用 exports 默认指向 module.exports 的内存空间 require() 返回的是 module.exports 而不是 exports 若对 exports 重新赋值,则断开了 exports 对 module.exports 的指向引用:require 和 import 都可引用//foo.jsexpor

2020-10-30 14:43:54

vue diff react

https://github.com/aooy/blog/issues/2

2020-10-29 16:59:25

let var 的例子

function varTest() { var x = 1; if (true) { var x = 2; // 同样的变量! console.log(x); // 2 } console.log(x); // 2}function letTest() { let x = 1; if (true) { let x = 2; // 不同的变量 console.log(x); // 2 } console.log(x); //.

2020-10-27 17:28:25

HTML中的attribute属性和JavaScript中的property属性的区别

一、基本概念区别 attribute:是HTML标签上的某个属性,如id、class、value等以及自定义属性 它的值只能是字符串,关于这个属性一共有三个相关的方法,setAttribute、getAttribute、removeAttribute; property:是js获取的DOM对象上的属性值,比如a,你可以将它看作为一个基本的js对象。 这个节点包括很多property,比如value,className以及一些方法onclik等方法。 从上图中我们可以..

2020-10-26 15:37:11

js 深拷贝递归实现

deepClone = (element) => { if(!(typeof element === 'object')) return element; if(element === null) return null; return element instanceof Array ? element.map(item => deepClone(item)) : Object.entries(element) .reduce(.

2020-10-26 14:42:15

原型链最容易懂的,最好的文章

https://www.cnblogs.com/loveyaxin/p/11151586.html

2020-10-22 18:21:22

用node 写post 方法时遇到的跟跨域有关的问题

标题用node 写post 方法时遇到的跟跨域有关的问题用node 写post 方法时遇到的跟跨域有关的问题当我访问node 的get方式时,没有任何问题,但是当我使用post 方法的时候,出现了这个问题,经过查阅得知,需要在node 服务的请求那里,进行设置app.all("*", function(req, res, next){ res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control

2020-10-16 14:34:26

CSS八种让人眼前一亮的HOVER效果

可以直接看下面的原文链接,体验会好一点一.发送效果HTML<div id="send-btn"> <button> // 这里是一个svg的占位 Send </button></div>复制代码CSS#send-btn{ display: flex; align-items: center; justify-content: center; height: 100vh;}button { bac...

2020-09-22 11:37:30

JS函数节流和函数防抖

1.为什么需要函数防抖和函数节流?在浏览器中某些计算和处理要比其他的昂贵很多。例如DOM操作比起非DOM交互需要更多的内存和CPU占用时间。连续尝试进行过多的DOM操作可能会导致浏览器挂起,甚至崩溃; 例如当调整浏览器大小的时候,resize事件会连续触发;如果在resize事件处理程序内部尝试进行DOM操作,其高频率的更改可能会让浏览器崩溃; 为了绕开上面的问题,需要对该类函数进行节流;2.什么是函数防抖和函数节流防抖(debounce)和节流(throttle)都是用来控制某个函数

2020-09-17 13:52:17

安装 image-webpack-loader 的遇到的问题

https://github.com/tcoopman/image-webpack-loader#usage1, 安装brew install libpng这个有的mac电脑上是本来就有的,可以不用安装,使用brew list 就可以查看有没有,不过还会出现一种情况,就是即使是有,但还是需要再安装一下2,github 中的 五个图片的涉及到的loader,也要安装3,安装gif 的时候出的错解决方法brew install automake这个时候又出现下面这个错误.

2020-08-31 10:18:05

第一次使用uniapp 遇到的坑

1,使用子组件 ,要注意大小写的问题因为我的vue 文件是小写,所以我的组件名就是小写,但是这样一直不行,于是我 就改成了大写,就可以了2、在page.json 里面使用阿里图标库(1)在阿里图标库 自己的项目里面 ,选中unicode方式,然后点击下载本地(2)下载文件里面的iconfont.tff 粘贴到自己项目里面的static下面(3)在pages.json 里面,修改fontSrc的路径,一定要用本地路径,text的属性 一定要保留\u3 运行的时候,在i...

2020-06-04 11:15:04

css锚点定位被顶部固定导航栏遮住的解决方案

<html xml:lang="cn" lang="cn"><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="keywords" content="anchor,fixed navigation hide anchor"> <link rel="stylesheet" href="https://qid..

2020-05-28 17:33:11

将本地文件上传到Linux服务器

scp -P 端口 c://xxxx.txt user@ip:/home/root注意:-P 大写-i 公钥1、从服务器上下载文件scp username@servername:/path/filename/var/www/local_dir(本地目录)例如scp root@192.168.0.101:/var/www/test.txt把192.168.0.101上的/var/www/test.txt的文件下载到/var/www/local_dir(本地目录)2、上传本地...

2020-05-27 14:58:37

echart

yAxis {axisLine: true,}设置了axisLine ,那么y轴的标度线 就不显示了

2020-04-29 15:33:13

nodemon 安装 mac提示 -bash: nodemon: command not found

成功安装,并且nodemon命令运行成功:npm config set prefix /usr/localsudo npm install nodemon -g --registry=https://registry.npm.taobao.org现在终于成功了,这个是自动连接重启的技术,比node server.js 来 启动好用...

2020-04-14 10:23:47

毛边玻璃

backdrop-filter blur(10px)

2020-04-12 15:17:54

Safari手机浏览器中input 光标不居中解决方案

在iPhone的Safari中发现了这个问题,line-height 属性不能使input输入框中的光标垂直居中,总会有偏移量。查找资料之后发现要换一写法。height= padding + font-size; 这样通过padding方式达到的居中效果没有问题。如果高度是30px,字体大小是16px,设置line-height和字体大小相同,计算得上下内边距是7px。input{p...

2020-04-12 14:01:36

css实现鼠标移入时img图标变色

有时候我们需要实现类似鼠标移入img图标变色的功能,虽然提前准备好两张相应颜色的图片就可以解决问题,但是使用css也是可以做到让img图标变色的首先使用一个div将img包裹起来<div class=“imgtest”> <img src="images/logo.png" alt=""></div>然后定义该div的样式.ima...

2020-04-03 13:34:14

vue动态加载图片问题,报错Cannot find module "."

正常在<img>标签加载图片的方式是<img src="../assets/product2.jpg" alt="">但是在vue中动态加载图片,直接用src是无效的,需要使用v-bind动态加载<img :src="product.imgSrc" alt=""> //正确<img :src="../assets/product2.jpg" a...

2020-04-02 15:53:34

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。