2020年04月_沁柠

原创 CSS3之好看的特效

我们在网站上浏览时都会或多或少地出现一些炫酷的网页效果，看着很高大上的小小特效，这些特效一般使用HTML、CSS和JS结合做出来的。但是某些简单的特效可以直接用HTML和CSS3就能做出想要的，而且有时候用CSS3比用JS简单。话不多说，现在我就来介绍HTML和CSS3做的特效（因为不能传视频，所以只能用图片解释了）。1. 左右切换特效网页初始的样子鼠标移入到目标元素上的样子代码：...

2020-04-25 21:37:40 1998

原创 CSS3之transition、transform和translate傻傻分不清

身为程序猿的我经常把transition、transform和translate这三者搞混，相信大多数程序猿也有同样的烦恼。既然如此我们就来探究探究。先把这三者做一个简单解释： transform：是转换，描述了元素的静态样式，本身不会呈现动画效果，可以对元素进行旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix，而其中的位移的函数名叫tr...

2020-04-25 11:24:24 3126 1

了解CSS Hack1.什么是CSS Hack?由于不同厂商的浏览器，比如Internet Explorer、Chrome、Mozilla Firefox、Safari等，或者是统一厂商的浏览器的不同版本，比如IE6和IE7，对CSS的解析和认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候，我们就需要针对不同的浏览器，去写不同CSS，让它能够同时兼容不同的浏...

2020-04-19 12:00:14 159

原创 CSS3之新增选择器神秘面纱

一、概念： CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模。要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。 HTML页面中的元素就是通过CSS选择器进行控制的。二、css3之前的...

2020-04-18 15:59:56 160

原创 HTML5之画布

HTML5中的画布是什么？HTML5 的 canvas 元素（简称画布）是使用 JavaScript 在网页上绘制图像的元素。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 canvas 元素<canvas width="1000" height="800">浏览器不支持HTML5！</canvas&g...

2020-04-13 13:14:53 640

原创使用第三方插件之百度地图API

百度地图是一个开发者喜爱的开源的第三方控件之一，第三方控件是一些团队或者个人开发根据实际需要的应用开发出来的控件。接下来我就来讲讲如何使用百度地图做dome（这里主要针对前端开发者）第一步打开百度地图，在底部导航栏中点击地图开放平台第二步然后鼠标下滑找到开发文档，找到Web端，然后根据你的需求选择JavaScript API或是微信小程序JavaScript API（这里我选择的是Ja...

2020-04-12 18:00:19 792

原创 ES6之 Promise的神秘面纱

在 JavaScript 中，所有代码都是单线程的，也就是同步执行的。而 Promise 就是为异步编程提供了一种解决方案。ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。Promise 状态状态的特点 Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无...

2020-04-12 15:37:12 186

原创 ES6之类

类以前学的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。例：//函数名和实例化构造名相同且大写（非强制，但这么写有助于区分构造函数和普通函数）function Person(name,age) { this.name = name; ...

2020-04-10 11:02:19 95

weixin_45846241的博客