非父子组件间的通信 在src中创建一个eventbus.js作为eventbus的中转站 使用emit与on来在不同组件中监听事件 import Vue from 'vue' export default new Vue…
标签:css
Array.from() 五个超好用的用途
任何一种编程语言都具有超出基本用法的功能,它得益于成功的设计和试图去解决广泛问题。 JavaScript 中有一个这样的函数: Array.from:允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符…
野子科技 什么是数据结构
野子电竞数据官网改版https://www.xxe.io/ 全新登场什么是数据结构1.数据结构的有关定义(1)数据结构:是带有结构数据元素的集合(2)数据:是客观事物的数值、字符以及能输入机器且能被处理的各种符号的集合编…
canvas动画合集Vue组件
vue-canvas-effect canvas动画合集Vue组件 <p align=”center”> [? online demo](https://chenxuan0000.gi…
前端知识库 - 珍藏集 - 掘金
如安在 Vue.js 中运用第三方库 – 前端 – 掘金在诸多 Vue.js 运用中, Lodash, Moment, Axios, Async等都是一些异常有用的 JavaScript 库. 但…
纯CSS实现页签切换效果
主要运用了 CSS3 的 :checked 选择器, 代码结构跟使用js差不多,只是多了几个radio, 不知道性能上是js快还是css快呢? codepen地址:http://codepen.io/YuanWing/p…
h5性能优化,细节决定结果。
介绍一些最近整理的优化细节。图片压缩什么的就不说了,这是优化必须做的。今天就说一下大家写代码时可以培养的优化的细节点。 不滥用float。不滥用web字体。 Float在渲染时计算量比较大,并且会脱标、塌陷。我们可以用f…
前端踩坑之旅
文本溢出处理 1. 单行文本溢出显示省略号 overflow:hidden; (顾名思义超出限定的宽度就隐藏内容) white-space: nowrap; (设置文字在一行显示不能换行) text-overflow: …
简介4种CSS实现水平垂直居中的方法及优缺点
绝对定位居中 Absolute Centering <div class="Container"> <div class="Absolute-Center"> </div> </…
快应用开发的踩坑之旅
前言 尝试一款新的开发框架的时候势必会遇见各种各样的问题。可能因为一开始不熟悉文档,导致配置错误,或是api使用错误。当然开发的时候我们也不能确认框架没有问题,是否存在bug。所以在某些出错的情况下,我们也许会不断怀疑自…
〔总结系列〕前端面试题精华筛选
JavaScript篇 如何获取浏览器URL中查询字符串中的参数? 1.封装方法 getUrlArgs(url) { const args = url.split('?') if (args[0] === url) { …
webpack 性能提速
按需引用 外部的组件按需引用 2.启用happypack多核构建项目 3.修改source-map配置 启用DllPlugin和DllReferencePlugin预编译库文件 1、按需引用1.1几乎所有的第三方组件框架…