QzjAuroraJun-CSDN博客

原创前端开发，JavaScript实际开发过程中常用JS小技巧

1.JS 阻止‘a’标签默认事件//阻止a标签默认事件var evt = evtwindow.event;/获取event对象 if (evt.preventDefault) { evt.preventDefault(;//非IE浏览器} else { evt.returnValue =false;//IE低版本}2.JS 判断当前是苹果系统还是安卓系统if (/iPhone/.test(navigator.userAgent)){ $(".btn:last").attr("href"

2021-12-05 19:34:14 1539

原创前端开发，JavaScript正则

1.只能输入数字(含多位):/^[0-9]+$/2.提取字符串中的字母、数字、中文:var spring ='111ABCDacd牛逼啊spring.replace(/[^a-zA-Z]/g,") spring.replace(/[^\d]/g,")spring.replace(/[^\u4E00-\u9FA5]/g,")3.匹配非全部是空格: /^(?=.\S).+$/4.正则匹配是否包含某个指定字符串var a =$([href="http://pages.ch.com/Act

2021-12-05 17:33:32 102

原创前端开发，JavaScript 常见表单正则校验方法

// 输入邮箱去空格toTrimMail(userMail,eDom){ var that = this; that.parms.email =(userMail && userMail.replace(/s+/g,"")); $('.J email').val(that.parms.email); that.changelnputValid(1.eDom);}//校验手机号validPhoneNumber(userPhone) { var that = this,ret

2021-12-05 17:28:40 468

原创前端开发，实际开发中CSS常用小技巧【二】

1.CSS linear-gradient() 背景渐变色函数：/* 从上到下，蓝色渐变到红色 */linear-gradient(blue, red);/* 渐变轴为45度，从蓝色渐变到红色 */linear-gradient(45deg, blue, red);/* 从右下到左上、从蓝色渐变到红色 */linear-gradient(to left top, blue, red);/* 从下到上，从蓝色开始渐变、到高度40%位置是绿色渐变开始、最后以红色结束 */linear-gradi

2021-12-05 17:16:41 103

原创 Vue.js学习笔记，2021.01.30

1.vue 实现修改子组件的数据，父组件的数据也跟着变化<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover

2021-01-31 15:58:30 201

原创 Vue.js学习笔记，2021.01.26

