2020年10月_admin_djp

原创 Jquery过滤选择器

过滤选择器过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM元素,该选择器都以“:”开头,按照不同的过滤规则,过滤选择器可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤选择器.基本过滤选择器:first 返回第一个元素//改变第一个 p元素的背景色为红色$('p:first').css({backgroundColor:'red'});:last 返回最后一个元素//改变最后一个 p元素的背景色为

2020-10-26 00:00:28 164

原创 transform属性

transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、、缩放scale和位移translate。位移translate translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。translat

2020-10-25 22:51:14 909

原创使用百度地图API

文章目录前言第一步：注册百度账号和AK第二步：获得创建项目的AK第三步：将JS文件引用到项目第四步：创建地图容器第五步：设置地图中心点以及控件前言百度地图API是一个免费开放的接口，用于获取百度地图的资源，并进行相关操作。第一步：注册百度账号和AK进入百度地图开放平台>控制台>创建应用应用名称随便取一个，只要符合命名规范就可以了应用类型根据自己的项目类型进行选择白名单由于是自己本地测试，所以只填*就可以第二步：获得创建项目的AK控制台>应用管理>我的应用第

2020-10-25 22:27:24 714

原创 CSS3-animation

animation是制作动画时使用的属性，之前的过渡都是需要人为触发，要么改变hover、要么就是改变css、要么就是改变类名，此时animation属性可以自己直接动画。创建动画关键字“ @keyframes”指示动画本身。接下来动画的命名，“ XXX…”。花括号{ }包含关键帧列表。在这种情况下，它是开始帧0％和结束帧100％。同样，开始和结束帧也可以写为关键字“ from ”和“ to”。例如：@keyframes bk{ from{

2020-10-18 23:59:44 152

原创过渡transition

W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。” 下面我们来看看transition如何使用：transition 属性是一个简写属性，用于设置四个过渡属性：transition-property：规定设置过渡效果的

2020-10-18 21:31:33 188 1

原创 html5 拖拽事件

文章目录前言一、设置元素可拖拽属性:draggable二、拖拽元素事件2.读入数据总结前言拖拽是个非常普遍的功能。在使用电脑的过程中，拖放一个东西是相当常见。很多javascript都类似实现了相关的功能，例如，jQueryUI的draganddrop组件。在HTML5中，拖拽(draganddrop)成为了标准操作，任何元素都可以进行拖放。一、设置元素可拖拽属性:draggabletrue表示可拖拽。false表示不可拖拽。auto默认值，img和带href属性的a标签则表示可拖拽，其他

2020-10-09 23:56:09 939

原创 localStorage与sessionStroge

文章目录前言一、localStorage存储setItem获取getItem删除一、sessionStorage存储setItem获取getItem删除总结前言localStrorage与sessionStrorage是html5的一个新对象，用来进行本地的存储，当前所有主流浏览器都支持，但是低版本不支持一、localStoragelocalStorage：是能长时间存储本地浏览器的数据，当一个标签页改变，其他标签页跟着改变存储setItem // 存储一个数据 local

2020-10-09 20:54:26 479

原创 canvas和svg区别

文章目录前言一、Canvas描述二、SVG描述三、区别历史：功能：技术：总结前言Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。一、Canvas描述通过Javascript来绘制2D图形。是逐像素进行渲染的。其位置发生改变，会重新进行绘制。二、SVG描述一种使用XML描述的2D图形的语言SVG基于XML意味着，SVG DOM中的每个元素都是可用的，可以为某个元素附加Javascript事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。

2020-10-09 19:19:21 333

原创初识svg

什么是svg？SVG全称Scalable Vector Graphics,指可伸缩矢量图形.什么是矢量图？计算机中显示的图形一般可以分为两大类：位图，矢量图。平时拍的照片就是位图，它是由一个个像素点组成，放大后就是马赛克。而矢量图只能靠软件生成，也就是需要设计师来创造出的图像，其元素对象可编辑，图像放大或缩小不影响图像的分辨率，说白点也就是再怎么放大也不会有马赛克或锯齿。因为它本来就是人用软件创造出的图形。SVG优点：SVG 是一种基于 XML 语法的图像格式，其他图像格式都是基于像素处理的

2020-10-08 23:58:29 142

admin_djp的博客