关注
分享
萌主_iii
以新的心情和面貌，走进博客领域！
同样，把自己qq签名作为我一生乃至好几生的活着的坚守。。。
相信自己，你的未来不是梦！
浪费青春，就是浪费生命！
乐观，时刻微笑着！
宥，他人，也是自己！
展开
-
<img>等标签在指定容器中水平垂直居中的几种实现方法
1.通过设置相对位置和绝对位置 父元素：position: relative; img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }2.通过设置transform img{ left原创 2017-09-09 22:30:40 · 985 阅读 · 0 评论 -
IE与DOM事件流的区别
1.事件流的区别 IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件 示例： 事件流 冒泡型事件模型： button->div->body (IE事件流) 捕获型事件模型： body->div->button (Netscape事件流) DOM事件模型： body->div->button->button->div->body (先捕获后冒泡)原创 2017-09-07 23:13:59 · 482 阅读 · 0 评论 -
圣杯布局、双飞翼布局、Flex布局和绝对定位布局的几种经典布局的具体实现示例
题目要求：针对如下DOM结构，编写CSS，实现三栏水平布局，其中left、right分别位于左右两侧，left宽度为200px，right宽度为300px，main处在中间，宽度自适应。 要求：允许增加额外的DOM节点，但不能修改现有节点顺序。 <div class="container"> <div class="main">main</div> <div class="原创 2017-09-10 23:33:40 · 41889 阅读 · 30 评论 -
Doctype作用？严格模式、混杂模式和怪异模式如何区分？它们有何意义？
Doctype作用？严格模式、混杂模式和怪异模式如何区分？它们有何意义？1、doctype的作用： 声明位于文档 的最前面，告知浏览器的解析器，用什么文档类型、规范来解析这个文档。注意：1).规范是指W3C发布的文档类型定义(DTD)中的规则。 2).三种DTD类型：严格、过渡和基于框架的HTML版本。2、严格模式、混杂模式和怪异模式的区分 1）严原创 2018-01-04 16:33:01 · 2324 阅读 · 0 评论 -
前端精美小Demo之---进制转换器实现
进制转换器实现 说明：支持在2~36进制之间进行任意转换，支持浮点型。完全通过HTML、CSS和JavaScript实现2~36进制之间的同步转换，其中部分样式使用bootstrap框架，js实现通过jquery实现。 实现代码：可到https://github.com/wangchengiii/My_BHD_Converter获取。 下面为同步进制转换器实现的部分效果图： ...原创 2018-03-09 11:28:44 · 1067 阅读 · 2 评论 -
使用纯JavaScript或者jquery插件实现各种验证码总结
使用纯JavaScript或者jquery插件实现各种验证码总结 验证码的实现形式和表现方式多种多样，静态的，动态生成的，数字字母的，算术题模式，汉字的，图片选择，手势拖动的等等，下面将一一展示，选择你想要的验证码： 实现代码：可到https://github.com/wangchengiii/CAPTCHA获取。验证码1-简单四位字母数字 (点击验证码不可更新，可进行输入验证...原创 2018-03-10 11:38:32 · 1957 阅读 · 7 评论