weixin_46681026的博客

原创 发现了多行溢出打点没有考虑到的点

绝大多数多行溢出打点没有考虑到的点。

原创 counter-reset

文章目录使用嵌套列表多级嵌套列表counter-reset用于穿梭框或者多级列表等等这是elementui的穿梭款。前面递增的数字就可以使用counter-reset这里只写使用，详情看这篇文章地址：https://www.cnblogs.com/xiaofenguo/p/6074143.html使用CSS计数器只能跟content属性在一起的时候才有作用counter-reset: name计数器的名字，这里可以写第二个参数（当成起始值）counter-increment: na

原创 不得了，我既然发现markdown图标网站

链接：markdown图标网站各种好看的图标都有，以后写文章就可以多点小图标啦。啊哈哈哈哈进去复制粘贴就可以使用了。

原创 vue使用element-ui，@click事件不生效？

vue使用element-ui，@click事件不生效？<el-card @click="handleCard"></el-card>改成<el-card @click.native="handleCard"></el-card>

原创 There might be a problem with the project dependency tree. It is likely not a bug in Create React Ap

There might be a problem with the project dependency tree.It is likely not a bug in Create React App, but something you need to fix locally.The react-scripts package provided by Create React App requires a dependency: "webpack": "4.44.2"Don't try

原创 Error: A ＜Route＞ is only ever to be used as the child of ＜Routes＞ element, never rendereddirectly.Pl

Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly.Pl

原创 TypeError: Cannot read property ‘location‘ of undefined 报错解决办法

import {Route, Link, NavLink, Router} from 'react-router-dom'因为react路由有两种，你直接引入Router的话就会报这种错误// 改为BrowserRouter或者HashRouter其中一种import {Route, Link, NavLink, BrowserRouter} from 'react-router-dom'...

原创 对自己说的一些话

时间很赶，抓紧学习。拥有好的未来就得自己拼命努力而来。希望我再过几个月再来看的时候，会是全新的自己。没有决心，哪来的改变。

原创 win10笔记本网络重置后没有网络连接了

为了用远程桌面连接虚拟机，捣鼓了半天因为一直连接不上，报这个错误。前面各种尝试就不说了，后续输入命名把网络设配器都弄坏了。在Windows PowerShell输入重置网络的命令：net winsock reset 和 netcfg -d后续就win10笔记本网络重置后什么网络都没有了 o(╥﹏╥)o解决方法：首先下载CCleaner到U盘中或者下载到手机再传给电脑。网盘地址：https://pan.baidu.com/s/1eF6IQIRK0D6LUw3v8Oemmw（提取码：1234）

原创 warning: LF will be replaced by CRLF in package-lock.json. The file will have its original line endi

win10，Git使用add警告错误原因win10环境下，在使用Git的时候，每次执行git add都会出现警告消息windows中的换行符为 CRLF而在linux下的换行符为LF，所以才出现提示解决取消提示就可以了。git config --global core.autocrlf false不解决也可以。...

原创 js隐式转换

神奇的隐式转换

原创 css层叠上下文

原创 两栏布局，三栏布局

文章目录两栏布局，三栏布局三栏布局两栏布局两栏布局，三栏布局三栏布局绝对定位的方式中间的没有设置定位本分就能自适应宽度。左右两个设置定位，middle就跳上去了，并且用margin-left给两个定位空出位置就行。为什么会这样？是因为设置position: absolute定位之后会脱离文档流，变成inline-block。涉及 BFC而且定位元素会叠在块级元素之上。涉及 css层叠上下文 <div class="left"></div> <div

原创 @vue/cli3.x使用less报错问题

使用less需要下载less与less-loadernpm install less less-loader --save-dev这样下载的话运行之后会回报错，原因是loader版本太高，降低版本就可以了卸载less-loadernpm uninstall less-loader安装less-loadernpm install less-loader@7.x --save-devvue-cli2.x的话看这里地址：https://www.cnblogs.com/wangshishuai/

原创 js继承方式

文章目录继承方式原型链继承盗用构造继承组合继承原型式继承寄生式继承寄生组合继承ES6继承继承方式原型链继承优点：函数方法可重用缺点：引用值属性被共享子类实例化时，不能向父类传递参数 function Person(name,age){ this.name = name; this.age = age; this.say = "说话"; this.colors = ["red","green"]; } Person.prototy

原创 this指向

