webhyx-CSDN博客

原创 echarts 随div变化自适应（不是随窗口大小变化）

在某些特定需求下，echarts图需要随着外层div放大缩小而自适应变化，而不是像随着窗口变化而自适应的一般需求。外层div的宽高的在变化时，echart图大小是不会实时改变的。import elementResizeDetectorMaker from "element-resize-detector";html中：<div ref="agriEcoDev" style="width: 100%; height: 65%"></div>在创建echart的方法中：

2021-09-03 14:27:06 7955 7

原创 css 三角形怎么制作

width:0;height:0;border-bottom:8px solid red;border-right:5px solid red;border-left:5px solid red;想要将顶点设置在什么方向，这个方向就不设置border，例子中由于没有设置border-top，顶部只有一个点，并且在中间。并且只用底部border设置颜色，其余两边border颜色为透明，就会形成等腰三角形...

2021-08-25 16:10:25 451

原创 JavaScript判断数组是否为空、判断数据类型

let arr = []在new Array()一个空数组时，是一个Object对象，所以if(arr)时是true在进行数组直接与true和false的布尔类型比较时，默认是将数组和布尔类型都转化为了Number类型进行比较，空数组转化为Number类型时为0。所以我们可以通过arr == true来判断数组不为空，或者我想到的另一个也可以通过arr.length !== 0来判断数组不为空。...

2021-08-22 15:07:53 1617

原创 CSS 粘性布局：position:sticky 不起作用问题

设置position:sticky的元素会去找第一个父级元素，根据第一个父级元素是否滚动决定触不触发粘性效果。而滚动相关的属性有：overflow:visible; (defalut)overflow:hidden;overflow:scroll;overflow:autovisible是默认的，不滚动后三个是让元素内部滚动。意思是最外层div设置了overflow的后三个属性的话，内部的所有属性都不会去依据内部元素滚动。而是最外层div发生滚动。所以内部某个元素设置了粘性布局后，其外部

2021-08-22 14:34:33 4020

原创 vue @click 获取 html5 data-属性

data-* = “” 在vue中使用时，不可以存对象类型属性否则会直接输出[object object]data-id 获取数据： $ event.srcElement.dataset.id<div @click="getId" data-id="1"></div>methods:{getId(e){e.srcElement.dataset.id}}@click=“getId” 不传参数，在methods中，如果给一个参数，这个参数就是$eventgetId

2021-08-22 14:32:12 1089

原创《JavaScript 数据结构与算法-1》栈