使用vue实现发微博效果(发布和删除效果)```html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <body> <div id="app"> <input type="text" placeholder="请输入需要发布内容" v-model="val"/>{{val}}

2021-01-27 00:10:59 173

原创 mongodb 数据库学习笔记（本地新建项目基本操作流程） 2020.12.28

1、初始化npm init -y;2、下包cnpm install mongodb -Scnpm install express -S3、新建数据文件夹a4、打开数据库：打开个命令行A，输入 mongod --dbpath 数据文件夹a的路径5、任意位置重新打开个命令行B，输入： mongo //得到版本号相关信息6、继续在命令行B中输入相对数据库进行的操作PS：需要本地全局安装mongo数据库下载地址...

2021-01-06 00:00:47 178

原创 mongodb 数据库学习笔记（二） 2020.12.28

2021-01-05 23:52:44 131

原创 mongodb 数据库学习笔记（一） 2020.12.26

1、关系型数据库有哪些，非关系型数据库有哪些？两者区别？关系型数据库：Oracle、DB2、Microsoft SQL Server、Microsoft Access、MySQL非关系型数据库：NoSql、Cloudant、MongoDb、redis、HBase两者区别：关系型数据：天然就是表格式的，因此存储在数据表的行和列中；数据表可以彼此关联协作存储，也很容易提取数据。非关系型数据：不适合存储在数据表的行和列中，而是大块组合在一起；非关系型数据通常存储在数据集中，就像文档、键值对或者图结构。

2020-12-29 23:34:52 186 2

原创 Node.js 之 express 学习笔记，2020.12.23

2020-12-28 00:59:30 156

原创 Node.js学习笔记，2020.12.21

1、封装一个模块，实现加减乘除的功能(计算器)文件结构：|——demo |——node_modules |——Q_add |——index.js |——test.js index.js//传入两个数字，返回加减乘除运算的结果module.exports = class comput { constructor(a, b) { this.a = a; this.b = b; } addition() { retur

2020-12-26 23:24:58 732

原创前端开发，Node.js实现静态资源读取

静态资源目录：readfile.jsconst http=require('http');const fs=require('fs');const path=require('path');// 导入的时候require()const J_GetIndex=require('./getIndex.js');let server=http.createServer((req,res)=>{ // req.url获取请求地址 /favicon.ico地址是自动请求的 if(req.u

2020-12-22 00:56:08 1278

原创前端开发，Node.js判断当前文件夹下文件的状态

// Nodejs中，fs是一个内置的模块（文件系统），需要单独引入。// 引入模块一般使用constconst fs=require('fs');fs.readdir(__dirname,(err,files)=>{ // files存储的是当前文件夹下的所有文件 if(err) throw err; for(let i=0;i<files.length;i++){ //读文件的时候，for循环正常执行，可能文件还没读完，但是for已经执行完成 //这

2020-12-21 00:17:20 455 1

原创前端开发，同步与异步的区别

同步：同步的思想是：所有的操作都做完，才返回给用户。这样用户在线等待的时间太长，给用户一种卡死了的感觉（就是系统迁移中，点击了迁移，界面就不动了，但是程序还在执行，卡死了的感觉）。这种情况下，用户不能关闭界面，如果关闭了，即迁移程序就中断了。异步：将用户请求放入消息队列，并反馈给用户，系统迁移程序已经启动，你可以关闭浏览器了。然后程序再慢慢地去写入数据库去。这就是异步。但是用户没有卡死的感觉，会告诉你，你的请求系统已经响应了。你可以关闭界面了。同步和异步本身是相对的同步就相当于是当客户端

2020-12-21 00:08:05 1612

原创 Node.js与java、php的区别

1.Node.js：简单的说 Node.js 就是运行在服务端的 JavaScript。2009年2月，Ryan Dahl在博客上宣布准备基于V8创建一个轻量级的Web服务器并提供一套库。Node.js是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。Node.js本质上就是JavaScript，采用事件驱动，异步编程，为网络服

2020-12-21 00:01:21 982

原创 Node.js是简介及安装

1.node.js是什么？1.Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。2.Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月，由RyanDahl开发，实质是对Chrome V8引擎进行了封装。3.Node对一些特殊用例进行优化，提供替代的API，

2020-12-20 23:40:41 128

原创个人CSDN、码云、github账户

CSDN: https://blog.csdn.net/MaybyYouLove码云gitee：https://gitee.com/quzijun1995gitHub: https://github.com/quzijun

2020-12-20 17:37:39 154

原创前端模块化的发展历程

模块化的几个代表阶段1. 文件划分方式最早我们会基于文件划分的方式实现模块化，也就是 Web 最原始的模块系统。具体做法是将每个功能及其相关状态数据各自单独放到不同的 JS 文件中，约定每个文件是一个独立的模块。使用某个模块将这个模块引入到页面中，一个 script 标签对应一个模块，然后直接调用模块中的成员（变量 / 函数）。// module-a.js function foo () { console.log('moduleA#foo') }// module-b.js var

2020-12-20 17:29:36 310

原创前端开发，JavaScript判断某个参数是否为空常见方式

判断为空的方法千篇一律，此处只是针对本人工作中遇到的一切坑做出总结，大家可以根据自己的工作需要自由组合，封装成一个公共方法，避免一些不必要的问题。1.在操作该参数前，做非空判断//常用作临时解决线上报错等问题var a = '';if(a && a.toLowerCase()){ console.log('参数不为空')}else{ console.log('参数为空')}2.typeof,判断类型是否是undefinedvar b;if(typeof b .

2020-12-17 23:57:00 18036

原创前端开发，JavaScript传入变量（数字、字符串）、数组、对象等判断是否为空公共方法

JS判断是否为空公共方法/** * 传入变量（数字、字符串）、数组、对象等判断是否为空 ZiJun Qu * @param str 需要判断是否为空的内容 * @returns {boolean} 返回布尔值 true不为空，false为空 */function isEmpty(str) { var thisType = typeof str; if (str === '' || str === null || str === undefined) {//null、undefined

2020-12-17 23:07:48 583 3

原创 bootstrap样式库

一、什么是bootstrapBootstrap是一个基于HTML、CSS、JavaScript的前端开发框架，它简洁灵活，使得Web开发更加快捷。Bootstrap插件全部依赖jQuery，而bootstrap框架主要为我们提供两个最重要的文件：bootstrap.min.css和bootstrap.min.js。二、如何使用下载：http://www.bootcss.com/导入jQuery.js文件导入bootstrap.css文件导入bootstrap.js文件将所有内容放到布局容

2020-12-16 23:23:10 2036

原创 windows系统计算机DOS命令行常用操作

常用DOS命令1.dir：列出当前目录下的文件以及文件夹2.md：创建目录3.rd：删除目录4.cd：进入到指定目录5.cd…：退回到上一级目录6.cd\：退回到根目录7.del：删除文件8.exit：退出DOS命令行常用快捷键⬅：移动光标➡：移动光标↑：调取历史操作命令↓：调取历史操作命令delete：删除字符backspace：删除字符常用操作创建文件夹 mkdir 文件夹名字删除文件夹 rmdir 文件夹名字创建文件 echo>文件名字删除文件

2020-12-14 23:11:44 268

原创前端开发之ES6模块化和node.js，2020.12.09

1、node到底是什么？Node是一个基于Chrome V8引擎的JavaScript运行环境；是一个让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。2、node 和 java/php区别？与java区别1、Node.js比Java更快：1）、node.js开发快，运行的效率也算比较高，但是如果项目大了就容易乱，而且javascript不是静态类型的语言，要到运行时才知道类型错误，所以写的多

2020-12-12 15:34:57 172

原创前端面试典型例题之ECMAScript6，2020.12.07

1.编写程序使用ES6定义 Person类，包括类实例属性（name,age）,实例方法say()该方法返回name和age字符串<script> class Person { constructor(name, age) { //实例属性 this.name = name; this.age = age; //实例方法 // this.say = function () { // return `姓名：$

