最新文章更多>>
【学习笔记】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 小时前
回到顶部