【学习笔记】CSS深入理解之z-index
张鑫旭的CSS深入理解之z-index学习笔记
层叠上下文
什么是层叠上下文？
在z轴上延伸出一个层级，离父级层叠上下文的顶部更近。
如何产生层叠上下文？
什么是层叠水平？
层叠上下文中的每个元素都有一个层叠水平，决定同一个层叠上下文中...
5 小时前
热门书籍更多>>
最新文章更多>>
【学习笔记】CSS深入理解之margin
张鑫旭的CSS深入理解之margin学习笔记
margin与容器的尺寸
可视尺寸：对于没有设定width的块元素，margin可改变元素水平方向的可视尺寸
占据尺寸：对于block/inline-block元素，margin可改变元素...
5 小时前
css-in-js 探讨
Web开发是需要掌握多种技术。我们习惯于与多种语言密切合作。而且，随着开发Web应用程序变得越来越普遍和差别细微化，我们经常寻找创造性的方法来弥合这些语言之间的差距，从而使我们的开发环境和工作流程更容易，更高效。
最常见的示例通常是使用模板...
5 小时前
【学习笔记】CSS深入理解之overflow
《张鑫旭的CSS深入理解之overflow》学习笔记
overflow属性介绍
overflow: visible(默认)|hidden|scroll|auto|inherit
当overflow-x 与 overflow-y值相同时，...
5 小时前
【学习笔记】CSS深入理解之absolute
《张鑫旭的CSS深入理解之absolute》学习笔记
绝对定位的特性
绝对定位与浮动相似，都有破坏性和包裹性。浮动的一些应用场景中也可用绝对定位替代
绝对定位的行为表现
无依赖绝对定位元素
在未手动定位的情况下，绝对定位元素有以下特性
...
5 小时前
【学习笔记】CSS深入理解之vertical-align
vertical-align的值
线类：baseline（默认）, top, bottom, middle
文字类：text-top, text-bottom
上标下标类：sub, super
数值：1px, 1em - 在baselin...
5 小时前
【学习笔记】CSS深入理解之line-height
张鑫旭的CSS深入理解之line-height学习笔记
line-height的定义
行高：两行文字基线之间的距离
为何是基线：基线是定义所有字线的根本
不同字体和基线的距离不同，在字格中放置的样式不同
行内框盒模型
内容区域（con...
6 小时前
推荐一个很好用的vscode插件：一个可以给出vuex中store定义信息的vscode插件
想要解决的问题
在使用Vuex管理自己应用的状态时，因为状态过多，为了正确性每次都要打开vuex定义文件，去复制定义时的函数名或者状态名，无形中就浪费了许多时间，为了解决这个痛点，开发了这个vscode插件。
通过使用 ast 和正则表达式...
6 小时前
【学习笔记】CSS深入理解之float
张鑫旭的CSS深入理解之float浮动学习笔记
float的历史
float为产生文字环绕效果而生
float的特性 — 包裹和破坏
包裹：即产生一个BFC
破坏：使父容器塌陷，元素脱离文档流，产生inline boxes环绕
清除浮动...
6 小时前
CSS中左上朝向三角形(Top-Left Triangle)的几种制作方式
今天我们介绍几种，用css实现**左上朝向三角形（Top-Left Triangle）**的写法。
示意图（以宽高各60px为例）：
这种三角形，一般可以用来做“对话框”类型图形的左下小脚。
第一种：
#triangle-topleft ...
6 小时前
想写好前端，先练好内功
前言
封不平听在耳里，暗叫：“到这地步，我再能隐藏甚么？”仰天一声清啸，斜行而前，长剑横削直击，迅捷无比，未到五六招，剑势中已发出隐隐风声。他出剑越来越快，风声也是渐响，剑锋上所发出的一股劲气渐渐扩展，旁观众人只觉寒气逼人，脸上、手上被...
6 小时前
如何让 node 运行 es6 模块文件，及其原理
最新版的 node 支持最新版 ECMAScript 几乎所有特性，但有一个特性却一直到现在都还没有支持，那就是从 ES2015 开始定义的模块化机制。而现在我们很多项目都是用 es6 的模块化规范来写代码的，包括 node 项目，所以，n...
6 小时前
每天一个设计模式之订阅-发布模式
博主按：《每天一个设计模式》旨在初步领会设计模式的精髓，目前采用javascript（靠这吃饭）和python（纯粹喜欢）两种语言实现。诚然，每种设计模式都有多种实现方式，但此小册只记录最直截了当的实现方式 :)
0. 项目地址
1. ...
6 小时前
vue项目自定义ESLint规则
eslint配置方式有两种：
注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里
配置文件：使用一个js，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件...
6 小时前
读书笔记(05) - 事件 - JavaScript高级程序设计
HTML依托于JavaScript来实现用户与WEB网页之间的动态交互，接收用户操作并做出相应的反馈，而事件在此间则充当桥梁的重要角色。
日常开发中，经常会为某个元素绑定一个事件，编写相应的业务逻辑，在元素被点击时执行，并反馈到用户操作界...
10 小时前
vue2.0自定义指令与实例的属性和方法
前言
本文主要介绍自定义指令、生命周期、计算属性和实例的属性和方法
如果有需要源代码，请猛戳源代码
本文首发地址为GitHub博客,写文章不易，请多多支持与关注！
一、自定义指令
Vue自定义指令和组件一样存在着全局注册和局部注册两种方式。...
11 小时前
这次，彻底弄懂接口及抽象类
作者：伯特
出处：github.com/ruicbAndroid/LoulanPlan
声明：本文出自伯特的《楼兰计划》，转载务必注明作者及出处。
本文旨在讨论抽象类和接口的作用、实例及使用场景，都是我的理解和总结。更多关于接口和抽象...
11 小时前
【每日一包0025】events
[github地址：https://github.com/ABCDdouyae…]
events
事件触发器
大多数 Node.js 核心 API 构建于惯用的异步事件驱动架构，其中某些类型的对象（又称触发器，Emitter）会触发命名...
12 小时前
Vertical-Align: 你应该知道的事情
平时遇到vertical-align时候会有各种抓狂的时刻，调来调去虽然也弄好了但是心里面一直很虚，因为一直没有透彻理解过这个属性，搜索时候发现了一篇很棒的文章，算是半翻译吧，把这个属性好好总结一下。
引言
说起vertical-align...
12 小时前
实现一个简单的chrome插件
我们在上网的时候，都会用到浏览器，但是浏览器并非拥有我们想要的所有功能，我们可以根据自己的需要，实现自己的插件来满足需求。比如网页中经常会有大量的广告，如果你希望拥有一个纯净的网页，可以实现一个插件来删除网页中的广告部分，如果你觉得浏览器自...
12 小时前
