
前端开发
文章平均质量分 83
wyhstars
做最喜欢的自己
展开
-
HTML音频视频、JS方法,以及插件使用教学
文章主要讲解如何给页面添加音频以及视频媒体文件,以及如何调用JavaScript方法使您插入的媒体文件更完善。 音频部分:音频格式以及浏览器支持情况: 目前, 元素支持三种音频格式文件: MP3, Wav, 和 Ogg: 音频格式的MIME类型: 通常添加音频文件我们可以通过两种方式: 一、 HTML音频 ●使用 embed 标签(W3C标准): embed标签定义原创 2019-02-26 13:43:13 · 2698 阅读 · 0 评论 -
CSS盒子模型详解
在认真学习并且多次上手练习盒子模型之后,对于盒子模型的一些心得体会,作为css不可或缺的重要部分,希望可以帮到每一个在编程学习路上摸爬滚打的码友们。本文章重点介绍盒子模型的两种形态:标准盒子模型(用于支持w3c的浏览器);变态盒子模型(用于IE浏览器)。在实际操作中就会发现,变态盒子模型的意义所在,通过对它的使用可让你轻松避免在布局屏幕自适应时布局错乱的情况,具体如何实现,就请往下看吧!盒子模原创 2017-10-25 15:28:28 · 1139 阅读 · 1 评论 -
弹性盒子(灵活布局)详解
2009年,W3C 提出了一种新的方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。 读了本篇文章,大家将会知道:Flex布局相较于传统布局方式有哪些优点; 为什么我们要采用Flex布局来进行页面设计; 我们如何通过Flex布局来设计页面。 传统布局——基于盒子模型,依赖 display 属性、position属性、float属性。 它对于那些特殊布局原创 2017-11-04 15:38:09 · 24007 阅读 · 0 评论 -
详解Bootstrap中JS插件实现下拉菜单效果
在编写网站过程中,导航条中下拉菜单功能十分常见。那么,今天就分享一下关于如何通过Bootstrap中JS插件来实现下拉菜单功能。 在官方文档中是这么形容下拉菜单插件的 翻译过来就是: 通过此插件您可以为几乎所有东西添加下拉菜单,包括导航条、标签页、胶囊式按钮。 接下来,我们就按照官方文档所描述的那样,为大家演示, 我们如何通过JS插件为导航条、标签页以及胶囊式按钮添加下原创 2017-11-27 23:59:51 · 11819 阅读 · 1 评论 -
结合测试题分析XSS跨站脚本攻击几种常见手段(内附https://xss.haozi.me/试题答案)
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...原创 2018-07-06 10:10:48 · 2225 阅读 · 1 评论 -
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
前段时间,在实现带输入建议并且支持模糊查询输入框的时候,发现了两个值得注意的小地方。整理出来,以供借鉴。废话不多说,直接来解决问题。踩坑问题描述:问题一:获取到后端返回的数组,并将数组传入作为 results 传入 callback 后,焦点放在 输入框 上的时候,并未出现任何内容,只出现了一个不完整的空白框。 问题解决方案:这个问题开始我以为是传进 ...原创 2018-08-14 21:04:31 · 41669 阅读 · 24 评论 -
通过原生JS和CSS制作钟表
实现思路:通过css实现钟表样式;通过JavaScript实现时间调用以及计时器1s刷新。具体应用到的属性介绍:一、CSS部分:position属性(relative/absolute): ① relative(相对定位): 相对定位是相对于自己原来的位置定位。 不会释放掉元素在原有文档流中的位置,不会影响其他文档流元素的位置; ② absolute(绝...原创 2017-10-29 22:38:39 · 693 阅读 · 0 评论 -
CSS盒子模型要点补充
情况介绍: 当父盒子包裹子盒子,给子盒子添加margin-top时,子盒子与父盒子的上边线并不能分开,而是会导致,两个盒子同时下来。 示例代码: <style> *{ margin: 0px; padding: 0px; } #father{ width: 400px;原创 2017-10-29 23:13:22 · 420 阅读 · 0 评论 -
深入理解instanceof实现原理
许久没有写博客啦,最近有时间,将近来学到的一些有价值的东西整理下来└(^_^)┘废话不多说,开冲!文章目录由类型判断引出 `instanceof``instanceof` 判断继承`instanceof` 实现原理`instanceof` 易错问题由类型判断引出 instanceof在 JavaScript 中,有7种基本类型(包括6种原始类型以及对象类型)。在某些场景下,可能会需...原创 2019-02-26 13:20:43 · 6377 阅读 · 1 评论