qq_44832096的博客

原创 计算机网络（一）

OSI七层模型

原创 JS进阶--设计模式

能干什么帮我们设计组织模块：通过设计模式，组织模块之间的组成结构帮我们设计沟通：设计模块间如何沟通提高代码质量：让代码具备可读性设计模式的设计原则开闭原则：程序对扩展开放，对修改关闭；能够不用修改源码的去扩展功能单一职责原则：一个模块只做一件事情，工作越单一越好依赖倒置原则：上层模块不要依赖具体的下层模块，而依赖于抽象接口隔离原则：接口细化，功能单一，不要一个接口调用太多的方法；单一职责原则关注模块，接口隔离关注于接口迪米特法则：也叫最少知识原则，在两个模块产生沟通时，知道的越少越好

原创 JS进阶--JS事件循环

Event Loop事件循环宏任务与微任务优先级事件循环闭环流程宏任务与微任务我们发起的任务叫宏任务，JS引擎发起的任务叫微任务。如以下事件属于宏任务：setInterval(); setTimeout()如以下事件属于微任务：Promise().then(function(){}) ; new MutationObserver()当把异步事件放入任务队列中去的时候，也会分类：宏任务队列和微任务队列优先级当前主线程为空时，首先会去检查微任务队列中是否存在事件，如不存在，就会去检查宏任务队列#

原创 JS进阶--防抖和节流

为什么要防抖有的操作是高频触发的，但其实触发一次就好了，比如说监听登录框输入，不应该是有输入就触发，而是在输入完失去焦点后去触发一次就好了怎么做事件触发开启一个定时器如果再次触发，就清除上一次的定时，重新开一个定时到，触发操作<input type='text' id="inputid" /><script>// 没有防抖 var inp=document.getElementById("inputid"); inp.oninput = function

原创 JS进阶--高阶函数

是什么如果一个函数接受另一个函数作为参数，那么我们称该函数为高阶函数JS中常见的高阶函数forEach和Mapvar arr=[1,2,3];/*forEach源码*/Array.prototype.myForEach = function (callback){ var len=this.length; if (typeof callback !== 'function') { throw new Error(’muse be function') } for (var i

原创 JS进阶--compose和pipe函数

原创 JS进阶--函数式编程

编程规范面向过程先做什么，再做什么面向对象把功能组织成对象，然后相关操作作为对象的方法函数式编程把功能分解为一系列独立的函数，通过函数之间互相调用来完成功能为什么用函数式编程能提高复用性和可扩展性每一个函数就是一块积木，我们能随时拼入新积木，随时能够去除积木去复用Tree-shakingTree-shaking的本质就是通过文档流的引入判断是否使用某个方法，但是面向对象的编程方案无法记录使用函数式编程可以完美的配合Tree-shaking...

原创 JS进阶--代码性能指标

代码性能指标1.健壮性健壮性是什么健壮性是代码抗击风险（如Bug等）的能力健壮性的目的避免和程序无关的因素，导致代码报错快速给出问题反馈不至于因为非必要性bug，而导致程序执行中断如何保障健壮性参数做好默认值，做好检测程序做好意外情况处理对象参数的：2.可读性可读性的目的代码结构清晰他人能够看懂你的意思做法优化丑陋的结构// 典型的丑陋结构// 1.if-else分支过长-策略模式，状态if(xxx){}else if(xxx){}

原创 JS进阶--内存管理

JS进阶--内存管理一、管理内存的意义1. 减少浏览器的负担2. Node端二、内存的数据储存1. 内存的分类栈内存堆内存2. 数据的存储普通类型变量的储存方法、对象、数组等引用类型3. v8内存的管理v8有多大新生代的回收算法老生代的回收算法触发回收的时机

原创 居中布局总结

一.水平居中1.inline-block+text-align//1. 如果需要居中的元素为块级元素display: inline-block; //是元素变成行内块元素 //2.在父元素上添加样式text-align: center;2.table+margin//1.display: table; //在没有给当前元素设置width:100%时 table的宽度就只是内容的宽度//2.margin: 0 auto; //margin的值为一个的时候代表上下左右的外边距都

原创 学习认识CSS Reset

一.认识及原理在没有写css样式的时候 浏览器会有标签的默认样式，而且浏览器之间的标准也有所不同；大多数时候浏览器的默认样式也都不是我们需要的样式，如果是碰见一次就去改一次，会极大的浪费了时间，也让很多代码重复，后期维护和优化就会很麻烦CSS Reset可以帮助全局样式的一个定制（清除标签的默认样式），（可以定制化）需要在项目初期提前定义好在项目开始的初期决定好项目的风格主题，就可以通过Reset.css文件来定义一个符合自己项目主题（大部分样式相同的同一类标签）的全局样式二.使用...

原创 TS初学-1

这几天打算学一下TS，在vscode中使用npm install -g typescript安装好ts插件后准备跟着文档边看边敲 当开始到要编译TS文件时发现vscode报错PS D:\gongzuoqu\lianxi_Ts> tsc hello.tstsc : 无法加载文件 C:\Users\Optim\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?Lin

原创 小程序登录和退出登陆

wxml: <viewclass="login"><viewwx:if="{{userinof.nickName}}"class="img"><imagesrc="{{userinof.avatarUrl}}"></image><text>{{userinof.nickName}}</text><button...

原创 TypeError: this.getOptions is not a function

原因：less-loader安装的版本过高解决方案：给less-loader降版本1.npm uninstall less-loader2.npm install [email protected]

原创 vue引入移动端适配文件后 出现横向滚动条

一般是因为html的头部没设置好vue项目创建后html文件在public文件夹里面在index.html中加上<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,minimum-scale=1.0">就好了...

原创 图片路径对的 但加载失败 错误403

问题截图原因这是比较常见的反盗链技术，防盗链是一种机制，也可以说是一种技术.目的就是防止自己网站上的东西被别人盗用《网站的防盗链与反盗链的那点事》cnblogs.com/duanxiaojun/p/5387206.html解决标签上添加referrerpolicy="no-referrer<img:src="xxx"referrerpolicy="no-referrer"/>...

原创 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource

遇到问题翻译错误被CORS政策阻止了：请求的资源上没有'Access-Control-Allow-Origin'头CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。需从后台服务器解决跨域问题...

原创 Failed to compile with 2 errors

翻译过来是：编译失败，出现2个错误These dependencies were not found没有找到这些依赖项根据下方提示重新下载cli

原创 ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

问题截图解决办法将项目里的“node_modules”文件夹删除，然后重新运行npm i下载好后 重新启动项目 npm run serve