- 博客(16)
- 收藏
- 关注
原创 css3动画animation
animation兼容性(了解)CSS animation 是CSS的一个模块,它定义了如何用关键帧来随时间推移对CSS属性的值进行动画处理。关键帧动画的行为可以通过指定它们的持续时间,重复次数以及如何重复来控制目前从 Can I Use 查到浏览器的兼容性还是可以的animation,一个简写的属性是由animation-name,animation-duration,animation-timing-function,animation-delay,animation-interation-c
2023-09-04 14:33:06
411
1
原创 jQuery的元素(DOM)操作
jQuery的DOM操作假设页面上有一些元素如下:<body> <div id="box"> <p>1</p> <p>2</p> <p>3</p> </div> <div class="box"></div> <div cl...
2020-03-22 21:16:34
214
原创 ES6新增的两种数据结构:Set和Map
Map和Set是ES6新增的两个数据类型;都是属于内置构造函数;使用new的方式来实例化使用Set的概念和声明:Set是一种数据的集合,类似数组,使用内置构造函数方式声明,只能接受数组,最大的特点就是去重,不允许接受重复的数据Set的常用属性和方法size 属性 获取该数据结构中,数据的数据个数add() 方法 向该数据结构中,追加新增数据delete() 方法 ...
2020-03-19 19:26:24
442
原创 js中部分常见设计模式介绍
设计模式设计模式的概念 :代码书写经验,为了应对各种场景,经过前人不断的总结,压缩,形成的一套又一套的代码的书写规范,形成了设计模式。针对特定问题,提出见解而有效的处理方案比如:假设有一个空房间,我们要日复一日地往里 面放一些东西。最简单的办法当然是把这些东西 直接扔进去,但是时间久了,就会发现很难从这 个房子里找到自己想要的东西,要调整某几样东 西的位置也不容易。所以在房间里做一些柜子也...
2020-03-18 19:24:05
175
原创 回调地狱
什么是回调地狱当回调函数嵌套过多时就会出现回调地狱什么是回调函数:回调函数就是一个参数,将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数。这个过程就叫做回调。//定义主函数,回调函数作为参数function A(callback) { callback(); console.log('我是主函数'); }//定义回调函...
2020-03-15 21:55:30
342
原创 ajax请求
ajax的特点:1.不要插件的支持,原生js就可以使用2.用户体验好(不需要刷新页面就可以更新数据)3.减轻服务端和带宽的负担4.缺点:搜索引擎的支持度不够,因为数据都不在页面上,搜索引擎搜索不到5.前进、后退功能被破坏(因为ajax永远在当前页,不会记录前后页面)开启ajax请求1.创建xhr对象var xhr = new XMLHttpRequest();2.配置请求信息...
2020-03-15 21:10:08
195
原创 原生ajax的get和post方法封装
get和post是ajax中常用的请求方式get一般用于获取数据;post一般用于发送数据;get请求特点1.get请求如果需要传递参数,那么会默认将参数拼接到url的后面;然后发送给服务器;2.get请求传递参数大小是有限制的;是浏览器的地址栏有大小限制;IE不超过2K;谷歌不超过8K;超过会自动截掉;3.get安全性较低4.get 一般会走缓存,为了防止走缓存,给url后面每次拼...
2020-03-11 22:39:05
377
原创 cookie的用法与封装
cookie的概念:指某些网站为了辨别用户身份,进行session(会话)跟踪而存储在用户本地终端上的数据(通常经过加密)。以文本形式存在。会话跟踪技术cookie:跟踪每一次的连接,记录连接产生的信息,下次连接,跟着一起发送过去特点:1.只能存字符,文本2.不允许跨域(谁存的,谁用)3.时效性,默认会话级,关闭浏览器,可以删除(在一定时间内有效,即时效性)4.数量(50左右)和大...
2020-03-10 23:43:50
770
原创 php操作mysql
根据不同的版本使用不同的操作方式:p5以上的版本使用:mysqli方法p5以下的版本使用mysql方法一、建立php与mysql的连接语法:mysqli_connect(数据库的地址,用户名,密码,提前选择的数据库)$link = mysqli_connect("localhost:3306","root","root","yyf");//注:这里的link只是个变量名也称,数据库连接...
2020-03-09 21:48:37
165
原创 js之事件委托(事件代理)
事件委托的概念: 多个相同子元素的相同事件,利用事件冒泡原理,配合事件对象身上的真正的事件源属性,将事件绑定给页面上现存的共同的父元素事件委托的作用:节省效率,提升速度;可以给页面上暂时不存在的元素绑定事件事件触发(目标)对象及兼容性事件对象.target || window.event.srcElement**注意:**事件是由谁而起,事件的源头事件委托的原理: 利用事件冒泡的原...
2020-03-09 19:59:22
217
原创 js中的显式原型和隐式原型
显式原型:prototype隐式原型:__ proto__1.显式原型和隐式原型是什么?在js中万物皆对象,方法(Function)是对象,方法的原型(Function.prototype)是对象,对象具有属性(__ proto__)称为隐式原型,对象的隐式原型指向构造该对象的构造函数的显式原型 (prototype)。方法(Function)是一个特殊的对象,除了和其他对象一样具有__p...
2020-03-06 21:50:06
4404
原创 js中面向对象的轮播图的实现
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> #box{height:300px;width:500px;border:solid...
2020-03-06 20:15:00
283
1
原创 DOM中一些常见选择器的使用
在js中我们或多或少的都会使用到一些选择器,来选取相应的元素,以供后面的程序使用,下面我们就来对着实例,来了解一些DOM中一些常见选择器的使用规则**首先,先来看看这些选择器使用的前提 基本选择器:id:document.getElementById(“id名”) id选择器一个页面一般只有一个class:document.getElementsByClassName(“class名...
2020-03-05 17:17:40
561
原创 js中this的绑定情况以及如何改变this的指向
友情提示:this只有在执行的时候才能确认,定义时无法被确认this的介绍:this是一个关键字,类似于变量但不是变量,也不是属性名,JavaScript的语法不允许给this赋值。和变量不同,关键字this没有作用域的限制,嵌套的函数不会从调用它的函数中继承this。如果嵌套函数作为方法调用,其this的值指向调用它的对象。如果嵌套函数作为函数调用,其this值不是全局对象就是undefin...
2020-03-04 17:18:09
499
原创 js中的页面上一些尺寸的获取
前端开发过程中,我们时常需要获取页面及视口的相关尺寸,来实现一些定位、布局和滚动效果,下面总结了一些尺寸的获取方式,供大家参考:1. 通过获取非行内样式的专属方法:getComputedStyle获取尺寸getComputedStyle( )有两个参数:参数1:元素,要获取的样式的那个元素参数2:布尔值,决定是否获取伪类(伪元素)的样式返回值:对象,包含了所有css属性的对象比如获取一...
2020-03-03 20:40:13
271
原创 javascript内置对象之一Math
Math对象也叫数学对象:直接使用即可,不用设置Math的属性:Math.PI圆周率Math的方法有以下几种:Math.round( )表示取最近的值,即距离哪个整数最近就取哪个整数;比如:3.3距离3这个整数最近,那么就取到了3这个数参数:参数只有一个,如果写了多个,程序可能不会报错,但是只有第一个参数会生效参数类型:可以为数字,单个字符,单个数组,null,布尔值;字符,数组在参...
2020-02-23 18:38:04
209
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人