长安引梦。-CSDN博客

原创个人笔记2020 6-11

JS中的正则表达式正则表达式用于对字符串匹配及检索替换，是对字符串执行模式匹配的强大工具，JS中的正则表达式使用RegExp对象表示。语法1.var patt=new RegExp(pattern,modifiers)代码及效果如下：<script type="text/javascript"> var patt=new RegExp('javascript') var res=patt.test('this is javascript')/用test方法

2020-06-11 21:08:59 141

原创个人笔记2020 6-10

JS中4个描述行为的键值1.value 表示与属性有关的值示例如下：<script type="text/javascript"> var obj={} Object.defineProperty(obj,'x',{ value:100 }); document.write(obj.x) </script>2.writable表示是否可改变值，默认为false默认情况如下：

2020-06-10 21:45:51 120

原创个人笔记2020 6-9

JS中如何定义对象1.自定义对象通过var obj={}创建示例如下： <script type="text/javascript"> var obj={x:1,y:2,z:3}; document.write(typeof obj) </script>需要注意的是这里的属性名x,y,z均没有加引号，但有如下情况时属性名必须放在引号之间：1.属性名是Javascript的保留字之一（如“for”等关键字）2.属性名包含特殊字符（除字

2020-06-09 20:51:33 162

原创个人笔记2020 6-8

JS中的全局函数1.parseInt(string,radix):返回转换成整数的值radix表示基数即进制数各种示例如下：<script type="text/javascript"> document.write(parseInt('12')+'<br/>'); document.write(parseInt('1sab')+'<br/>'); document.write(parse

2020-06-08 20:41:04 107

原创个人笔记2020 6-7

JS隐式转换1.转换成布尔类型转换成false的4种情况：undefined;null；数值0或0.0或NaN；字符串长度为0其他情况均为true 代码及各种转换情况如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"

2020-06-07 16:32:06 142

原创个人笔记2020 6-6

盒类型在CSS3中使用display属性来定义盒的类型，总体来说盒分为block和inline类型。比如div元素和p元素就属于block类型，span和a属于inline类型。两者区别如下（以div和span为例）：1.inline-block类型inline-block盒类型属于block盒的一种，但是在显示时具有inline类型盒的特点例如：如果在div元素中分别将display设置为inline-block和inline后效果一样...

2020-06-06 22:52:47 187

原创个人笔记2020 6-5

文字阴影效果原代码以及效果图如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>文字阴影text-shadow</title> <style> h1{ } </style></head><body>

2020-06-05 20:50:26 121

原创个人笔记2020 6-4

CSS3中的多栏布局1.column-count属性写法：column-coutnt：栏目数兼容性写法：-webkit-column-count:3；-moz-column-count:3;代码及效果图如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>CSS3之前的布局</title> <style&g

2020-06-04 20:41:29 307

原创个人笔记2020 6-3

CSS3中的变形功能运用transform属性来实现变形原代码及效果图如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>transform属性</title> <style> div{ margin:0 auto; width: 300px;

2020-06-03 20:46:53 94

原创个人笔记2020 6-2

CSS3中的 background-clip背景属性原代码及效果图如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3中的背景属性</title> <style> div{ width:100px; height:100px;

2020-06-02 20:09:31 96

原创个人笔记2020 6-1

overflow属性overflow属性用来指定对盒中容纳不下的内容的显示办法1.hidden值：超出容纳范围的文字将被隐藏用法如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>溢出</title> <style> div{ width:100px;

2020-06-01 21:04:47 340

原创个人笔记2020 5-31

伪类选择器及伪元素要点伪类选择器和类选择器区别在于类选择器可以随意命名，而伪类选择器是CSS已经定义好的选择器，不可以随意起名。最常见的伪类选择器a:link{ color: red; }/*未被访问的链接*/a:visited{ color: blue; }/*已被访问的链接*/a:hover{ color :green; }/*鼠标移动到链接上*/a:active{

2020-05-31 17:40:46 144

原创个人笔记2020 5-30

个人笔记css3新增的属性选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css中属性选择器</title> <script type="text/javascript" src="index.js"></script> <style> [id*=sec

2020-05-30 19:36:37 165

lyxilu的博客