前端
关注
分享
扫一扫
文章平均质量分 57
mkmin
主要对新手入门
展开
-
Document.execCommand指令使选中的字体变粗
三月份了，广州的春天也到了，白昼也正在努力向着夜晚扩张，夜晚六点多也可以看到鱼肚白了常用的富文本中，常常可以看到斜体/粗体的切换。比如下方这是一个在富文本编译器中很常见的功能，即使此时的我，用着csdn的时候，也可以看到这个功能需要解析这个功能，需要使用到一个api。documnet.execommand接下来是使用它作为一个简单的例子。比如<!DOCTYPE html><html lang="en"><head> <meta char原创 2022-03-02 17:08:30 · 525 阅读 · 0 评论 -
window.getSelection
开发中，时常会遇到一个开发场景。当我们在编辑一个富文本的时候。当用户选择了某些文字。我们需要弹出一个窗，让用户选择是否把它变成可粗体，比如下面这个图当然，今天不会直接敲出这个效果，而是解析下而已。毕竟敲出来对新手不友好，需要给予更多的时间思考通过测试多次。我们发现了几个问题，1.触发这事件的效果，是需要在鼠标起来的时候触发。2.鼠标起来的时候，如果被选中的包含太多了。比如多个元素，则不显示操作简单版本就只有这两点，更复杂的效果是还要考虑类似‘ctrl’+‘A’时的情况对于上述问题，第一点，使用原创 2022-02-22 17:38:20 · 1342 阅读 · 0 评论 -
js动态添加元素为何 点击事件无效
本来觉得不用提的，但是发现最近几个朋友在提，而且新来的小兄弟也有点迷糊这个，所以就简单说说，看看下面的代码： .a {width: 100px;height: 100px; background: #000;margin: 10px; } 展示 增加 function showbtn(){ al原创 2017-10-29 21:53:25 · 4118 阅读 · 0 评论 -
前端优化1--reflow
前端。reflow原创 2017-08-10 10:56:44 · 499 阅读 · 0 评论 -
对于bootstrap的个人理解
对于bootstrap的一些心德原创 2017-06-03 13:40:52 · 2315 阅读 · 0 评论 -
css布局：双飞翼布局与圣杯布局
双飞翼布局以及圣杯布局的实现原创 2017-06-03 13:34:39 · 534 阅读 · 0 评论 -
javascript：操作input返回的图像文件
获取inpu标签的文件（图片为例）原创 2017-05-28 16:41:28 · 815 阅读 · 0 评论 -
css的定位
关于css的相对布局以及绝对布局原创 2017-05-16 18:47:06 · 428 阅读 · 0 评论 -
html css入门书籍推荐
好尴尬，最近找工作，一直遇到培训机构，妹的。。。。只能慢慢找了首先，希望大家有基本的html以及css的基础来看下面基本书：1.html5秘籍2.css3实战3.javascript权威指南4.jquery权威指南希望能快点找到工作，qq：1738731967原创 2017-03-05 16:44:32 · 5878 阅读 · 0 评论 -
css使用checkbox来打造switch开关按钮
css3打造switch开关按钮原创 2017-05-14 09:17:54 · 5621 阅读 · 2 评论 -
js 循环添加点击事件
直接代码： (function(x) { li[x].onclick = function() { alert(x); } })(i); } 地址： http://blog.sina.com.原创 2017-04-20 19:57:35 · 4007 阅读 · 0 评论 -
nth-child的使用
觉得这篇博客可能会帮到其他朋友之前在学习css3的使用，接触到了nth-child（）这一选择器，发现怎么也用不好，今天有空了，就去试了下，（只举一个例子）直接说吧，后代选择器：例子：.parent div:nth-child(1)解说：--使用这个子类选择器的时候，需要注意，这是两个验证条件，是没有关系的必须满足第n个子元素是div的时候才可以触发，不是满足在他的子类原创 2017-05-02 22:45:50 · 1342 阅读 · 0 评论 -
js事件冒泡
今天提个简单点的话题：事件冒泡提到事件冒泡，那么我们就要提到事件捕获，首先，提一下，就是也许你会觉得事件冒泡是一个“行为”，然后我们去“事件捕获”，很遗憾的说一句，事件冒泡还有事件捕获都是“行为”，只是两种有不同的顺序假设有下面这么两个元素：很简单，对吧，这时候，我们需要来份别添加点击事件，这时候，请注意，在动态添加点击事件的时候，有第三个参数，他的默认值是原创 2017-05-02 22:40:52 · 377 阅读 · 0 评论 -
html 轮播图
本来觉得不用上传，大家应该都会得，想想还是上传了。轮播图，原理都懂，但是实现由很多种方法，我就直接上代码，各位看看就好 * { margin: 0; padding: 0; border: 0;原创 2017-04-20 00:25:43 · 870 阅读 · 0 评论 -
html 楼梯效果
下面是在jd看到的，觉得挺好玩的，就学习了，百度很久，才发现叫楼梯效果代码： * { margin: 0; padding: 0; border: 0;原创 2017-04-20 00:23:21 · 2449 阅读 · 0 评论 -
html 放大镜效果
还是用到html还有css，写的非常简单，很容易懂，就不多废话了代码如下： #smallbox { border: 1px solid #000000; width: 450px;原创 2017-04-20 00:19:35 · 5815 阅读 · 0 评论 -
html5 3d效果
前端，使用html+css3来实现3d的效果，代码比较简单原创 2017-04-20 00:16:24 · 720 阅读 · 0 评论 -
js:取消事件的默认行为
取消事件的默认行为原创 2017-05-01 23:17:42 · 3817 阅读 · 0 评论 -
父元素高度无法适配子元素的原因
解决父容器无法适配子容器高度原创 2017-05-01 03:17:34 · 1240 阅读 · 0 评论