09 2021 档案

js事件循环
摘要：js事件循环 事件循环基础 js在最初设计的时候就是单线程的。但是在处理一些等待事件较长的操作时（比如有:异步请求） 所以js必须要有异步 。js通过事件循环来实现异步 这也是js的运行机制。 事件循环分类 遇到同步任务直接执行 遇到异步任务分类为宏任务(macro-task)和微任务(micro- 阅读全文
posted @ 2021-09-22 09:48 太阳东升西落 阅读(79) 评论(0) 推荐(1)
js异步问题 --- 前端
摘要：在JavaScript中，所有代码都是单线程执行的。 // 浏览器需要操作dom,如果是多线程并发会导致浏览器不知道该执行哪条指令 由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现： ajax是一个典型的异步函数; request.o 阅读全文
posted @ 2021-09-22 09:43 太阳东升西落 阅读(211) 评论(0) 推荐(1)
单页面应用及其优缺点
摘要：单页面应用及其优缺点 阅读全文
posted @ 2021-09-22 08:57 太阳东升西落 阅读(30) 评论(0) 推荐(1)
websocket --- 前端
摘要：websocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行的全双工通讯(双向数据传输)的协议。主要功能是支持服务端主动向客户端推送数据，这期间只需要浏览器和服务器完成一次握手，就可以创建连接并进行双向数据传输。在这份协议之前网站为了实现信息推送技术常用轮询的方式 阅读全文
posted @ 2021-09-18 16:05 太阳东升西落 阅读(444) 评论(0) 推荐(1)
Vue.nextTick 的原理和用途 --- vue
摘要：Vue.nextTick 的原理和用途 阅读全文
posted @ 2021-09-17 14:43 太阳东升西落 阅读(33) 评论(0) 推荐(1)
vue常用传参方式 --- vue
摘要：vue常用传参方式 一、组件通信——vue中父子组件间的方法调用和参数传递props、$emit 1 父传子 <!-- 父组件father.vue --> <template> <div> <div>这里是father组件</div> <div>这是父组件要传给子组件的参数：{{msg}}</div 阅读全文
posted @ 2021-09-16 09:05 太阳东升西落 阅读(957) 评论(0) 推荐(1)
动态路由 --- vue
摘要：动态路由:让多个组件使用同一个挂载点，并根据需求动态切换. 基础语法: <div id="example"> <button @click="change">切换页面</button> <component :is="currentView"></component> </div> <script> 阅读全文
posted @ 2021-09-16 08:51 太阳东升西落 阅读(301) 评论(0) 推荐(1)
git 基操 --- 前端
摘要：git基本操作 git 上次文件到远程仓库（参考：https://blog.csdn.net/beiqiaofeng123/article/details/104859326） 如果第一次上传，配置一下用户名和邮箱（我的用户名是lays03，邮箱是2725281280@qq.com） git con 阅读全文
posted @ 2021-09-15 17:15 太阳东升西落 阅读(68) 评论(0) 推荐(1)
js 设计模式 --- 前端
摘要：js中常见设计模式 工厂模式 一个工厂能提供一个创建对象的公共接口，我们可以在其中指定我们希望被创建的工厂对象的类型。 简单工厂模式:使用一个类来生成实例 var BicycleShop = function () { }; BicycleShop.prototype = { sellBicycle 阅读全文
posted @ 2021-09-15 09:40 太阳东升西落 阅读(97) 评论(0) 推荐(1)
用户鉴权 --- 未完成
摘要：用户鉴权 通常后台管理系统中,不同权限的用户登陆后所展示的菜单是不同的,这种时候的路由就需要动态路由来实现. 一般而言,可以在全局路由前置守卫中发起请求,当判定登陆成功时候,在成功的回调中请求路由; router.beforeEach((to, from, next) => { var pageRo 阅读全文
posted @ 2021-09-14 16:34 太阳东升西落 阅读(58) 评论(0) 推荐(1)
webpack打包 --- 打包工具
摘要：在node.js中安装全局webpack cmd中运行 npm install webpack webpack-cli –g 在需要打包的文件中cmd npm install webpack webpack-cli --save-dev查看是否安装成功 webpack -v初始化环境 npm ini 阅读全文
posted @ 2021-09-14 09:18 太阳东升西落 阅读(89) 评论(0) 推荐(1)
插眼 echart Option属性设置 --- 转载自落花桂
摘要：目录 一、title--标题组件 二、legend--图例组件 三、tooltip--提示框组件 四、grid--可用于调整图例在整个容器中的占位 五、xAxis--x 轴 六、yAxis-y 轴 七、series-line--折线/面积图 八、series-bar--柱状图 九、series-pi 阅读全文
posted @ 2021-09-13 09:59 太阳东升西落 阅读(291) 评论(0) 推荐(1)
this的指向问题 --- 前端
摘要：this指向的常用结论 普通函数调用，此时 this 指向 window function fn() { console.log(this); // window } fn(); // window.fn（),此处默认省略window 构造函数调用， 此时 this 指向 实例对象 function 阅读全文
posted @ 2021-09-12 19:23 太阳东升西落 阅读(48) 评论(0) 推荐(1)
受控组件与非受控组件 --- react
摘要：在react中使用input时，随着用户的输入，对value进行了更改，其后分为两种情况： 一 非受控组件 input中的value值并没有和react中state中的数据进行绑定，这个时候可以通过ref对value值进行读取 随用随取 class Demo extends React.Compon 阅读全文
posted @ 2021-09-10 14:49 太阳东升西落 阅读(69) 评论(0) 推荐(1)
常用居中方法 --- 前端
摘要：一 50%法 外部元素{ position:relative // 对父元素设置相对定位 } 内部元素{ position:absolute; //子元素设置绝对定位 然后top和left值都为50% left:50%; top:50%; transform:translate -50% -50% 阅读全文
posted @ 2021-09-10 10:13 太阳东升西落 阅读(251) 评论(0) 推荐(1)
常用api --- 前端
摘要：一 选择器 document.querySelector(selectors) //接受一个CSS选择器作为参数，返回第一个匹配该选择器的元素节点。 document.querySelectorAll(selectors) //接受一个CSS选择器作为参数，返回所有匹配该选择器的元素节点。 docu 阅读全文
posted @ 2021-09-10 09:37 太阳东升西落 阅读(154) 评论(0) 推荐(1)