- 博客(19)
- 收藏
- 关注
RSS订阅原创 正则表达式
正则表达式.符号 除了换行键以外的任意单个字符*符号 重复0~n次匹配+符号 重复一次到多次匹配?符号 进行0次或1次匹配{n} 重复n次{n,} 重复n次以上{m,n} 至少匹配m次至多匹配n次 [注]^abc{3}$表示c重复三次\w 数字字母下划线 相当于[0-9 a-z A-Z _]\W 非数字字母下划线\d 表示数字\D表示非数字\s 匹...
2020-04-16 19:24:06
181
原创 JS中 this指向问题
相信很多人学到this 时就会多多少少感觉到了迷惑,下面就逐个分析一下thisthis在不同函数中有着不同的指向,下面列举6种不同的函数一一说明一.普通函数普通函数的this指向window,可以通过下面的代码加以验证...
2020-04-15 19:24:57
255
原创 构造函数和原型学习总结
ES5 构造函数和原型学习总结一:实例成员和静态成员实例成员是构造函数内部通过this添加的成员,实例成员只能通过实例对象来访问静态成员是通过构造函数添加的成员,只能通过构造函数调用二:构造函数的缺点:构造函数创建实例时,会为每一个实例对象单独开辟一个方法的空间来存放同一个函数,这样非常浪费资源[解决方法]:[prototype(原型对象):每个构造函数都有一个原型对象,我们把共有的方...
2020-04-14 20:45:03
195
原创 原生JS实现放大镜效果
效果图如下:HTML代码如下: <div class="small"> <img src="small2.jpg" alt="" width="400px" height="400px"> <div class="mask"></div> </div> <div class="b...
2020-04-09 20:04:51
186
原创 一天一代码之CSS3 3D动画 旋转木马
效果图如下:CSS代码如下: body { perspective: 1500px; } .box { position: relative; width: 300px; height: 285px; margin: 200...
2020-03-31 20:35:11
232
原创 一天一代码之CSS3 3D动画 导航栏案例
效果图如下:CSS代码如下: * { margin: 0; padding: 0; } ul { width: 1000px; height: 200px; margin: 200px; } ...
2020-03-30 08:21:49
316
原创 一天一代码之CSS3动画(反转标签)
CSS效果图如下:CSS源代码如下: body { perspective: 500px; } .box { position: relative; width: 200px; height: 200px; margin: ...
2020-03-28 20:20:10
169
原创 一天一代码之CSS3动画(大数据热点图)
CSS效果图如下:CSS代码如下:.map { position: relative; widows: 600px; height: 489px; background: url(timg.jpg) no-repeat; } .shenyang {...
2020-03-27 18:29:54
427
1
原创 一天一代码之CSS3动画(你没有女朋友)
CSS3的动画效果可以制作出许多有趣的动画效果,下面那展示一下:CSS代码如下: div { overflow: hidden; width: 0px; height: 30px; margin: 200px auto; /* background-color: pink;...
2020-03-27 18:22:14
201
原创 一天一代码之CSS3动画scale
CSSx新增的scale属性可以做出不错的动态按钮效果图如下源代码如下ul { margin: 200px auto; list-style: none; } ul li { float: left; margin-right: 20px; ...
2020-03-25 20:19:11
171
原创 一天一代码之CSS3旋转rotate实例
CSS3新增了rotate属性效果图如下:源代码如下: div { overflow: hidden; /* 这里的溢出隐藏一定不要忘记 */ width: 300px; height: 300px; margin: 100px auto; ...
2020-03-24 19:48:07
189
原创 如何用CSS写出三角形
下面讲一下如何用CSS代码写出三角形,话不多说直接上代码:<style> div { width: 0; height: 0; border-top: 100px solid pink; border-right: 100px solid #ff8066; ...
2020-03-22 20:41:40
375
原创 CSS实现圆,圆角边框
用CSS可以实现圆,圆角边框,下面具体演示一下这两个图案一.圆形思路:圆形实际上是在一个正方形的基础上加一个border-radius属性实现的代码如下:<style> div { height: 100px; width: 100px; border-radius: 50px; ...
2020-03-21 20:59:29
1316
原创 HTML5 audio和video标签
HTML 5 新增了audio和video标签,下面详细介绍一下这两个标签的具体属性audio(音频)标签属性值描述auttoplayautoplay音频就绪后自动播放controlscontrols向用户显示控件(播放,暂停,音量)looploop循环播放srcurl音频的URL路径video(视频)标签属性值描...
2020-03-20 18:14:13
288
原创 如何给自己的网页加上图标
很多人不清除怎么给自己的网页加图标,下面详细的介绍一下具体的流程1.先准备想作为图标的图片,下面是我准备的图片2.作为网页的图标需要.ico格式的图片,需要将准备的jpg或者png格式的图片转换成.ico格式,我用到比特虫这个网站在线转换3.打开网站后选中自己的图片和大小点击生成ico图标就可以导出.ico格式的图片了4.导出图标后把图片放到与html相同的目录下并在html的he...
2020-03-19 20:34:23
2253
原创 关于CSS中关于定位的总结
CSS中定位有四种在不同的场景下有不同的作用下面我就大体的介绍一下这四种定位.static静态定位:应用的场景不多,这里不做介绍下面主要介绍一下其他三种常见的定位1.position:relative相对定位:顾名思义,相对定位就是相对于原来自己的位置做出对应的变化, 需要注意的是 :元素移动后会占有原来的位置(这是relative定位最为重要的一点)下面为代码演示部分:<styl...
2020-03-18 19:33:46
1058
2
原创 CSS样式书写顺序
相信有些小白写CSS属性的时候都是想到哪个属性就写哪个属性,这样写起来会显得CSS样式有些混乱,下面我就给大家归纳一下CSS书写顺序建议遵循以下顺序1.布局定位属性: display/ position/ float/ clear/ visibility/ overflow(建议**display**第一个写,毕竟关系到模式)2.自身属性: width/ height...
2020-03-17 17:09:21
310
3
原创 CSS解决盒模型塌陷的三种方法
相信大家都遇到过这种情况,先定义了一个父div和一个子div<div class="father"> <div class="son"></div> </div>之后给了一些样式后给子盒子margin-top:50px后,就变成了这样这种状况就叫做盒模型塌陷下面给出三种解决方法1.给父元素添加上边框.fathe...
2020-03-16 18:15:59
832
原创 CSS中的行内块元素的注意事项
CSS中的行内块元素的注意事项1.行内块不给宽度,默认宽度是内容宽度2.行内块元素(图片,表单(input),单元格)中间会有间隙,给他们添加浮动之后就会紧贴在一起3.固定/绝对定位 和 浮动 会使元素的display属性转换为行内块4.vertical-align:middle用于行内元素和 行内块元素的居中对齐5.text-align:center可以让文字居中外,还可以使行内元素和...
2020-03-15 16:52:00
288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人