非父子组件间的通信 在src中创建一个eventbus.js作为eventbus的中转站 使用emit与on来在不同组件中监听事件 import Vue from 'vue' export default new Vue…
分类:css
CSS Grid响应式网页布局 - W3Schools视频03
继续W3Schools响应式网页布局的实现,今日讲的是CSS Grid方案。CSS Grid就是为二维布局设计的,最适合用来做网页布局。目前主流的浏览器都已经支持CSS Grid,除非你很确定你的用户常使用较旧的浏览器,…
html处理文字换行
1.word-break:break-all.只对英文起作用,以字母作为换行依据 2.word-wrap:break-word. 只对英文起作用,以单词作为换行依据 3.white-space:pre-wrap.只对中文…
user-select的详细用法
前言 做网页的时候,有些文字我们需要能被选中,有些我们不要能被选中,那么这就需要用到一个css属性了,那就是 user-select 使用方法 user-select: none|auto|text|contain|al…
CSS学习笔记(十) 界面组件之表单
1.概述 表单与其他页面元素的作用不同。其他元素是把服务器发过来的内容显示给用户,而表单则是 把用户的信息发送给服务器。 form 元素有两个必要的属性:action 和 method。action 属性用于指定服务器上…
JavaScript fetch接口
JavaScript fetch接口 如果看网上的fetch教程,会首先对比XMLHttpRequest和fetch的优劣,然后引出一堆看了很快会忘记的内容(本人记性不好)。因此,我写一篇关于fetch的文章,为了自己看…
HTML5的离线存储
HTML5的离线存储使用以及工作原理解答? 使用方式:在页面头部中加入一个manifest的属性就可以 <!DOCTYPE HTML> <html manifest = "cache.manifest"…
重学前端学习笔记(十五)--浏览器工作解析(五)
笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏, 每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入winter的专栏学习【原文有wi…
DIV+CSS规范命名大全集合
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇。 常用DIV+CSS命名大全集合,即CSS命名规则 DIV CSS命名目录…
div-section-article标签的同异
div标签 HTML Spec: “The div element has no special meaning at all.” 这个标签是我们见得最多、用得最多的一个标签。<span style=”…
项目笔记--点击input或者textarea时改变边框颜色
##项目笔记–点击input或者textarea时改变边框颜色 outline-color:#59ACFF(加你想要得颜色就行!);
SASS
Sass 是一个CSS 的扩展,在语法CSS语法的基础上,增加变量,嵌套规则, 混合,导入,函数等功能 对CSS进行预处理的“中间语言” 文件格式 .sass ,.scssscss是对css的一种拓展,跟css很像,是开…