Mr_yq-CSDN博客

原创 mac chrome停用跨域

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/mac/MyChromeDevUserData/

2019-11-19 11:43:39 537

原创 switch按钮文字切换

<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title> <style> body{background: rgb(57, 179, 255)} label { display: b...

2019-09-27 09:51:27 1268

原创歌词滚动的原生js实现

歌词滚动的原生js实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <style> #app { ...

2019-09-24 17:02:51 457

原创 swiper异形切换(可视化)

swiper 版本 Swiper4.x 自己用到这个组件，数值老是调不理想做了个简单demo,方便以后调用，需要用到的试试吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https...

2019-09-18 19:14:26 4092

原创点击滑动到指定位置

这里只是提供一个思路，一个demo版，具体功能需自己完善<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * {margin: 0;padding: 0;...

2019-09-18 18:46:47 797

转载学习CSS Grid 网格布局（入门）

CSS Grid 布局据说很火。该布局系统规范最近获得了主流浏览器的支持，包括最新版本的 Firefox，Chrome，Opera，Safari和 Edge 介绍CSS Grid(网格) 布局使我们能够比以往任何时候都可以更灵活构建和控制自定义网格。 Grid(网格) 布局使我们能够将网页分成具有简单属性的行和列。它还能使我们在不改变任何HTML的情况下，使用 CSS 来定位和调整网格内的

2018-01-09 15:13:05 759 1

原创清除浮动的四种方法

清除浮动影响的4种方法：（推荐使用方案四，兼容性最好）方案一.clearfix{clear:both;}原理：在父元素中，追加空子元素，并设置其clear属性为both clear是css中专用于清除浮动的属性作用：清除当前元素前面的元素浮动所带来的影响取值： 1、none 默认值，不做任何清除浮动的操作 2、left 清除前面元素左浮动带来的影响

2017-11-29 22:46:43 1123

原创盒子模型，块级元素和行内元素特性与区别

盒模型到底是什么？盒模型是CSS实现页面布局的一种思想：把页面的所有元素都看成一个类似于礼品盒的盒子，礼品盒可能会有好多层包装组成，那么页面元素也对应的有内容、边框、内外边距等组成。这里特别提醒一下，盒模型是要把元素看成立体的，它确实有空间的属性，我在后面详细介绍。盒模型的概念明白了，就该注意盒模型的种类了目前有：标准盒子模型和IE盒子模型 2种盒模型。他们各自长这样：

2017-11-28 22:22:10 2223

转载 XSS的原理

Web安全之XSSXSS 全称(Cross Site Scripting) 跨站脚本攻击，是Web程序中最常见的漏洞。指攻击者在网页中嵌入客户端脚本(例如JavaScript), 当用户浏览此网页时，脚本就会在用户的浏览器上执行，从而达到攻击者的目的. 比如获取用户的Cookie，导航到恶意网站,携带木马等。作为测试人员，需要了解XSS的原理，攻击场景，如何修复。才能有效的防

2017-11-27 14:31:39 894

转载 JSON 基础 + PHP 处理 JSON + Python 处理 JSON

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。

2017-11-25 16:50:17 555

原创 pc端和手机端禁用滚动条

pc端：禁止出现滚动条html,body{overflow:hidden;overflow-y:auto;}禁止纵向滚动条禁止横向滚动条overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容overflow: auto; 在需要时内容会自动添加滚动条overflow: scroll; 总是显示滚动条overflow-x:

2017-11-23 17:34:41 2229

转载获取scrollTop兼容各浏览器的方法，以及body和documentElement是啥？

1、各浏览器下 scrollTop的差异 IE6/7/8：对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度；对于有doctype声明的页面则可以使用 document.documentElement.scrollTop； Safari: safari 比较特别，有自己获取scrollTop的函数

2017-10-18 17:39:32 1377

原创如何去掉input默认样式

第一种：直接在input中加style=“outline:none;”第二种方式：在顶部style中直接控制css样式： input{outline:none;}第三种方式：直接用 input:focus { outline: none; } 控制聚焦时不出现蓝色边框~

2017-10-15 10:12:46 91254 2

Mr_yq的博客