this谁调用指向谁没有调用指向widow看谁调用是看最后执行的是谁补充: 在严格版中的默认的this不再是window，而是undefinedvar o = { a:10, b:{ a:12, fn:function(){ console.log(this.a); //undefined console.log(this); //window } }}var j = o

原创 Vue响应式的不足

文章目录Vue响应式的不足如何解决Vue响应式的不足问题呢？对象数组Vue响应式的不足无法检测数组/对象的新增无法检测通过索引改变数组的操作（操作arr[index] / arr.length）为什么可以看一下源码，这篇文章: https://www.cnblogs.com/youhong/p/12173354.htmlObject.defineProperty其实是可以实现监听数组的变化，但是为了性能考虑Vue2没有实现。如何解决Vue响应式的不足问题呢？对象Vue.set(obje

原创 cookie、localstorage、sessionstorage

文章目录cookiecookie属性storagelocalstoragesessionstoragecookie实质的工作是保存状态。为什么会有cookie？因为http是无状态协议http 无状态协议(上下文无关协议)在浏览器中，两个执行成功的请求是没有关系的。比如一个电商页面，两次加入购物车会请求时，但是两次请求没有关系。浏览器就不知道选择了。登录状态也是。登录一次成功取到了，刷新页面登录状态又不见了，后面就没有关系了。这时候就需要用到cookie来记录状态了。浏览器第一次请求数据的时候，

原创 单例模式实践

单例模式定义：保证一个类仅有一个实例，并提供一个访问他的全局访问点。简而言之：一个构造函数一生只能有一个实例，不管new多少次都是一个实例。一般应用于 : 自定义弹出层核心代码// 如果直接new的话，new出来的两个对象是不一样的。所以需要封装一下// 核心代码let instance = null;function single(instance){ // 第一次调用的时候才会个instance赋值，之后就不会再new Person了。直接返回 if(instance

原创 js数组去重

set Array.from(new Set([NaN, 1, [1], [1]]));map let arr = [1,2,3,2,3,5,4,7]; let map = new Map(); for(let i = 0; i < arr.length; i++){ map.set(arr[i], arr[i]); } console.log(Array.from(map.values())).

原创 webpack中main文件打包原理简易版

文章目录main编译webpack打包之后不会造成全局变量污染导入一个模块就是运行模块之后得到模块导出结果模块导入有缓存eval()作用结合起来变成webpack的main.js文件main编译比如有两有个模块，打包合并成main.js./src/a.js// 里面的代码console.log("module a");module.exports = "a";./src/index.js// 里面的代码console.log("index module");var a = re

原创 js作用域与声明提升

作用域与声明提升作用域基本知识js没有块级作用域，函数有作用域。if(true){ var abc = 123;}console.log(abc); //123function f(){ var abc = 123;}f();console.log(abc);// abc is not defined没有用var定义的为全局变量,用var定义的话看哪里定义。// 没有用var定义，会在全局作用域中function f(){ abc = 123;

原创 数组整理随手笔记

文章目录数组创建数组数组的属性数组的方法数组排序的方法数组迭代（数组遍历）判断是不是数组注意点补充数组数组类型是 object （typeof [] == object）创建数组var arr = new Array();// new Array();一般用来创建长度很长的空数组。var arr = new Array(100); // 长度为100的空数组var arr = new Array(100,100); // 等价于 [100 ,100]var arr =

转载 Last-Modified/Etag与Cache-Control/Expires基本知识与应用

Cache-Control/Expires的优先级要高于Last-Modified/EtagCache-Control/ExpiresCache-Control与Expires的作用一致，都是在有效期，不会向服务器发送请求直接使用缓存的。只不过Cache-Control的选择更多，设置更细致，如果同时设置的话，优先级高于Expires。Expires存在的问题是：该过期的时间是相对于服务器设定的，如果客户端时间和服务器端不一致（如用户重置了系统的时间）就会导致缓存跟期待的效果出现偏差。Last-

原创 数组扁平化思考过程

主要是想记录一下这个递归思路。用这个数组扁平来举例。let arr = [1, [2, 3, 3], 4, [5, 4]]; ==> 变成 [1, 2, 3, 3, 4, 5, 4]首先想到就是循环，然后判断是不是数组，再进行递归 function flat (arr){ let newArr = []; for (let i = 0; i < arr.length; i++) { if(Array.isArray(a

原创 手写new思考过程

直接上手看看new出来到底是什么？ function Node(name){ this.name = name; } Node.prototype.get = function (){ console.log("get"); } const node = new Node("xiaowang"); console.log(node);看了一下就是和对象非常像，那就直接返

原创 小程序自定义状态栏设置了position:fixed之后的出现的问题，解决方法以及包装

设置fixed出现的问题自定义小程序状态栏的时候想把自定义状态栏设置成fixed定位，但是发现设置了fixed之后下面会顶上来，给下面的同级元素设置margin-top的话又带着上面的一起走。给content设置position：relative定位的top的话最下面（footer）的也会跑上来。（下面代码没有设置）html<view class="header">header</view><view class="content">content&l

原创 margin：0 auto；

margin：0 auto；auto可以理解为平方剩余的空间块级元素没有设置宽度是撑满整行的。所有在设置margin：0 auto;没有效果。行级元素不起作用当设置了宽度就有剩余空间auto就有作用了<div class="container"></div>.container { height：100px; width：100px； background-color： red；}效果想要用margin实现上下左右居中的话，设置position: abs