女王控的博客

全部

198 篇文章

富文本框疑难点处理过程

需求背景 最近要做一个需求类似于富文本框的功能,需要输入带有 span 标签并显示,同时 span 标签是一个整体,只能同时输入同时删除,目前需求只有这一个 html 标签,暂时无其他标签 需求难点 placeholder 提示语 input 和 textarea 能轻松实现 placeholder 提示语的效果,但作用于 contenteditable 的元素,placeholder 不起作用,可以通过 css 的 :empty 解决 获取输入框的内容 可以利用 innerHTML… »

ReactPlayer之IE兼容性研究

需求背景 解决 react-player 控件在 IE 浏览器下声音的播放 核心思路 ReactPlayer 底层调用了 audio 标签来播放音频,video 标签来播放视频,因为在 IE 浏览器下是没有 audio 标签的,所以使用了 embed 标签,其在 IE 下是调用 windows media player,关于其用法如下 功能 播放: MediaPlayer.Play() 暂停: MediaPlayer.Pause() 定位: MediaPlayer.SetCurrentEntry… »

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

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

git 飞行规则

前言 英文原版 README 翻译可能存在错误或不标准的地方,欢迎大家指正和修改,谢谢! 什么是”飞行规则”? 一个 宇航员指南 (现在, 程序员们都在使用 GIT) 是关于出现问题过后应该怎么操作。 飞行规则 (Flight Rules)- 是记录在手册上的来之不易的一系列知识,记录了某个事情发生的原因,以及怎样一步一步的进行处理。本质上, 它们是特定场景的非常详细的标准处理流程。 自 20 世纪 60 年代初以来,NASA 一直在捕捉 (capturing… »

CSS经典样例实现

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

0%