自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 queryUrlParams

/* * params: 无 * return: 返回一个对象,对象中存储url中的数据 */~ function() { //封装获取url参数 function queryUrlParams() { let obj = {};//定义一个空对象 this.replace(/([^?#&=]+)=([^?#&=]+)/g, (...[, $1, $2]) => { /获取参数 obj[$1] = $2//将参.

2020-09-22 22:41:42 169

原创 javascript正则的基本使用

正则基本符号:量词:量词使用说明{ n, }表示出现n次级n次以上{ n }表示出现n次{ n, m}表示出现n到m次?表示出现零次或一次+表示出现一次及一次以上*表示出现零次及零次以上元字符:元字符使用说明\w表示数字、字母、下划线\W表示除了数字、字母、下划线\d表示0-9之间的数字\D表示除了0-9之间的数字\s表示空格、制表符、换行符\S表示除了空格、制表符、换行符

2020-09-22 20:31:47 111

原创 封装时间格式

/* * params: 任意参数分割日期,默认汉字格式 * return: 返回指定格式日期 */~ function() { // 封装格式日期函数 function formatTime(format = 'cn') { //格式默认为中文 time = this.match(/\d+/g);//将日期拆分成数组 let template = format === 'cn' ? "{0}年{1}月{2}日 {3}时{4}分{5}秒" : `{0}${.

2020-09-22 20:30:49 284

原创 axios封装使用

//下载 axios && qs// 导出axios模块import axios from 'axios'// 导入qs模块import qs from 'qs'// 设置开发环境(生产环境)switch (process.env.NODE_ENV) { case 'production': axios.defaults.baseURL = 'http://tealseaproduction:80';// 开发环境 break; c

2020-09-21 18:30:43 164

原创 npm的使用

npm的基本使用npmjs:基于npm下载安装平台$ npm install xx; //下载完成后会在本地项目中生成(node_modules)的管理文件夹保存模块$ npm install xx -g; // 全局安装模块$ npm install [email protected];//下载指定的的版本的模块$ npm init -y;// 初始化项目配置的依赖清单$ npm install xx --save;//把模块保存在清单依赖项中$ npm install xx--save-dev;//把模块保存

2020-09-21 18:19:03 84

原创 git的基本使用

git的基本使用初始化一个本地的git仓库$ git init; // 初始化git仓库将工作区代码提交到暂存区$ git status;// 查看工作区代码$ git add . / git add -A;// 将代码提交暂存区将暂存区代码提交到历史区$ git commit -m'项目描述';//将暂存区代码提交到历史区$ git log;// 查看首次历史版本信息$ git reflog;// 查看所有的历史版本信息及操作$ git reset --hard 历史版

2020-09-21 18:18:12 55

原创 js面向对象介绍

面型对象介绍面向对象编程需要我们掌握:‘’对象、类、实例“的概念对象:万物皆对象类:对象的具体细分(按照功能特点进行分类:大类、小类)实例:类中具体的一个事物(拿出类别中的具体的一个实例进行研究,那么当前类别下的其他类的实例也具备这些特点个特征)整个js就是基于面向对象设计的个开发的出来的语言,我们学习和实战的时候也要按照面向对象的思想去体会和理解。基于构造函数创建自定义类(constructor)在普通函数执行的基础上”new xxx()“,这样就不普通函数执行了,而是构造函数执

2020-09-12 12:33:52 86

原创 js原型和原型链

原型所有的函数类型都天生再带一个属性:prototype(原型),这个属性的值是一个对象,浏览器会默认给他开辟一个堆内存在浏览器中给prototype(原型)开辟的堆内存中有一个天生自带的属性:constructor,这个属性存储的值是当前函数本身每一个对象都有一个__proto__的属性,这个属性指向当前的实例所属类的prototype(如果不能确定他是谁的实例,都是Object的实例)原型图原型链他是一种基于__proto__向上查找的机制,当我们操作实例的某一个属性或方法的时候,首

2020-09-12 12:33:13 307

原创 js字符串中常用的方法

简介在js中用单引号或双引号,反引号包起来的都是字符串,每一个字符串都是由零到多个字符组成的,个数组类似每一个字符都有自己的索引let str='Hello world';console.log(str[0]);//“H”console.log(str[1]);//"e"str.length存储了一共又多少字符。也就是字符的长度遍历字符串的每一个字符let str="Hello world";for(let i=0;i<str.length;i++){ console.log(s

2020-09-11 10:52:18 148

原创 js中ruturn的使用

当函数执行的时候,会形成一个全新的执行上下文,函数体中的代码在这个上下文中云运行,代码在运行中,会把所有创建的变量存储到当前上下文的AO(活动变量对象)中,这些变量是“私有变量”,除了当前上下文中可以使用这些变量的值,上下文以外的环境不能使用私有变量的值,如果外面想用当前上下文中的一些信息,则需要函数对外提供的出口,把信息提供给外面使用,而这个出口在js函数中被称为“返回值"return返回的一定是值function fun(){ return 20+10;}let num=fun();con.

2020-09-10 18:04:45 466

原创 js中arguments使用

arguments函数内置的实参集合,不管我们设置形参与否,再或者是否传递了实参,arguments始终都会存在(ES6箭头函数中没有arguments),arguments只能出现在函数体中在ES6中可以使用剩余运算符来获取传递的实参arguments是一个伪数组(类似于数组,但不是数组,个元素集合HTMLCollection类似)arguments根据索引记录了每一个传递进来的实参信息(和是否定义形参变量没有关系),arguments中包含了所有传递进来的实参信息)argume.

2020-09-10 18:03:50 120

原创 js数学函数中的常用方法

math是一个对象数据类型值,在他的堆内存中,存储了很多内置属性及方法,这些方法,一般都是直接用来操作的数字的,所以我们把Math"数字函数对象"Math内置的方法Math.PI / Math[‘PI’] :获取圆周率console.log(Math.PI);//3.141592653589793Mth.abs([n]);获取数字n的绝对值(绝对值都是正数)console.log(Math.abs(-23));//23console.log(Math.abs(23));//23c.

2020-09-10 18:02:23 185

原创 js数组

目录数组是应用数据类型中的对象数据类型(特殊对象)创建一个对象也要开辟一个堆内存,堆内存中存储数组对象的键值对let arr=[10,20,30];conosle.log(arr);//输出:0: 101: 202: 30length: 3```数组中我们看到的每一项都是属性值,默认属性名是数字,数字从零开始递增,数字代表当前的第几项,我们把代表位置的数字属性名称为"索引";数组是以数字为索引,索引从零开始的结构!在数组中默认存在一个length属性,代表着

2020-09-10 18:01:24 133

原创 js中的循环

js中的循环for循环 =>循环数组循环:一轮一轮的重复做某一件事情(真是项目中一般都控制相关的事情执行一遍)使用:for(设置初始值;设置循环条件,控制循环次数;每一轮循环结束购处理的事情[步长累加])循环体设置初始值验证条件(条件不成立循环体结束)循环体步长累加再次验证循环体一直重复执行,一直到验证条件不成立为止循环体可能出现的两个关键词break:强制结束整个循环,所有在循环体中的代码都不在执行for(var=0;i<5;i++){

2020-09-07 14:17:45 160

原创 第一部分学习总结

学习第一部分总结前端的发展史了解重要的历史节点重点掌握WEB1.0~WEB3.0的进化史动态页面前后端分离WebApp(NativeApp)全栈开发…浏览器常用的内核WebkitGeckoTridentBlink…js三部分ECMAscriptDOMBOM变量个变量定义变量就是起了一个名字,用来存储(指向)或者代表某一个值得(他是一个虚拟的东西,值才是实在的东西)命名规范严格区分大小写驼峰命名法基于"_、$、数

2020-09-07 12:26:06 98

原创 js中栈内存与堆内存

栈内存与堆内存内存分类栈内存 stack堆内存 heap栈内存与堆内存区别栈内存是储存基本数据类型值和为执行上下文提供的环境堆内存是存储引用数据类型的,他会在内存中开辟一条新的内存来储存值,并生成一个16进制的地址浏览器渲染机制当当浏览器中打开页面,浏览器引擎会渲染相关的代码(包含js代码),换句话说就是把代码从上往下执行浏览器想要执行代码,会提供一个代码执行环境,(ECStack 全称 Execution Context Stack =>栈内存 Stack)

2020-09-05 11:25:15 222

原创 js中Object数据类型

js中object数据类型所有的对象都具备的特点用键值对(key:value俗称属性和属性值)来描述一个对象的特征(每一个对象都会综合体,存在零到多个键值对){[key:value,…]}每一组键值对是key:value的格式,多组键值对用逗号分隔key不能是引用数据类型,value可以是任意数据类型let obj={ name:'teal', age:20, hobby:['吃饭','睡觉'], skill:function(){}}console.log(obj);&g

2020-09-04 21:12:52 550

原创 js中typeof数据检测

js中typeof数据检测js中的数据检测typeof [value]; 检测数据的类型[example] instanceof [class]; 检测数据类型[example].constructor===[class];检测实例和类关系的,从而检测数据类型Object.prototype.toString.call([value]);检测数据类型typeof的细节点:typeof检测的结果首先是一个字符串,字符串中包含了对应的数据类型(如:’number’、‘string’、‘bo

2020-09-04 21:11:38 181

原创 js中boolean数据类型

js中boolean数据类型将其他数据类型转换为布尔类型Boolean([value])![value]; 把指定的值转换为布尔类型,在取反!![value]; 把指定的值转换为布尔类型然后取反在取反(相当于将指定的值转换为布尔类型而已)规则:只有 " 0 NaN null undefined 空字符串 "最后会转换为false ,其余都为trueconosle.log(!!-1); // =>trueconsole.log(!!0); // =>falsecons

2020-09-04 21:10:54 332

原创 js中关于String数据类型

js中关于String数据类型在js中用 :单引号 双引号 反引号 包起来的都是字符串把其他类型的值转换为字符串类型String([value])[value].toString()普通对象转换为字符串都是 :"[object object]"数组对象转换为字符串是 :“第一项,第二项,…” ; // =>(以逗号分隔数组中的每一项)在js中常用的数学运算数学运算:+ - * / //=>加减乘除%(膜) 取余数console.log(4

2020-09-04 12:19:40 498

原创 关于javascript中关于number的学习内容

关于javascript中关于number的学习内容number数据类型包括那些正数、负数、浮点数、零NaN =>NaN表示not a Number不是一个有效数字,但他属于number类型Infinity:=>表示无穷大的值 -Infinity=>表示负的无穷的值关于NaNNaN和任何数都不想等,包括他自己console.log(NaN=10); // =>falseconsole.log(NaN==NaN); // =>false强制将其他数据

2020-09-04 09:51:17 139

原创 js中常用的输出方式

js中常用的输出方式1、console控制台:在浏览器控制台输出console.log; =>可以输出任意数据类型,控制台展示的类型也是对应的数据类型console.log('a',10,{name:'Teal'},[10,20],false); // =>a 10 {name: "Teal"} (2) [10, 20] falseconsole.dir; =>输出一个对象或一个值得详细信息console.dir({name:'Teal',age:20}); // =&

2020-09-03 20:38:12 385

原创 js中定义变量的方法

js中定义变量的方法1、var基于var创建一个的变量叫N的值,让其指向具体的的值10var n=10;console.log(10); // =>102、let基于ES6中的Let创建的一个变量,让其指向100,但后期让其重新指向了一个新值200let a=100; a=200;console.log(a); // =>2003、const基于ES6中的const创建一个变量,让其指向1000,但后期让其指向2000,会报错,因此const创建的值是不

2020-09-03 20:37:28 2017

原创 js中的数据类型

js中的数据类型1、基本数据类型数值 Number字符串 String布尔值 Boolean空值 Null //undefined未定义 UndefinedES6新增的唯一的类型 Symbol2、引用数据类型对象数据类型 Object普通对象 {}数组对象 []正则表达式 /^$/日期对象 new Date数学函数对象 Math…2、函数数据类型 Function...

2020-09-03 20:35:54 65

原创 常用浏览器内核

1、以谷歌浏览器Webkit内核为主(v8引擎)2、火狐的 Gecko内核3、IE浏览器的Trident内核

2020-09-03 20:34:32 82

原创 node将明文密码加密

今天给大家介绍一款Node密码加密的模块 bcrypt使用bcrypt模块加密前确保本机存在python环境python官网下载bacrypt模块npm install bcrypt在本地项目中导入bcrypt模块const bcrypt = require('bcrypt')生成盐 (理论下值于高,越不容易被破解)const salt = await bcrypt.genSalt(10) /* * 注意: * 1、生成的盐是异步操作 * 2、数值

2020-08-31 12:58:40 231

原创 mongodb数据加密

打开终端 (如:cmd || powershell 等等…)输入 mongoshow dbs //查询数据列表use admin //切换至admin数据库db.createUser({user:‘用户名’,pwd:‘设置管理员密码’,roles:[‘root’]}) //创建超级管理员role: 管理权限参数:root:超级管理员权限,可对任意数据库进行增删改查read能读取该数据库的内容,但不能进心修改readwrite: 可以对该..

2020-08-31 12:54:30 758 1

原创 微信小程序的对云数据库的增删改查

标题微信小程序的对云数据库的增删改查*创建数据的类型类型介绍Bumber字符串类型 ‘a’ ,‘b’Number数值类型 0 1 2 3Boolean布尔值类型 true || falseObject对象类型 obj:{num:1,name:‘哈利波特’}Null空值Array数组 list:[‘item1’,'item2]Date时间类型Geopoint位置类型一、查询数据1、云函数查询数据库数据// 文件

2020-08-31 12:52:00 841

原创 javascript数组方法及使用说明

javascript数组方法及使用说明Array.forEach(v,i,callback)作用 :循环数组形参:v : 当前循环项i : 当前循环项索引callback: 回调函数const array = [ { id:0, name: '孙悟空' }, { id:1, name:'猪八戒' }, { id:2, name:'沙悟净'

2020-08-24 20:11:36 110

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除