- 博客(171)
- 资源 (10)
- 问答 (1)
- 收藏
- 关注
原创 JS正则常用匹配(手机号、身份证号、邮箱等)
RegExp 对象正则表达式是描述字符模式的对象。正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。// 匹配手机号// var res = /^[1][3,4,5,6.7,8,9][0-9]{9}$/// let num = 18045216903// console.log(res.test(num))// 匹配身份证号码// var res = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/// var n='5203
2022-03-22 11:12:12 112031
原创 node中封装MongoDB
前言:封装方法,哪儿都能调用,岂不美哉。首先我们需要下载这个模块npm install mongodb接下来新建一个mongo.js文件,写入如下代码:var MongoClient=require('mongodb').MongoClientvar ObjectID = require('mongodb').ObjectID;// 地址var url = ""//导出查询mongo自生成的idexports.objid=ObjectID/** * 封装find()查询所有数据
2022-02-21 17:03:00 110703 1
原创 node使用express框架结合mysql实现登录、注册、忘记密码等功能(使用邮箱验证)
今天没废话,直接看代码。目录一.环境以及包二.数据库三.登录接口四.注册接口五.忘记密码接口六.数据库配置文件一.环境以及包npm i expressnpm i mysqlnpm i corsnpm i body-parsernpm i cookie-parsernpm i jsonwebtoken二.数据库三.登录接口const express = require('express')const router = express.Router()// token生成插
2022-02-10 09:13:52 117274 5
原创 js裁剪(分隔)字符串常用方法
前言:在开发中我们经常会遇到对于字符串的部分取舍问题,今天我们来看看3中常用的方法来解决这个问题。目录:一.Slice1.两个参数:2.参数为负:3.一个参数:4.注意:二.Substring1.两个参数:2.一个参数:3.注意:三.Sbustr1.两个参数:2.一个参数:3.注意:一.Slice1.两个参数:两个参数:起始索引(开始位置),终止索引(结束位置),提取字符串的某个部分并在新字符串中返回被提取的部分。包前不包后var str="HelloTwd";// slice方法 /
2022-02-07 09:50:26 118113 2
原创 node结合multiparty实现文件上传
文件上传是每个项目中大概必不可少的操作,今天我们用node实现一个文件上传模块。1.模块npm i multipartynpm i express2.代码代码我们放在(upload.js)文件中,文件中代码如下:// 上传文件模块const multiparty = require('multiparty')// 文件操作模块const fs = require('fs')// 导入express框架const express = require('express')// 路
2022-01-26 10:22:33 127801
原创 node+express操作cookie
Cookie:有时也用其复数形式 Cookies。类型为“小型文本文件”,是某些网站为了辨别用户身份,进行Session跟踪而储存在用户本地终端上的数据(通常经过加密),由用户客户端计算机暂时或永久保存的信息。用node操作cookie我们需要cookie-parser模块npm i cookie-parser -s接下来在我们的文件中引入此模块// 引入express模块const express = require('express')// 实例化expressconst app =
2022-01-25 15:41:20 128285
原创 Vue中父组件以及子组件传值问题
前言:在一些页面中不单单的纯纯的一个vue文件,vue讲究组件化开发,但是一般的肯定会产生交互事件,今天了解了这个传值,特此的来记录一下。目录一.父组件向子组件传值二.子组件向父组件传值一.父组件向子组件传值父组件向子组件传值会用到:Prop,一般的我们需要在子组件中进行相关的声明,如下所示:子组件为HellowWorld.vue<script>export default { name: 'HelloWorld', //接收的变量 props: { //声明相关的
2021-11-24 17:35:09 118637
原创 基于H5+js开发一款音乐播放器
前言:当下音乐播放器不胜其数,为了更好的掌握一些东西,我们来自己制作一个音乐播放器。文章目录:一.开发环境:二.页面视图:1.主文件入口(首页):2.音乐播放界面:三.功能实现(1)、index.html:(2)、播放音乐(music.html):(3)、样式文件(index.css):四.项目地址:一.开发环境:开发工具:HbuliderX;框架:Vant,Mui,Vue后端:Node二.页面视图:正常情况下我们的开发都会有构思图以及模块规划等过程,我们先来看看大致的页面构图:1
2021-09-28 11:37:32 117646 1
原创 ♥走进TypeScript的数据类型♥
前言:无论在学习什么语言的时候,我们都需要明白其该怎么样去定义一个变量或者Function,那么今天我们来看看TypeScript的数据类型。文章目录:一.Ts与Js的区别二.Ts的数据![在这里插入图片描述](https://img-blog.csdnimg.cn/8904446afa764db282b731721429ebda.png)三.数据类型应用1.any类型:2.number类型:3.string类型:4.Array类型:(1).[]:(2).数组泛型:一.Ts与Js的区别众所周知:Jav
2021-09-22 19:53:42 107579 3
原创 ♥带你走进TypeScript♥
前言:Javasctipt想必大家都不陌生,所谓TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。目录:一.TypeScript安装二.TypeScript转换为JAVAscript三.TypeScr
2021-09-18 10:38:04 105531
原创 python爬取csdn个人首页信息以及博客
前言:随着csdn的更新,许多机制是进行了提升,但是相对于以前而言相信大家还是更喜欢以前的版本吧目录:一.需要的包:二.代码部分:三.全部代码:四.效果图:一.需要的包:我们需要使用的有如下的包:#文件操作import os#请求发送import requests#网页解析from lxml import etree#缓冲时间import time二.代码部分:我们对于csdn新版本界面进行数据的爬取,新版本个人主页如下图所示:接下来我们进行书写方法:def bolg( u
2021-07-25 17:51:22 96761 7
原创 vue+axios实现简易的天气查询
我们先来看一下效果图,原理很简单就是接口的调用以及数据的呈现,界面的布局而已通过如上我们可以看到输入正确的城市名称后会查询出未来四天以及昨天和今天总共六天的天气,输入不正确的名称时会进行提示,并且清空输入栏目录:一.资源引入:二.实现:1.HTML:2.CSS:3.js:三.详细代码:四.实例:一.资源引入:因为是vue项目所以我们需要引入vue,官网:vue官网,我们使用cdn方式进行引入:<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src=
2021-07-25 15:21:15 84387 2
原创 一篇文章带你走进web,初始HTML
在这个互联网发展迅速的时代,前端工程师也作为一门很吃香的行业在迅速的发展,因为本人就是一名web前端工程师,那么我们接下来就来深入学习如何成为一名资深的web前端工程师。在学习web前端开发工程师之前,我们得先了解什么是web前端工程师? Web前端开发工程师:从事Web前端开发工作的工程师。主要进行网站的开发、优化、完善的工作,2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌
2021-07-25 13:30:17 83074
原创 FileSaver结合XLSX实现el-table的分页数据导出
前言:在上篇文章中我们说到了:Xlsx结合File-Saver实现前端页面表格导出Excel为文件,但是也有很棘手的问题,只能导出第一页的数据,那么我们今天来看看分页的数据怎么导出- - -目录:一.表格结构:二.分页结构:三.js逻辑代码:四.代码解析:一.表格结构: <el-table :data="adminData.slice((admincurrentPage-1)*adminpage,admincurrentPage*adminpage)" :cell-st
2021-07-02 14:29:56 84272 14
原创 web前端常见面试题总结
人生的路上少不了尝试,人人都是打工人,但愿这份面试题可以帮助到你H5有哪些新特性?绘画canvas(随时随地绘制2D图形)、svg(描述XML中的2D图形)元素语义化标签header、ment、content、footer…新增的input类型和属性音频,视频H5地理定位H5拖放H5 Web Storage存储H5应用程序缓存H5中的Web workersH5服务器发送事件(server-sent event)允许网页获得来自服务器的更新WebSocket在单个TCP连接上进
2021-06-22 15:31:07 82883
原创 Vue中进行全局守卫
前言:项目中大多数都是通过路由来进行跳转的,但是普遍的都会进行登陆验证后才能进入下一页面,这时候就需要守卫了,本博文主要讲解vue中的全局守卫 。全局守卫在main.js中进行配置:import Vue from 'vue'import App from './App'import router from './router'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'//
2021-06-18 11:10:04 83573
原创 Vue中进行对于axios的封装
前言:在我们进行前后端数据交互的时候,避免不了的就是数据的请求与处理,通常我们都会使用axios来进行数据的一些操作,但是普通的请求又过于繁琐,那么我们就来对axios进行封装处理。看到乱麻麻的数据请求,估计大家都会是这样子的吧- - -简直是欲哭无泪啊目录:一.引入axios:二.http.js1. 引入axios进行简单的配置:2. 请求拦截器:3. get、post和push请求的封装:三.引入文件:四.运行测试:一.引入axios:在终端情况下,我们使用以下命令进行引入:npm i
2021-06-18 10:32:49 83275 2
原创 初识Django,原来Django可以这么好玩...
前言:在之前的开发项目中一直使用的node.js或者flask写后台接口,之前也听过Django但是一直却没有用过,直到今天的使用打破了我的常规,原来Django还可以这样玩…Django一.简介:二.安装三.文件介绍:四.第一个程序:一.简介: 据官网上的描述是这样子的:Django 是一个高级 Python Web 框架,它鼓励快速开发和简洁实用的设计。它由经验丰富的开发人员构建,解决了 Web 开发的大部分麻烦,
2021-06-15 16:26:50 84199 2
原创 服务器中进行搭建node.js环境并开启node服务
前言:一般来说我们都喜欢我们的代码看起来简洁美观而且性能也能大大提升,那这个时候我们就需要进行前后端分离,为什么俺会这样说呢,因为俺最近就要搞这个(ヽミ ´∀`ミノ<)。简介:项目采用的是webpack+vue做的,后端用的node.js来实现,服务器nginx(本文主要阐述:如何在服务器上进行node.js的配置以及启动该服务)项目部署的话请移步至:项目部署至服务器 可以去看看哦…目录:一.必备的:二.node.js文件:三.启动服务:一.必备的:既然是node.js那么必不可少的就是n.
2021-06-03 10:02:45 87326 1
原创 服务器指定端口部署vue项目(webpack打包后的文件)
前言:之前部署项目一直都是往服务器上面一扔,就直接可以访问了,但是向指定的端口部署项目这个貌似还不一样╮( ̄▽ ̄")╭目录:一.项目打包:二.修改nginx配置文件:三.nginx的操作:一.项目打包:配合webpack工具对VUE项目进行打包,我们可以在package.json文件下修改好build的命令,或者在文件目录下打开终端使用npm run build命令对项目进行打包。打包成功后会生成dist文件,这个就是我们必需的文件。二.修改nginx配置文件:一般的nginx的配置文件会
2021-05-31 10:15:33 84910
原创 Xlsx结合File-Saver实现前端页面表格导出Excel为文件
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例
2021-03-25 09:51:02 86019 10
原创 Git公钥id_rsa.pub的配置
前言:在Git的道路上我们逐渐渐行渐远,但是为了不用每次我们都进行登录,那么我们今天就来设置它的私钥来解决这一点。目录:一.命令解读:二.具体操作:1.如何生成SSH Key2.配置SSH Key三.验证:一.命令解读:在进行配置时候我们使用到的是ssh-keygen -t rsa -b 4096 -C "邮箱",那么我们先来看看这段代码的具体意思吧:ssh-keygen:SSH 为 Secure Shell 的缩写,SSH 为建立在应用层基础上的安全协议。SSH 是目前较可靠,专为远程登录
2021-01-18 23:43:18 90881
原创 手把手教你制作一个简单的聊天机器人(图灵api)
前言:在无聊的时候打打游戏、听听歌还不如来找个人来陪你聊天,今天来教大家制作一个聊天机器人,这样就不会无聊了,在线聊天机器人地址借愁哥哥机器人(可能有点丑,大家将就一下 (????) )这个接口就目前的一天100次聊天机会,大家要珍惜哦,源码在文章末尾哦!效果图:目录:一.准备工作二.项目开始1.页面布局:2.样式层:3.逻辑实现:一.准备工作通过分析我们需要以下的具体准备:对于界面的分析,我们需要用到的插件:jQuery,我们采用的是flex弹性布局,既然使用的是图灵机器人
2021-01-18 23:00:29 89343 2
原创 var、let与const的区别
在进行变量声明的时候我们一般使用的是var,但是在ES6中新增的语法中有了let和const,今天我们来看看它们的区别。目录:一.为什么使用ES6?二.let1.作用域2.不存在变量提升3.暂存死区4.重复声明变量问题5.总结三.const1.定义2.块级作用域3.赋予初始值4.常量不可以修改5.总结四.区别一.为什么使用ES6?每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性;语法过于松散,实现
2020-12-26 16:49:48 83451
原创 深入浅出ES6中的解构
前言:解构是ES6的新特性,用于从JavaScript对象和数组中提取数据,语法上比ES5所提供的更加简洁、紧凑、清晰。今天我们来看看解构:目录:一.解构1.什么是解构?2.为什么要是用解构?二.基本用法1.变量赋值2.数组解构1.把数组中所有的数值赋给一个个单独的变量2.提取除了第一个数值意外的后两位数值3. 提取除了中间的值以外的其他值4. 提取除了最后一位的其他数值5.嵌套数组1.从嵌套数组中提取数值:2.从深层嵌套数组中提取某一个值3.使用rest运算符提取剩余的参数3.对象解构1.简单的对象解
2020-12-26 10:50:00 84865 1
原创 深究--CSS中px、rem与em的区别
前言:随着PC端的网页盛行,移动端作为重要的一部分,也是火热的发展,但是鉴于一些单位的使用,我们并不知道该怎样去使用,那么今天我们来看看常用的三种单位PX、rem与em。目录:一.PX1.概念:2.特点:二.rem一.PX1.概念:px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX:px是pixel的缩写,是像素单位也是为影像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,
2020-12-21 14:03:04 83719
转载 Flex布局教程:语法篇
前言:在现在网页中,我们不仅仅局限于PC端,我们也在适应移动端进行项目的开发,那么传统的布局方式又难以实现我们的移动端,所以我们来接触Flex布局来进行了解。网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已
2020-12-20 22:06:43 83736
原创 Echarts Gallery的使用方法
前言:数据可视化的概念是风靡网络的Facebook全球用户热度图,该图是先从Hive中抽取用户的信息,再利用统计软件进行数据挖掘,然后根据定义的权重值画线,最后用色盘来标识获得。今天我们来谈谈Echarts Gallery的使用方法。目录:一.需要的文件:二.项目进行:1.类型选择:2.操作步骤:(1).文件导入:(2).进行布局:(3).JS书写:三.效果展示:一.需要的文件:在使用Echarts Gallery时,我们需要进行下载一些相关的文件,我们可以通过echarts来进行相关文件的下载,我们
2020-12-20 20:52:34 94280 11
原创 icommon字体图标的使用方法
前言:在许多网站上,我们在一些字体后面难免会看到一些小图标,其实那都是字体图标,今天我们来看看怎么样进行使用这些字体图标。目录:一.下载:二.步骤:1.文件2.导入:3.应用:三.效果:一.下载:首先在网站中下载我们需要的图标icommon:二.步骤:1.文件下载下来后,我们对其进行解压,得到如下所示的文件:在上文件中我们主要应用:style.css和fonts,其余的没什么多大的用处。2.导入:我们打开style.css这个文件,选择如下所示的代码进行复制粘贴至自己的css样式中:
2020-12-19 20:58:53 85449 1
原创 jQuery-<王者荣耀>-手风琴效果
前言:初始jQuery,今天来做个练习实现王者荣耀的手风琴效果。---------------------我们先来看看官网上面实现的效果:--------------------------------------接下来我们来想想怎么实现这个效果:目录:一.思路分析二.具体实现三.实现效果一.思路分析由图分析,需要的元素有:ul,li,a,img;一个li下存在一个a标签,a标签里面包含两个img标签;需要的自定义动画以及元素的淡入淡出。自定义动画:animate(params,[s
2020-12-16 22:19:14 83890
原创 CSS3动画--木马图
前言:在学习了上一篇文章CSS3动画之后,我们今天来做一个木马图来练习一下。目录:一.Html二.CSS三.JS一.Html首先我们先进行具体的页面设计,知道需要什么元素来进行布局:` <div class="action"><!--左边的点击按钮--> <button class="left"><</button> <!--主要的图片--> <div id="menu-1" cl
2020-12-15 18:16:53 84042
原创 浅谈CSS3动画
前言:特效无疑是炫酷的一个东西,很多网页中都存在这种特效,这也就是我们今天要看的动画.目录:一.动画二.keyframes1.定义:2.绑定事件(animation):3.复合写法:三.举例一.动画所谓的动画是使元素从一种样式逐渐变化为另一种样式的效果,就是通过CSS代码来对我们需要产生特效的元素的样式进行修改。我们会使用到keyframes来进行动画的操作。二.keyframes1.定义:keyframes:关键帧;格式为:@keyframes animationname {keyframes
2020-12-14 20:26:26 82458 2
原创 浅谈CSS-2、3D转换
前言:在浏览一些网页时候,我们难免会看到一些比较炫酷的元素转换效果,有2D和3D的,那么我们今天就来看看这CSS中的转换。目录:一.转换二.2D转换1.解释:2.移动:3.旋转4.缩放三.3D转换复合写法:四.注意一.转换所谓转换指的就是使元素改变形状、尺寸和位置的一种效果,也就是通过css代码来改变其样式从而产生的转换。二.2D转换1.解释:2D转换就是在二维坐标系里面来进行执行的转换。二维坐标系中存在X和Y轴,我们改变其样式就是在X和Y方向上对其进行一些样式的改变。我们使用transfor
2020-12-13 23:33:58 82177
原创 深入JavaScript中的运算符
前言:运算符不论是在数值计算,还是一些逻辑控制上运算符是必不可少的,今天我们来看看具体的运算符.运算符:一.算术运算符:二.比较运算符:三.逻辑运算符四.递增递减运算符五.赋值运算符六.三元运算符运算符优先级;一.算术运算符:算术运算符就是用于数据的运算操作,一般的运算符有:运算符说明+加法运算,但是如若为字符串就是拼接字符串的作用-减法运算*乘法运算/除法运算%取余运算二.比较运算符:运算符说明>用于比较两个
2020-11-14 13:31:30 82100
原创 python中的键盘事件
前言:在几年前的时候,看见别人用消息轰炸软件,感觉很厉害的样子,今天博主来教你用Python制作一个简单的消息轰炸…文章目录:
2020-11-14 12:29:20 85457
原创 谈谈JavaScript中常见的数据类型
前言:学好一门语言,数据类型也是关键,掌握了数据类型,也就掌握了关键的一部分,接下来我们走进JavaScript的数据,来看看它的数据类型.数据类型:一.number二.string三.object四.undefined五.bool六.null一.numbernumber:就是数字类型,在其他语言中就相当于int,float等等一些数字类型,但是归根究底还是数字类型,我们来简单看一下. <script> var a = 0; console.log(ty
2020-11-14 12:17:48 83002
原创 浅谈JavaScript中的数据类型转换
前言:众所周知JavaScript是一门弱类型的脚本语言,那么它的数据类型是由浏览器的js引擎来进行翻译识别的,那么在一些时候我们想要的数据就要进行数据类型转换,接下来我们一起来看看。目录:一.字符串类型二.数字类型三.布尔类型一.字符串类型字符串:在JavaScript中,字符串可以用""和’'来进行书写,引号里面随便写;在将其他数据转换成为字符串数据时会用到以下三种方法:方法说明toString()括号类可以进行填写一些转换的条件String()使用String函
2020-11-14 11:42:43 82170
原创 HTML中的锚点连接
文章目录:一.锚点连接简介:二.锚点连接创建:1.加入"id"属性:2.使用"#id属性值"进行跳转:三.举例:效果图:一.锚点连接简介:简介: HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。二.锚点连接创建
2020-10-21 22:52:29 83768
通过js实现百分比进度条
2022-08-12
vscode快速生成vue模板
2022-08-12
Node实现用户的登录注册源码
2022-07-26
成绩查询系统.zip
2020-12-16
借愁哥哥登录系统(至聊天窗口).zip
2020-08-09
贪吃蛇1.0.zip
2020-06-05
Vue中为什么v-if和v-for不建议同时使用呢?
2022-07-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人