规则：后进先出栈的常见操作：push(element): 添加一个新元素到栈顶位置pop():移除栈顶的元素，同时返回被移除的元素peek():返回栈顶的元素，不对栈做任何修改（这个方法不会移除栈顶的元素，仅仅返回它）isEmpty():如果栈里没有任何元素就返回true，否则返回falsesize():返回栈里的元素个数。这个方法和数组的length属性很类似toString():将栈结构的内容以字符形式返回 function Stack(){ // 实例化对象

2021-08-16 17:17:43 83

原创 git坑：remote: Invalid username or password. fatal: Authentication failed for ‘github地址‘

输入 git push origin main时，要求输入password,这时候输入的不是github的登陆密码！而是token。需要在github上头像->Settings-> Developer settings->personal access tokens 新建一个token将这个token复制过去作为密码就好了...

2021-08-16 11:42:29 803

原创 git报错：443: Timed out，Connection was reset, errno 10054

git config --global --unset http.proxy 即可解决

2021-08-16 11:01:38 442

原创 JS使用与，或运算符报错：Uncaught RangeError: Maximum call stack size exceeded

在vue项目的路由守卫进行时判断使用或运算符，router.beforeEach((to,from,next) => { store.commit('cookie/getToken') let token = store.state.cookie.token if(!token && to.name === 'PersonalHome'||'Edit'||'EditBlog'||'EditDraft') { next('login') } else {

2021-08-16 10:56:21 168

原创 git 错误：The requested URL returned error: 403

具体报错：从StackOverflow中找到了答案。1.在GitHub中获取一个新的tokenSettings -> Developer settings -> personal access tokens 创建一个新的token2. 在git bash中：git remote set-url https://@github.com/<git_url>然后就可以正常的push了！...

2021-07-28 16:37:23 295

原创【7.12】NOTE：样式穿透+git代码提交

Element-ui 组件默认样式的修改在webpack环境中，如果要修改element-ui组件中的默认样式，通过浏览器检查元素查看class名修改会不起作用，大概率是style设置了scoped<style scoped lang="less"></style>直接解决的方法就是去掉scpoed，但是这样容易污染到全局样式，因为scoped就是用来隔开各个组件间的样式的。比较折中的办法是使用样式穿透，需要修改的样式用/deep/less中使用：.seach-box

2021-07-12 16:31:47 85

原创 JavaScript中数组的常用方法

join(): 将数组每个元素组起一个字符串，用一个字符隔开每个元素，返回一个新的字符串，原数组不影响let arrJoin = [2, 3, 5, 6] console.log(arrJoin.join('.')); //2.3.5.6 console.log(arrJoin); //[ 2, 3, 5, 6 ]实现重复字符串function repeatString(str, n) { return new Array(n + 1).join(str);}console.log(r

2021-06-13 21:56:23 194 4

原创 MVVM模式是什么？

MVVM就是Model-View-ViewModel模式，这个框架分为三层：Model层：对应数据层，对网络请求的数据进行同步，主要是做数据和业务逻辑的处理View层：作为视图模板存在，负责界面和显示，不负责处理状态，只是对数据绑定、事件绑定、指令的声明ViewModel层：对View层的数据绑定，指令，事件绑定的声明的负责，就是处理View层的具体业务逻辑。ViewModel底层会做好对数据绑定的监听，数据变化时View层会发生改变。优点：在ViewModel层中将View的状态和行为抽象化

2021-05-16 01:23:11 516

原创什么是跨域？解决跨域的方法有哪些？

什么是跨域？解决跨域的方法？什么是跨域？当一个请求的url的协议、端口、域名三者之间任意一个与当前页面的url不同即为跨域浏览器同源策略浏览器为了隔离潜在的恶意文件，使用同源策略，限制从一个源加载的文档或脚本和另一个源的资源进行交互（不同源之间的文档，资源的交互）同源是指“协议+端口+域名”三者相同解决跨域的方法？JsonP利用< script >标签不受同源策略限制的特效进行跨域操作核心思想：网页通过添加一个< script > 标签，向服务器请求JSON数据，服

2021-05-16 01:19:46 93

原创浏览器渲染页面的过程——一次完整的HTTP服务：TCP连接建立、发起HTTP请求、keep-alive、重绘，重排

结合具体问题：在浏览器输入一个网址并访问，具体发生了什么？1. 对这个网址进行DNS域名解析，得到对应的IP地址DNS怎么找到域名的？DNS域名解析采用的是递归查询的方式，过程是，先去找DNS缓存->缓存找不到就去找根域名服务器->根域名又会去找下一级，这样递归查找后，找到了，返回给我们的浏览器2. 根据这个IP，找到对应的服务器，发起TCP的三次握手TCP连接的建立（三次握手）？1、客户端采用TCP协议将带有SYN标志的数据包发送给服务器，等待服务器的确认。（客户端：一个SYN）

2021-05-12 20:13:59 1025 3

原创 JavaScript事件执行的机制，宏任务与微任务

JS内存模型Js 代码执行机制所有同步任务都在主线程上的栈中执行。主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。一旦"栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，选择出需要首先执行的任务（由浏览器决定，并不按序）。宏任务与微任务MacroTask（宏观Task） setTimeout, setInterval, , requestAnimationFrame, I/OMicroTask（微观任务） p

2021-05-11 20:18:48 110 1

原创 Promise，async、await的理解与使用

在一个页面中进行一个操作时，需要进行网络请求，如果这个网络请求是同步的，又因为网络请求需要时间，js代码就会停留在那一部分，就会使得这个页面进入阻塞状态，一直等到网络请求完之前都不能跟页面互动。一般会给网络请求开启一个异步任务，让页面其他部分正常执行，网络请求完了以后会给一个回调函数，就可以从回调函数里得到网络请求得到的数据（或者请求失败的信息），给后面的js代码使用。...

2021-05-11 01:26:07 584 1

原创前端——PS 切图

1 打开PS，选择打开，选择一个需要切片的图片，打开开始切片选择切片工具注意，要在右键选择切片工具，而不是直接点击使用到裁剪工具（这里截图不了）后面会使用切片选择工具，来回切换的快捷键是shift+c 或者是按住ctrl画出需要切片的部分切换为切片选择工具进行调整大小位置直接左键按住切片可以进行移动，鼠标放在角落可以改变大小。补充快捷键：按住alt+滚轮变换大小；按住空格+鼠标左键移动位置；切图选择工具下调整大小位置时：按住shift等比缩放存储为图片调整好切片后，点击文件

2021-05-09 14:58:01 381 1

原创 vue-cli3配置sass-loader报错

报错信息：Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.options has an unknown property ‘additionalData’. These properties are valid:object { implementation

2021-04-19 15:41:20 1252

原创如何将项目上传至github

1. 在github创建一个repository2. 将HTTPS 复制下来3. 在项目文件夹右键 git bash here :第一次上传:设置username和email$ git config --global user.name “name”$ git config --global user.email “xxxx@email.com”关联github$ git clone email-address查看状态$ git status传到本地$ git add

2021-03-25 23:39:30 92

Javavison的博客