女王控的博客

前端

116 篇文章

你不知道的 JS 之异步与性能

异步:现在与将来 分块的程序 程序是由多个块组成,只有一个是现在执行,其余的则会在将来执行,最常见的块单位是函数 程序中将来执行的部分并不一定在现在运行的部分执行完后就立即执行,也就是现在无法完成的任务将会异步完成 从现在到将来的等待最简单的方法是使用一个通常称为回调函数的函数 可以同步发送 ajax 请求,但是建议在任何情况都不应该使用这种方式,因为它会被锁定器 UI(按钮、菜单、滚动条等),并阻塞所有用户交互 考虑以下代码: 以上代码可以拆分现在和将来部分: 异步控制台 宿主环境添加到 js… »

CSS经典样例实现

下面这个图形,只使用一个标签,可以有多少种实现方式: 假设单标签是一个div: 定义如下通用CSS: border 使用伪元素 使用具有相对特性的无依赖的absolute绝对定位 父元素去掉position:relative属性 外 box-shadow box-shadow: 水平阴影位置 垂直阴影位置 模糊距离 阴影的尺寸 阴影的颜色 内部阴影 内box-shadow drop-shadow 渐变 linearGradient /* 从下到上,从蓝色开始渐变、到高度4… »

CSS世界内联元素与流

块级元素负责结构,内联元素接管内容,而 CSS 世界是面向图文混排,也就是内联元素设计的,由此可见,本章内容在整个 CSS 世界体系中占有非常重要的位置。 字母 x —— CSS 世界中隐匿的举足轻重的角色 字母 x 与 CSS 世界的基线 在各种内联相关模型中,凡是涉及垂直方向的排版或者对齐的,都离不开最基本的基线 (baseline)。例如,line-height 行高的定义就是两基线的间距,vertical-align… »

CSS世界四大盒尺寸

深入理解content content与替换元素 替换元素 根据外在盒子是内联还是块级,元素分为内联元素和块级元素,而根据是否具有可替换内容,我们也可以把元素分为替换元素和非替换元素 通过修改某个属性值呈现的内容就可以被替换的元素称为替换元素,例如img、object、video、iframe或者表单元素textarea、input 特性 内容外观不受页面上CSS的影响,需要类似appearance属性或者浏览器暴露的一些样式接口 有自己的尺寸,在没有明确规定尺寸的情况下,video… »

RxJS深入学习

合并序列 合并序列也属于创建序列的一种,例如有这样的需求:进入某个页面后拿到了一个列表,然后需要对列表每一项发出一个http请求来获取对应的详细信息,这里我们把每个http请求作为一个序列,然后我们希望合并它们。 合并有很多种方式,例如N个请求按顺序串行发出(前一个结束再发下一个);N个请求同时发出并且要求全部到达后合并为数组,触发一次回调;N个请求同时发出,对于每一个到达就触发一次回调。 如果不用RxJS,我们会比较难处理这么多情形,不仅实现麻烦,维护更麻烦,下面是使用RxJS… »

0%