2020年01月_蓬莱老仙

原创 CSS3-transform 2D转换

transform 转换，是CSS3最具颠覆性的特性之一，既可以应用2D转换，也可以应用3D转换。2D转换：通过该属性可以对元素在平面上进行缩放、旋转、移动和斜切等操作。通过 transform 中的方法对元素进行缩放，移动等不同于传统方法（设置 width、height等）会影响页面的布局，transform 中的方法并不会影响页面的布局。缩放通过 scale() 方法将元素根据中心原点...

2020-01-31 17:52:40 342

原创 CSS3-过渡动画

CSS3 中的 transition 属性用于实现元素从一种样式变换为另一种样式时为元素添加过渡效果。transition 属性是一个综合属性，可以简写也可以单独设置某个单一的属性。综合设置语法：transition: property duration timing-function delay;property 需要过渡的样式属性（必要）；值为 ...

2020-01-30 16:31:03 303

原创 CSS3-径向渐变

径向渐变就是从一个中心点开始向四周产生渐变的效果；CSS3 中提供了实现径向渐变的 radial-gradent() 函数；使用该函数时，至少需要两个终止色。语法：background-image: radial-gradient(shape size at position, start-color, ..., last-color);shape 用于设置径向渐变的的形状；未指定渐变形...

2020-01-29 16:37:01 534

原创 CSS3-背景原点、背景裁剪

background-origin 用于设置背景图像相对于什么位置来定位（背景图的起点）。语法：background-origin: padding-box|border-box|content-box;属性值作用border-box背景相对于元素边框来定位；从 border 区域（含border）开始显示背景图像padding-box背景相对于内边距来定位...

2020-01-26 16:42:55 423

原创 CSS3-文本阴影

文本阴影是通过 text-show 样式属性来设置；通过该属性可以向文本添加一个或多个阴影。语法：text-shadow: h-shadow v-shadow blur color;h-shadow 水平阴影的位置（可以是负值，正值向右偏移）v-shadow 垂直阴影的位置（可以是负值，正值向下偏移）blur 阴影模糊距离clor 阴影的颜色示例：CSS:h1 { te...

2020-01-26 14:35:16 1759

原创 CSS3-线性渐变

CSS 通过 linear-grandient() 函数来创建一个表示两种或多种颜色的线性渐变的“图像”；其结果属于 <gradient> 数据类型，是一种特别的 <image>数据类型。语法：background-image: linear-gradient(direction, color-stop1, color-stop2, ...);direction...

2020-01-26 11:11:35 423

原创 CSS3-:empty、:not()选择器的用法

`:empty` 用于选择指定的没有子元素（包括文本节点）的元素。`:not(selector)` 选择每个元素不是指定的元素或选择器部分；就是取非。

2020-01-25 00:14:44 1217

原创 CSS3-属性选择器

属性选择器通过标签中存在的属性来选择特定的 HTML 元素语法：element[Attribute_Name]element HTML 元素Attribute_Name 属性名分类描述示例E[att]选择属性为 att 的 E 元素input[name]E[att = “val”]选择 att 的属性值为 val 的 E 元素input[auto...

2020-01-24 18:41:44 153

原创 HTML5-自定义属性

HTML5 中规定所有的自定义属性必须以 data- 开头；通过 el.getAttribute() 和 el.setAttribute() 方法可以获取和设置自定义属性。在 HTML5 中，所有以 data- 开头的属性都会存储在标签的 dataset 属性中，通过该属性也可以获取所有的自定义属性。<section data-id="123" data-intro="section 标...

2020-01-24 18:26:14 428

原创 HTML5-新增classList属性

HTML5 为标签新增了 classList 属性，通过该属性可以获取指定标签中 class 属性对应的值，获取到的值为一个伪数组，伪数组中存储的就是类名。classList 属性的 __proto__ 上有许多方法，比如：add()、move()、toggle() 等，通过这些方法可以对类名进行添加、移除、切换等操作。<header class="one two three">&...

2020-01-24 17:54:38 200

原创 HTML5-IE9以下不支持 html5 标签的解决办法

2008年W3C 发布了HTML5 的工作草案，HTML5 尽可能的为开发者提供了许多急需的功能；这些功能包括更强大的 CSS3、表单验证、音频视频、本地存储、地理定位、绘画（Canvas）、Web 通信等等。对于 IE 来说，H5 的相关内容在IE9以下的浏览器普遍存在兼容性问题，对于html5的语义标签的兼容问题，可以通过 htmlshiv.js 来解决。使用时在页面中通过 script ...

2020-01-24 16:32:32 485

原创 Node.js-Nodejs操作mongodb数据库

Node.js 操作 mongodb 数据库首先要通过 npm i mongodb 命令安装第三方包 mongodb，安装完成后通过如下示例中的相关步骤即可操作 mongodb 数据库了。const mongodb = require('mongodb')// 1. 获取客户端对象const mongodbClient = mongodb.MongoClient// 连接数据库的地址（...

2020-01-21 22:21:27 260

原创 Node.js-post请求

客户端发送 POST 请求时请求的内容全部的都在请求体中，http.ServerRequest 并没有提供内容为请求体的属性，这是因为等待请求体传输可能是一件耗时的工作，并且恶意的 POST 请求会大大消耗服务器的资源，所以 Node.js 默认不会解析请求体，当需要的时候，需要手动来获取。data 事件当请求传递的时候会触发该事件end 事件当参数传递完成后会触发该事件...

2020-01-20 17:50:11 211

weixin_44486539的博客