摘要:
最近在一个项目中,需要使用到websocket,于是就花了一点时间来熟悉websocket并总结写篇blog。 为何使用websocket 在浏览器与服务器通信间,传统的 HTTP 请求在某些场景下并不理想,比如实时聊天、实时性的小游戏等等, 其面临主要两个缺点: 无法做到消息的「实时性」; 服务端 阅读全文
摘要:
大数据用户中心 数据交换系统element-ui tree问题bug // 多个tree遍历获取选中状态 _this.menuIds=[] _this.roleList.map((item,i)=>{ console.log(this.$refs.treeid[i].getCheckedKeys() 阅读全文
摘要:
随着现代前端开发的复杂度和规模越来越庞大,已经不能抛开工程化来独立开发了,如react的jsx代码必须编译后才能在浏览器中使用;又如sass和less的代码浏览器也是不支持的。 而如果摒弃了这些开发框架,那么开发的效率将大幅下降。在众多前端工程化工具中,webpack脱颖而出成为了当今最流行的前端构 阅读全文
摘要:
概念 函数防抖(debounce) 函数节流(throttle) 函数节流(throttle)与 函数防抖(debounce)都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,出现延迟,假死或卡顿的现象。 函数防抖(debounce) 如果有人进电梯(触发事件),那电梯 阅读全文
摘要:
下面本文章将会从以下几个方面谈谈盒模型。 基本概念:标准模型 和IE模型 CSS如何设置这两种模型 JS如何设置获取盒模型对应的宽和高 实例题(根据盒模型解释边距重叠) BFC(边距重叠解决方案) 基本概念 盒模型的组成大家肯定都懂,由里向外content,padding,border,margin 阅读全文
摘要:
移动端点击延迟事件 解决方式 禁用缩放 <meta name = "viewport" content="user-scalable=no" > 缺点: 网页无法缩放 更改默认视口宽度 <meta name="viewport" content="width=device-width"> 缺点: 需 阅读全文
摘要:
耦合度的概念 耦合度是对模块(类)间关联程度的度量,可以用"联系"作同义词,"独立性"作反义词。 耦合度分类(由高到低) (1)内容耦合。当一个模块直接修改或操作另一个模块的数据,或者直接转入另一个模块时,就发生了内容耦合。此时,被修改的模块完全依赖于修改它的模块。类与类之间直接调用或继承关系都是属 阅读全文
摘要:
以下是本次项目的代码链接和预览链接: 代码链接:https://github.com/Leonardo-zyh/Vue-youzanStore 预览链接:https://leonardo-zyh.github.io/Vue-youzanStore/dist/ 首先这次重构有赞商城使用的是一个多页面应 阅读全文
摘要:
对于 Vue.nextTick 方法,自己有些疑惑。在查询了各种资料后,总结了一下其原理和用途,如有错误,请不吝赐教。 概览 官方文档说明: 用法: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 疑问: DOM 更新循环是指什么? 下次更新循环 阅读全文
摘要:
一、 组件component 1. 什么是组件? 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码组件是自定义元素(对象) 2. 定义组件的方式 方式1:先创建组件构造器,然后由组件构造器创建组件方式2:直接创建组件 3. 组件的分类 分类 阅读全文