2020-12-12 15:18:36 246

原创前端开发，实际开发中浏览器兼容性常见问题

1.认识各大浏览器及其内核国内常见的浏览器有：IE、Firefox、Safari、Opera、GoogleChome、QQ浏览器、搜狗浏览器、百度浏览器、猎豹浏览器、UC浏览器、360浏览器、遨游浏览器、世界之窗浏览器等等。五大主流浏览器：IE、Google Chrome、Firefox、Safari、Opera。四大浏览器内核：Trident内核(IE内核)、Webkit内核、Gecko内核、Presto内核。各浏览器所用内核：　　1、IE浏览器内核：Trident内核，也是俗称的IE内核

2020-12-11 23:44:15 285

原创前端开发，实际开发中CSS常用小技巧【一】

1.文字内容一行展示不下，展示…overflow:hidden:white-space:nowrap:text-overflow:ellipsis:2.给Input标签的placehoder属性设置样式(需兼容各浏览器)html代码<div id="container"> <input id="J_myInput" type="text" placeholder="修改placeholder样式" /></div>css代码 #J_myInp

2020-12-11 23:21:17 154

原创前端开发，实际开发中JavaScript常用小技巧

1.JS匹配并清除字符串里全部空格var a = '4444 3333 2222 1111';var b = a.replace(/\s+/g,"");console.log(b); //结果'4444333322221111'2.JS删除对象中的某个值var obj = { name: 'zhangsan', age:25}delete obj.age;3.JS控制input输入银行卡卡号，每四位数空一格，如：4444 3333 2222 1111//以下内容通过jQuery

2020-12-11 23:09:09 170

原创前端面试典型例题之ECMAScript6，2020.12.05

1、下面程序的执行结果是什么？请分析原因?function f({ x = 10 } = {}, { y } = { y: 10 }) { console.log( x + " " + y +"\n");}f(); // 10 10 f( undefined, undefined ); // 10 10 f( {}, undefined ); // 10 10 f( {}, {} ); // 10 undefined f( undefined, {} ); // 10 undefin

2020-12-06 23:39:15 140

原创前端面试典型例题之ECMAScript6，2020.12.02

1、var和let区别？区别①：作用域不同：var是函数作用域，let是块作用域。在函数中声明了var，整个函数内都是有效的，比如说在for循环内定义的一个var变量，实际上其在for循环以外也是可以访问的；而let由于是块作用域，所以如果在块作用域内定义的变量，比如说在for循环内，在其外面是不可被访问的，所以for循环推荐用let。区别②：let不能在定义之前访问该变量，但是var可以。let必须先声明，再使用。而var因为有变量提升的机制先使用后声明也行，只不过直接使用但没有定义的时候，其值是

2020-12-05 00:17:32 154

MaybyYouLove的博客

原创 JS 原型与继承

原创 JS 原型与继承2

原创 JavaScript 函数进阶

原创 JavaScript 事件

原创 JavaScript 对象

原创 JavaScript 类

原创 JavaScript 作用域与闭包

原创 JavaScript 数组