JS学习日记
JS学习日记,总结从浅至深的知识点
风华正茂呀
无
展开
-
HTML5拖放api
Drag&Drop提供专门的拖拽与投放的API触发多个事件,可控制鼠标的形状与移动时的效果可以跨页面拖放draggable属性:true flase auto(设置这个元素是否可拖拽)拖拽事件–ondragstart,drag,dragend(拖拽开始进行结束)投放事件–dragenter,dragover,dragleave,dropdataTransfer对象–se...原创 2020-02-19 16:43:48 · 205 阅读 · 0 评论 -
JS学习日记--面向对象
一、js面向对象1.什么是面向对象 面向对象编程(OOP)是一种计算机编程架构,他将真实世界的各种复杂的关系,抽象为一个个对象,然后由对象之间的分工与合作,完成对真实世界的模拟2.面向对象的目的重用性:针对相同的功能可以重复的使用程序灵活性:针对差异性的功能做出适配与调整扩展性:针对功能的变化做出添加或删除的改进3.面向对象的特性封装性:封装是一种信息隐蔽技术,...原创 2020-02-15 16:03:04 · 277 阅读 · 0 评论 -
JS学习日记--固定列数瀑布流
使图片保持固定宽度并利用ajax实现动态无限加载index.html:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>固定列数瀑布流</title> <script src="./ajax.js" type="text/javasc...原创 2020-02-14 14:37:50 · 214 阅读 · 0 评论 -
JS学习日记--打砖块游戏
这次主要用的是面向对象思想<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #show{ width: 200px; height: 600p...原创 2020-02-12 17:44:49 · 257 阅读 · 0 评论 -
js学习日记--flappybird小游戏
如题 flappybird小游戏<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload=function(){ ...原创 2020-02-11 21:19:43 · 172 阅读 · 0 评论 -
JS学习日记--php
先来解释一下php中的两个常识:IP:表示的是网络上的一个终端port:标识的是终端上的一个应用程序一、最简单的php程序:helloworld<?php echo '<h1>hello world</h1>'; echo '<br>'; echo '<h2>this is a php demo</h2>';...原创 2020-02-10 16:58:02 · 195 阅读 · 0 评论 -
JS学习日记--五个常用设计模式
一、UML类图UML类图,就是用一些直观的,与具体语言无关的图形,表示类、以及类与类之间的关系如:继承、组合、聚合等二、单例模式单例:在项目中关于某个类的对象,只能创建唯一的一个实例(如LOL的大龙小龙什么的只能存在一个)如何实现:js文件:function SingLeton(){ if(!SingLeton._instance){ SingLeton._instan...原创 2020-02-09 18:16:03 · 277 阅读 · 0 评论 -
JS学习日记--jQuery(2)
六、jQuery-Ajax(1)jQuery中发送ajax请求jQuery中发送ajax请求简直是,轻松方便,直接上代码把<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>ajax</title> <script src="../j...原创 2020-02-09 12:06:34 · 196 阅读 · 0 评论 -
JS学习日记--jQuery(1)
一、什么是jQuery jQuery是一个基于JavaScript的框架,特点是简洁高效,比原生js代码简直方便了太多倍… 这里放上jQuery的下载页面:https://jquery.com/download/,用的是未压缩的开发版二、$符 学习jQuery首先就要学习一下什么是$,当我们在学习jQuery的时候,会发现里面到处都在使用$符号.其实在jQuery中,...原创 2020-02-07 21:34:02 · 236 阅读 · 0 评论 -
JS学习日记--ajax
一、Ajax及其使用1、什么是AjaxAjax全称:Asynchronnuw JavaScript And XML是一种异步加载数据的技术可以通过使用Ajax实现页面的局部刷新说白了就是可以不用刷新页面就可以从服务器取得数据并局部更新页面的技术,可以使页面更灵活2、Ajax的使用Ajax的核心对象:XMLHttpRequestGET 目的:从服务器取得数据。特点:数据放在ur...原创 2020-02-05 14:49:03 · 212 阅读 · 0 评论 -
jdk安装及tomcat配置
害 学到ajax没个服务器还不太行,今天见就配置了一下jdk以及tomcat,简单说一下其中的步骤以及遇到的坑吧jdk系统:windows10下载jdk我就不说了 ooracle官网自行下载,安装的话选开发工具,选安装路径傻瓜式安装,不过要记得自己把它装到哪儿了,主要说说环境变量首先打开控制面板,点高级系统设置之后点环境变量打开之后是这个样子配置三个东西:JAVA_...原创 2020-02-03 16:55:34 · 314 阅读 · 0 评论 -
JS学习日记--animation<3>
实现水平轮播效果主要思想:四张图片的话,就把第一张的一个复制放到最末尾,第四章的一个复制放到最开头,当切换到第四章的时候就无动画的跳转到开头的第四张的复制上,切换到第一张的时候同理,其他的就没什么了,处理好当前图片的索引值与实际图片数量的关系即可<!DOCTYPE html><html> <head> <meta charset="utf-8...原创 2020-02-02 11:58:27 · 147 阅读 · 0 评论 -
JS学习日记--animation<2>
今天敲了一个图片的透明度轮播效果,依然没有新方法,理清逻辑关系即可主要就是利用昨天封装好的函数,把当前图片透明度变为0,下一张变为100,然后重点在获取当前图片和下一张图片的值上,话不多说,上代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="v...原创 2020-02-01 17:11:55 · 194 阅读 · 0 评论 -
JS学习日记--animation<1>
…基本没什么新东西 ,都是一些逻辑上的关系,理清了就简单了 直接上代码 里面有详细注释匀速运动加碰撞检测<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-...原创 2020-01-31 17:24:03 · 297 阅读 · 1 评论 -
JS学习日记--正则基础语法
一、正则表达式正则表达式是由普通字符及特殊字符组成的对字符串进行过滤的逻辑公式创建方式字符量的方式:var reg = /abc/;构造函数var reg = new RegExp(“abc”);二、正则表达式方法方法名作用返回值test检测是否有符合表达式规则的子串有返回true,否则返回falsematch检索指定的值这些值...原创 2020-01-27 15:50:41 · 146 阅读 · 0 评论 -
JS学习日记--cookie
一、什么是cookie首先咱们需要知道:http协议:超文本传输协议,用于从web服务器传输超文本到本地浏览器的传输协议,他是一个无状态的协议,即他不能判别你的身份。而cookie,就是缓存在客户端的一小串数据,向服务器发送请求时,客户端把cookie一同交给服务器,服务器依次来辨认用户状态。二、封装cookie的三个基本操作<!DOCTYPE html><html&...原创 2020-01-26 17:00:33 · 120 阅读 · 0 评论 -
JS学习日记--事件
1.事件基础 JavaScript事件是由访问Web页面的用户引起的一系列操作,当用户执行某些操作的时候,再去执行一系列代码。或者用来获取事件的详细信息,如鼠标位置、键盘按键等2.事件处理函数 javaScript可以处理的事件类型为:鼠标事件、键盘事件、HTML事件。 所有的事件处理函数都会有两个部分组成,on+事件名称注:事件对象 当触发某个事件时,会产生一个事件对象,这个对象...原创 2020-01-17 21:49:24 · 197 阅读 · 0 评论 -
JS学习日记--dom(2)
5.Attribute方法set/getAttribute()removeAttribute()【注】:都是操作当前元素节点中某个属性的【格式】:a.getAttribute(“title”); a.setAttribute(“title”,“xxx”); a.removeAttribute(“title”);Attribute与传统点操作的区别:<1>....原创 2020-01-14 19:57:27 · 218 阅读 · 0 评论 -
JS学习日记--dom(1)
1.DOM概念 DOM就是Document Object Model,dom是w3c(万维网联盟)的标准,DOM定义了访问HTML和XML文档的标准, W3C文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容,结构和样式 【注】DOM是打通html、css和JS壁垒的一个工具 DOM中节点种类一共有三种 【注】在JS中所有节点都是对象...原创 2020-01-13 16:10:53 · 185 阅读 · 0 评论 -
JS学习日记--bom
1.BOM概念BOM(Browser Object Mode):浏览器对象模型通过window对象来控制bom,在鹅湖段JavaScript中,Window对象是全局对象,所有表达式都在当前环境中计算2.系统对话框浏览器可以通过系统对话框,向用户显示信息。系统提供了三个函数,可以完成系统对话框的操作alert()直接弹出警告框【参数】:警告框上显示的内容confirm(...原创 2020-01-11 15:55:32 · 130 阅读 · 0 评论 -
JS学习日记--Math对象和日期对象
1.何为对象什么事对象,其实就是一种类型,即【引用】类型。而对象就是【引用类型】的实例。在ECMAScript中引用类型是一种【数据结构】,用于将【数据和功能】组织在一起。相当于其他语言里的类,但是ECMAScript中没有类这种东西2.对象的创建对象中存储的数据,叫做对象的属性,存储的函数,叫做对象的方法。使用new运算符创建对象var person= new Object();p...原创 2020-01-09 14:34:00 · 153 阅读 · 1 评论 -
JS学习日记--ECMA5和字符串
1.字符串的概念和创建方式 【注】:在JS中将所有单引号或者双引号括起来的都叫做字符串字符串创建方式:通过new运算符创建 var str=new String(“hello”);//是object类型new可以省略var str = String(“hello”);通过常量创建字符串var str=“hello”;字符串属性:length【格式】:字符串...原创 2020-01-08 18:01:28 · 173 阅读 · 0 评论 -
JS学习日记--数组
1. 数组三种声明方式使用new运算符创建数组参数:我们在数组中存储的数据【注】:如果当前参数只有一个,并且这个参数是数字的话,会创建一个数组长度为这个数字的数组 <script type="text/javascript"> var a=new Array(1,true,"hello") alert(a); var arr=new Array(2); ...原创 2020-01-06 19:35:33 · 198 阅读 · 4 评论 -
js初学:js中的基本数据类型转换
1、基础数据类型数字 number字符串 string布尔值 boolean :true false特殊数据类型 null:空 undefined :未声明【注】:通过关键字var声明变量,在声明变量的同时赋值叫做变量的初始化标识符:用户自己定义的所有名字叫做标识符<1> 标识符必须以数字、字母、下划线、$组成<2>不能以数...原创 2020-01-05 18:30:23 · 137 阅读 · 0 评论