JS
文章平均质量分 56
web
rfalcon
这个作者很懒,什么都没留下…
展开
-
初识canvas
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>canv原创 2021-10-11 08:49:38 · 102 阅读 · 0 评论 -
js正则表达式相关集合
文章目录正则创建应用正则创建/** * 创建正则表达式 * 构造函数创建 - test()方法检测,返回true or false * 字面量创建 */// 构造函数var reg1 = new RegExp('a')var reg2 = new RegExp('A', 'i')var str1 = 'hello koa2'var str2 = 'love pit'console.log(reg1.test(str1)) //trueconsole.log(reg1.test原创 2021-04-25 20:39:23 · 186 阅读 · 0 评论 -
js面向对象集合
文章目录面向对象创建自定义对象对象的基本操作浅拷贝和深拷贝对象冻结面向对象创建自定义对象/** * 创建自定义对象 * 对象字面量 * 工厂模式 new Object() * 构造函数 */// 创建1 - 对象字面量var obj1 = {}var obj2 = { name: 'falcon', age: 21,}var obj3 = { name: 'alice', age: 21, detail: { teacher: 'rose',原创 2021-04-25 20:38:21 · 120 阅读 · 0 评论 -
js函数集合
文章目录函数定义、调用、arguments作用域、变量提升预编译this 指向 + call/apply/bind高阶函数+闭包函数定义、调用、arguments/** * 函数定义 * 命名函数 * 函数表达式 * 构造函数:var 函数名 = new Function(形参1,形参2,函数体) * 【注】所有函数都是通过new Function构造出来,都是'function实例',都是实例对象,也属于对象 */function test() { console.log('hel原创 2021-04-25 20:37:01 · 135 阅读 · 0 评论 -
数组方法合集
文章目录数组创建基本操作数组方法类型相关isArray()toString()Array.from()Array.of()数组元素的添加和删除push()、pop()unshift()、shift()slice()splice()fill()数组的合并和拆分concat()join()、split()(为字符串方法)数组排序reverse()、sort()查找数组的方法indexOf()、lastIndexOf()includes()find()、findIndex()every()、some()遍历数组f原创 2021-04-24 20:31:12 · 347 阅读 · 0 评论 -
Number&Math&Date相关方法
文章目录NumberNumber.isInteger()toFixed()MathMath.PI、Math.pow()、Math.sqrt()Math.abs()Math.random()、Math.round()Math.max()、Math.min()、Math.ceil()、Math.floor()URL 编码和解码Date创建对象时间、日期格式化时间戳应用moment.js -- JavaScript 时间库NumberNumber.isInteger()/** * boolean = Nu原创 2021-04-23 16:17:32 · 218 阅读 · 0 评论 -
字符串相关方法
文章目录查找字符串indexOf()、lastIndexOf()search()includes()startsWith()、endsWith()获取指定位置字符charAt()charCodeAt(index)字符串截取slice()、substring()substr()padStart()、padEnd()string.fromCharCode()concat()split()replace()repeat()trim()toLowerCase()、toUpperCase()html 方法练习for.原创 2021-04-23 16:15:49 · 116 阅读 · 0 评论 -
项目中常用方法合集
文章目录根据id数据对象去重遍历获取数据特定项根据id数据对象去重let obj = {}let formArr = data.reduce((cur, next) => { obj[next.id] ? '' : (obj[next.id] = true && cur.push(next)) return cur}, [])console.log(formArr)遍历获取数据特定项var get_object_xth_attribute = function原创 2021-03-26 11:54:34 · 142 阅读 · 0 评论 -
这里是关于ajax的东西
文章目录传统网站中存在的问题Ajax的应用场景Ajax的运行环境Ajax运行原理Ajax的实现步骤服务器端响应数据的格式请求参数传递传统网站的表单提交ajax的请求参数传递GET请求参数POST请求参数请求报文请求参数的格式获取服务器端的响应Ajax状态码onreadystatechange事件两种方式的比较Ajax错误处理浏览器缓存问题同步异步请求Ajax函数封装模板引擎FormData对象作用使用实例方法二进制文件上传传统网站中存在的问题网速慢的情况下,页面加载事件长,用户只能等待表单提交后,如原创 2020-11-04 17:55:57 · 388 阅读 · 2 评论 -
前后端交互node服务器
文章目录概念创建web服务器获取报文响应报文请求参数GET请求参数POST请求参数路由静态资源和动态资源同步API和异步API同步API异步API区别回调函数回调地狱回调地狱的解决(Promise)异步函数Node全局对象global数据库(MongoDB)mongoose第三方包下载启动连接创建数据库MongoDB的增删改查创建集合创建文档(向集合中插入数据)向MongoDB数据库中导入数据查询文档删除文档概念URL(统一资源定位符)URL的组成:传输协议://服务器IP或域名:端口/资源所在位置原创 2020-10-20 09:53:59 · 373 阅读 · 1 评论 -
ajax实例
文章目录验证邮箱地址是否已经注册验证邮箱地址是否已经注册<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>验证邮箱地址是否已经注册</title> <link r原创 2020-10-09 15:06:19 · 79 阅读 · 0 评论 -
node模板引擎-stufilesManangement
// stu/app.js// 流程// 1.建立项目文件夹并生成项目描述文件// students->npm init -y ->生成package.json文件// students->创建app.js// 2.创建网站服务器实现客户端和服务器端的通信// 3.连接数据库并根据需求设计学员信息表// 4.创建路由并实现页面模板呈递// 5.实现静态资源访问// 6.实现学生信息的添加功能// 在模板的表单中指定请求地址与请求方式// 为每一原创 2020-09-27 18:02:31 · 161 阅读 · 0 评论 -
JS-MongoDB简单实现数据的增删改查
// model/index.js// 2-(1)导入mongooseconst mongoose = require('mongoose')// 2-(2)数据库连接 27017是mongodb数据库的默认端口mongoose .connect('mongodb://localhost/demo', { useNewUrlParser: true, useUnifiedTopology: true, }) .then(() => console.log('数据库连原创 2020-09-27 14:54:10 · 811 阅读 · 0 评论 -
JS-gulp
JS自学npm和cnpm的安装一、安装nodejs 下载地址二、window+R,输入cmd,打开命令提示符窗口打开后,输入node -v;npm -v检测是否安装成功,如果输出版本号,则安装成功!三、改变原有的环境变量首先配置npm的全局模块的存放路径、cache的路径,输入如下命令:npm config set prefix "D:\nodeJS\node_global"npm config set cache"D:\nodeJS\node_cache"然后在相应的位置会多两原创 2020-09-26 13:36:14 · 112 阅读 · 0 评论 -
js高级实例
文章目录面向对象tab栏切换面向对象tab栏切换//tab.css* { margin: 0; padding: 0;}li { list-style-type: none;}main { width: 960px; height: 500px; border-radius: 10px; margin: 50px auto;}main h4 { height: 100px; line-height: 100px; text-align: cen原创 2020-09-02 14:20:11 · 516 阅读 · 0 评论 -
JS实例
文章目录通过小叉号关闭某个二维码密码的显示与隐藏循环精灵图显示与隐藏input框内容注册时候的密码验证按钮点击的排他思想点击图片实现更换背景实现鼠标移动表格隔行变色实现表格的全选反选通过小叉号关闭某个二维码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width原创 2020-08-26 08:23:08 · 518 阅读 · 0 评论 -
JS-闭包
JS自学认识闭包一、闭包需满足以下特点:函数嵌套函数内部函数使用外部函数的形参和变量被引用的形参和变量不会被垃圾回收机制所回收function a(num1) { var num2 = 10; function b() { alert(num1 + "," + num2); } return b;}var res = a(20);res();//20,10二、闭包的好处一个变量常驻在内存中避免全局污染可以声明私有成员//声明私有变量var A原创 2020-06-16 17:01:30 · 115 阅读 · 0 评论 -
JS-网络协议
JS部分自学笔记网络分层物理层、数据链路层、网络层(IP)、传输层(TCP/UDP)、应用层(HTTP、HTTPS)TCP:面向连接的协议1.建立连接(三次握手)![在这里插入图片描述](https://img-blog.csdnimg.cn/20200518212317671.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JmYWx原创 2020-05-18 21:45:10 · 940 阅读 · 0 评论 -
JS-JSON
JS学习笔记json、xml 数据传输格式(字符串的一种格式)前端 —json/xml—> 后端前端运输后端数据结构字符串数据结构JSON对象前端 <==> 运输JSON.stringify() 数据结构 => 字符串JSON.parse() json格式字符串 => 数据结构后端 <==> 运输...原创 2020-05-08 17:14:50 · 119 阅读 · 0 评论 -
JS-MySQL
JS学习笔记MySQL基本操作登录MySQLmysql -u root -p + 回车终止当前程序ctrl + c查看数据库(后面输入的MySQL命令都需要加分号结束)show databases;创建数据库create database textdb character set utf8;使用某个数据库use info;创建表 (一定要设置id)create table 表名( 字段名1 数据类型, 字段名2 数据类型, ... 字段名n 数据类型)characte原创 2020-05-08 21:36:26 · 1051 阅读 · 0 评论 -
JS-Ajax
Ajax学习笔记Ajax异步的JavaScript 和 xml(数据传输文件)。Ajax是前后端数据交互的搬运工,都可以异步执行数据传输格式xml数据传输格式(大型的门户网站 新浪、网易、凤凰网等)优点:种类丰富传输量非常大缺点:解析麻烦不太适合轻量级数据JSon数据传输格式(字符串)(移动端应用居多。美团、饿了么等)优点:轻量级数据(相对...原创 2020-05-08 16:09:02 · 83 阅读 · 0 评论 -
JS-PHP
php基础语法<?php header(`content-type:text/html;charset="utf-8"`); /* 【注】PHP代码兼容HTML和CSS所有的代码;PHP的语法是非常严格的,每一条语句后面必须要加分号 php的输出函数 如果语句中含有标签会自动解析 */ echo "<h1>hello world</h1>";//h...原创 2020-05-07 18:20:03 · 98 阅读 · 0 评论 -
JS-面向对象
JS笔记创建对象function info(name, age, sex) { var obj = new Object(); obj.name = name; obj.age = age; obj.sex = sex; obj.showName = function () { alert(this.name); }; obj.showAge = function () { alert(this.age); }; return obj;}/* 1.没有new原创 2020-06-06 22:20:22 · 134 阅读 · 0 评论 -
JS-ECMA5和ECMA6
JS笔记this//常见的thisfunction show() { alert(this);}show();//[object Window] var info = { username: "falcon", age: 18, show: function () { alert(this.username);//falcon },};window.onload = function () { var oBtn = document.getElem原创 2020-06-06 15:41:26 · 232 阅读 · 0 评论 -
JS-正则表达式
JS笔记创建正则表达式通过new去声明正则表达式第一个参数:正则表达式的主体,字符串第二个参数:修饰符(i/g)【注】修饰符没有顺序var demo1 = new RegExp("hello","ig"); alert(demo1); /hello/gi省略new运算符去声明正则表达式var demo2 = RegExp("hello","ig"); alert(demo2); /hello/gi通过常量赋值var demo3 = /hello/ig;正则表达式方法test原创 2020-06-02 18:35:48 · 164 阅读 · 0 评论 -
JS-Event事件
JS笔记绑定事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* 1.内联模式原创 2020-06-01 22:18:30 · 198 阅读 · 0 评论 -
JS-BOM和DOM
JS笔记window方法BOM:(browser object model)浏览器对象模型alert() 弹出警告框//两组的效果相同alert("hello");window.alert("hello");function show(){ alert("hello world");}show();window.show();confirm() 弹出一个待确定和取消的提示框返回值:如果确定,返回true;如果取消,返回falsevar res = confirm("原创 2020-05-29 19:53:10 · 373 阅读 · 0 评论 -
JS-对象
JS笔记原创 2020-05-28 21:20:18 · 80 阅读 · 0 评论 -
JS-字符串
JS笔记字符串声明通过new运算符去声明字符串 var str1 = new String(100); alert(str1 + 20);//10020 alert(typeof str1);//object省略new声明字符串 var str12= String(100); alert(str2 + 20);//10020 alert(typeof str2);//string字符串常量赋值var str3 = "hello"; alert(str3);//hello alert(typ原创 2020-05-28 16:15:28 · 272 阅读 · 0 评论 -
JS-严格模式
js笔记严格模式什么是?除了正常运行模式,ECMAscript 5添加了第二种运行模式:“严格模式”;严格模式写在哪个作用域下,在哪个作用域下生效;"use strict"进入严格模式,注意尽量不要在全局使用用了会用什么变化? (1)全局变量声明时,必须加var (2)this无法指向全局对象 (3)函数内不可以重名 (4)arguments对象不允许被动态改变,只存储传入的实参的值 (5)新增了保留字:implements,interface,let,package,private,原创 2020-05-27 16:18:56 · 92 阅读 · 0 评论 -
JS-数组
JS笔记数组声明通过new创建数组var arr = new Array(100,true,"hello"); alert(arr);省略new运算符创建数组var arr = Array(100,true,"hello"); alert(arr);数组常量进行赋值var arr = [100,true,"hello"]; alert(arr);【注】传入参数只有一个,并且是数字的时候,直接声明这么长一个数组var arr = Array(10);/var arr = new Arr原创 2020-05-27 10:41:14 · 329 阅读 · 0 评论 -
JS-函数
JS笔记函数语法无参数无返回值的函数:函数声明1: function 函数名() { 函数体(具体要执行的代码); }调用1: 函数名();function print(){ for(var i = 0;i < 10;i++){ document.write("hello world<br/>"); }}print();有参数无返回值的函数函数声明2: function 函数名(形参1,形参2,…) { 函数体; }调用2: 函数名原创 2020-05-26 19:54:59 · 142 阅读 · 0 评论 -
JS-流程控制语句
JS笔记三大流程控制语句1.顺序结构:代码自上而下顺序执行//输入两个数,然后交换这两个数,在输出它们交换的结果 var num1 = 10; var num2 = 20; alert("num1=" + num1 + ",num2=" + num2); var tmp = num1; num1 = num2; num2 = tmp; alert("num1=" + num1 + ",num2=" + num2);2.分支/选择/条件结构:要根据不同的条件,执行不同的操作单原创 2020-05-26 16:29:33 · 247 阅读 · 0 评论 -
JS-算数运算符
JS笔记运算符算术运算符+ - * / % 自动数据类型转换:不同数据类型之间不能进行运算,将数据转成同一数据类型,在进行计算。 1.其中有一个操作数必须是字符串,运算符必须是‘+’号,别的数据类型转换成字符串,进行字符串拼接 alert("hello"+"world");//helloworld alert("hello"+100);//hello100 alert("hello"+true);//hellotrue alert("hello"+null);//hel原创 2020-05-25 16:53:21 · 276 阅读 · 0 评论 -
JS-基础篇
JS笔记JS组成?ECMAScriptDOM 文档BOM 浏览器属性?type = 'text/javascript 声明当前标签内写的文本格式src = 'test.js' 引入外部的.js文件注意点?可以有多个script标签,多个script标签是自上而下顺序执行的一个script标签只能专心做一件事情向页面中输出内容?document.write('hello world'); 在当前页面上输出内容。注意:(1)标签的解析;(2)转义字符alert('原创 2020-05-21 17:35:57 · 79 阅读 · 0 评论