自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(48)
  • 资源 (2)
  • 收藏
  • 关注

原创 CPF实现记录

1. 工作步骤弄清楚WVD实现源码,以及横坐标,纵坐标的变换,阈值等等。用matlab时频工具箱实现信号的WVD变换。(具体参数下文给出 ,以下都是)找到matlab时频工具箱实现WVD变换的源码。然后根据找到的源码,参考源码,写出信号的模糊函数分析AF,参考WVD源码实现信号的CPF。...

2021-05-13 15:50:07 701 4

原创 Vue3.x版本下使用element-UI

1.Vue3.x版本下使用Element Plus1. 基础使用(采用完整引入)(样式文件需要单独引入)根据官网提示我卸载了之前安装的element-ui npm uninstall element-ui然后安装npm install element-plus --save然后在src文件下面的main.js中写入:import { createApp } from 'vue'import App from './App.vue'import ElementPlus from 'ele

2021-04-06 19:01:02 1619

原创 Element-UI的基本使用

1. Element-UI官方网址,美化样式用的;首先是安装,在vue_02文件夹(也就是工作目录)下面安装npm install element-ui -S在npm run serve的时候需要运行在src文件夹下面的main.js加入import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)但是报错了又又:我又重新建了vue_03…还是同样

2021-04-06 18:13:18 349

原创 Vue脚手架创建Vue项目

1. 什么是Vue脚手架中文官方网址安装3.x版本的Vue脚手架npm install -g @vue/cli,在d盘的web_study下面的vue文件夹下面安装我这里安装了目前的最新版本@vue/cli 4.5.12(不知道后续会不会出事…)可以参考使用4.x版本2. Vue脚手架基本用法1. 创建方式1. 基于交互式命令行方式vue create vue_proj_01,提示是否选择淘宝镜像安装我选了Y,首先需要进入d盘d:自己的文件夹,D:\web_study\vue

2021-04-06 15:24:05 852

原创 Vue单文件组件

1. 为什么使用Vue单文件组件传统Vue组件的缺陷:全局定义不能重名,字符串模板也没有语法高亮,不支持css,没有构建步骤限制,只能使用H5和ES5,不能使用预处理器babel;解决:使用Vue单文件组件,文件后缀名称.vue;每个Vue单文件由三部分组成:template组成的模板区域scrilpt组成的逻辑区域style样式区域2. 使用Vue组件还是在上一篇webpack基本使用步骤的src文件夹下面新建components文件夹:这个时候.vue文件还没有语法高亮,所以在

2021-04-06 12:07:56 166

原创 webpack基本使用步骤

1. webpack概述webpack是一个流行的前端项目构建工具(打包工具),可以解决当前web开发中面临的困境;webpack提供了友好的模块化支持,以及代码压缩混淆、处理js兼容问题、性能优化等功能;2. webpack基本使用实现隔行变色效果:在项目文件夹下面初始化npm init -y;然后创建文件夹src:然后安装npm install jQuery -S然后在index.html文件中写入ul li结构,在index.js中写入;import $ from 'jQuery'

2021-04-06 10:33:39 327

原创 ES6模块化导入导出

1. 导出向外暴露成员,export default只允许在一个文件中出现一次,出现多次会报错;let a = 10;let b = 11;let c = 12;let d = function() { console.log(111111);}export default { a, b, d}2. 导入// console.log('ok');import m1 from './m1.js';console.log(m1);console.log

2021-04-05 19:59:17 192

原创 在NodeJs中安装babel

1. 安装babel打开终端:npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node//再输入npm install --save @babel/polyfill在当前工作目录创建:babel.config.js并且在这个文件夹里面写入:const presets = [ ["@babel/env", { targets: { edge: "17",

2021-04-05 19:43:45 901 1

原创 前端路由

前端路由1. 前端路由的概念前端路由依靠hash值得变化进行实现,后端路由就是一个功能对应一个js文件;前端路由得概念: 根据不同得事件来显示不同得页面内容,就是事件与事件处理函数之间得对应关系,前端路由主要做的事情就是监听事件并分发执行事件处理函数;后端路由: URL请求地址与服务器资源的对应;2. 前端路由的使用手动模拟路由,通过监听hash值得改变来实现;HTML代码:<div id="app"> <a href="#/zhuye">主页&l

2021-04-05 19:13:13 121

原创 宏任务微任务深入理解+实例

宏任务微任务执行栈中当前的任务就可以当作宏任务,宏任务是宿主源发起的比如node.js 浏览器,所以定时器属于宏任务;微任务是javascript发起的,promise是微任务;借一张循坏图:微任务总是在宏任务之前执行;案例如下:宏任务1里面的微任务2在宏任务2前面执行,每次循坏都会寻找是否有微任务,有的话就执行完微任务,没有才去执行宏任务;...

2021-04-02 09:08:36 178

原创 盒模型相关知识点清楚解释+图形说明

盒子模型border-box:宽度包括边框 paddingcontent-box:宽度只是内容然后就是top left margin-left padding width height %百分比的问题了;代码如下:<style> .father { position: relative; width: 500px; height: 400px; background-colo

2021-04-01 22:54:17 167

原创 如何登录博客

1. 如何登录博客首先打开数据库app MongoDB Compass然后输入自己之前设置的密码连接成功,去目录文件夹启动项目打算登录博客系统但是发现登录不了了,忘记密码,但是查看代码密码没错好像数据库删除了?在model下面的user.js文件中增加添加管理员语句;首先需要初始化项目,npm init -y package.json记录项目相关信息;用户登录验证,客户端判断一次,服务端判断一次再对比邮件地址是否和数据库中的一致;添加用户功能:首先查询数据库中是否有这个邮箱地址,fi

2021-04-01 21:25:42 3442

原创 Vue之组件化开发

Vue之组件化开发一、组件化开发思想二、Vue调试工具用法三、组件注册方式1. 组件注册方式2. 组件注册注意事项3. 局部组件注册方式四、组件间的数据交互方式五、组件插槽用法六、基于组件的方式实现业务功能一、组件化开发思想一块一块的,标准,分治,重用,组合;跟之前的布局思想差不多吧,页面是一个一个盒子组成的,然后这个盒子的代码单独去写组件化规范:Web Components但是有浏览器兼容问题;Web Components通过创建封装好功能的定制元素解决上述问题,Vue部分实现了上述规范;

2021-03-22 12:40:11 204

原创 Vue之常用基础特性

Vue第一天Vue基本用法1. 传统开发模式2. Vue开发模式Vue模板语法1. 如何理解前端渲染2. 前端渲染方式1. 原生的js拼接字符串2. 使用前端的模板引擎3. 使用vue特有的模板语法Vue常用特性Vue实现案例效果总结Vue基本用法Vue官网易用:熟悉HTML、CSS、JavaScript知识可快速上手Vue;1. 传统开发模式原生JSjQuery框架2. Vue开发模式先去官网下载Vue.js文件在html文件中引入vue.js文件;然后开始使用,相比于之

2021-03-21 21:34:23 580

原创 面试准备01

主要复习自己以前做过的东西!!项目中的登陆是怎么实现的(token具体是怎么转换数据的)说说浏览器是怎么缓存的浏览器本地缓存有哪些,区别是什么说说输出顺序作者:小松在努力!链接:https://www.nowcoder.com/discuss/598631?type=2&order=3&pos=13&page=1&channel=-1&source_id=discuss_tag_nctrack来源:牛客网async functio

2021-03-19 14:49:30 130

原创 前端数据结构与算法基础知识学习笔记

学习网址算法题1算法理论瓶子君

2021-03-08 11:13:12 561

原创 TCP/IP协议粗略通俗理解

TCP/IPTCP使用固定的连接,应用程序之间的通信,全双工通信,IP无连接,无用于计算机之间的通信;TCP和IP一起工作,TCP负责应用软件和网路软件之间的工作,IP负责计算机之间的通信,TCP负责将数据分割装入IP包,然后在他们到达的时候重新组合他们,IP负责将包发送至接受者;IP地址4个0-255的数字组成,8位是一个字节,IP地址是32位也就是4个字节组成,DNS服务器负责将域名翻译为TCP/IP地址;TCP/IP协议分为四成:应用层、传输成、网络层、物理层。首先是应用层讲消息进行格式转换然后

2021-03-06 15:20:30 439

原创 PC端和移动端的轮播图实现

PC端和移动端轮播图的实现动画函数封装PC端轮播图的实现移动端轮播图的实现总结动画函数封装函数第一步清除定时器为保证只开启一个定时器,不用var timer是为了不同对象使用这个函数时都要声明一个变量,所以给不同的元素不同的定时器自己专有的;function myanimate(obj, target, callback) { obj.timer = setInterval(function() { clearInterval(obj.timer); var s

2021-03-05 10:05:09 651 1

原创 Git与Github使用

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档Git一、Git基础1. Git是什么2. Git安装Git配置3. Git基本工作流程二、Git进阶三、Github使用1. 注册2. 多人协作开发多人冲突解决ssh免登录Git忽略清单总结一、Git基础1. Git是什么Git是一个版本管理控制系统(缩写VCS),它可以在任何时间点,将文档状态作为更新记录保存起来,也可以在任何时间点,将更新记录恢复回来;2. Git安装下载地址这里我没有使用最新版本2.30.1,而是使用

2021-03-03 17:11:07 137

原创 前后端交互之Ajax03-jQuery中的Ajax

前后端交互之Ajax03jQuery中的一些方法发送jsonp请求Todo案例全局事件nprogress进度条插件总结端口被占用jQuery中的一些方法$.ajax()$.get() 发送get请求$.get('/base', 'name=zhangsan&age=30', function (response) {console.log(response)})$post() 发送post请求$.post('/base', function (response) {

2021-03-03 09:18:59 245

原创 nvm安装node以及npm问题

首先去删除掉原有的npm node文件下载nvm 链接:https://pan.baidu.com/s/1dGCh1x55lRUe96179Jf1pA提取码:dzwx根据提示一步一步安装测试node -v但是npm -v 显示不是内部或者外部命令,需要手动加文件参考,...

2021-03-02 19:54:07 123

原创 前后端交互之Ajax编程02

前后端交互之Ajax编程02模板引擎案例1. 验证邮箱i地址唯一性FormData同源政策总结模板引擎官方地址:https://aui.github.io/art-template/zh-cn/docs/将数据和html连接起来,这里是客户端模板引擎,art-template模板引擎;下载模板引擎服务器端下载方式:npm install art-template --save客户端下载方式:保存到D:\web_study\Ajax\02\public\js将模板引擎的库文件引入到当前页面&

2021-03-02 15:29:38 483

原创 前后端交互之Ajax_day01

前后端交互之Ajax_day01Ajax基础1. 传统网站中存在的问题2. Ajax概述Ajax运行原理及实现1. Ajax运行坏境2. Ajax运行原理3. Ajax实现步骤4. 请求参数传递5. 请求报文![在这里插入图片描述](https://img-blog.csdnimg.cn/20210301111425266.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmN

2021-03-01 18:24:26 154 1

原创 数据结构与算法理论学习之线性表

数据结构与算法三天时间够吗?2021.01.19晚-?? 对了 记得总结博客项目怎么做的,自己整理下;数据结构与算法理论学习之逻辑结构逻辑结构数据结构的基本概念数据的逻辑结构1. 线性结构2. 树型结构3. 图状结构算法分析时间复杂性空间复杂性总结数据与算法内容分为三个部分,逻辑结构、存储结构、算法。逻辑结构逻辑结构:数据与数据之间的关系数据结构的基本概念按照某种逻辑关系组织起来的一批数据,如线性表、树、图;存储结构:按照一定方式放在计算机中:如数组、链表;算法:在这组数据上定义了运算

2021-01-29 21:58:36 199

原创 博客系统之前端展示页面

博客系统之前端展示页面首页的展示列表页码显示文章评论总结首页的展示与之前的方法一样,建立home文件夹,然后在home文件夹下建立index.js article.js文件,在home.js文件中使用require('./home/index.js');方式导入;骨架抽离也是一样的;在home下面建立common文件夹放一些骨架文件.art查询文章信息,也用到了关联查询populate;在关联查询的时候如果同时使用lean()和exec()会报错说lean()不是一个函数;展示文

2021-01-19 20:19:30 1336

原创 blog博客项目之开发坏境与生成坏境

blog博客项目之开发坏境与生成坏境什么是开发坏境与生成坏境为什么需要区分开发坏境和生成坏境呢?如何区分开发坏境与生产坏境一、pandas是什么?二、使用步骤1.引入库总结什么是开发坏境与生成坏境坏境,就是项目运行的地方,项目处于开发阶段,项目运行在开发人员的电脑上,项目所处的坏境就是开发坏境。项目开发完成以后,将项目放到真实的网站服务器电脑中运行,项目所处的坏境就是生成坏境;简单来说就是一个是开发程序员电脑运行,一个是真的供大家使用的时候的坏境;为什么需要区分开发坏境和生成坏境呢?因为在不同坏境

2021-01-18 21:06:15 393 2

原创 开发坏境之NODE_ENV设置development

项目场景:开发坏境与生成坏境的设置,先手动设置坏境变量NODE_ENV为development,,然后呢重启博客项目问题描述:在app.js文件中打算输出process.env看看这个对象有没有NODE_ENV 结果没有,如图所示:原因分析:解决方案:...

2021-01-18 18:50:10 1982

原创 博客项目实现笔记

博客项目实现项目坏境搭建多人博客管理系统案例初始化总结项目坏境搭建多人博客管理系统案例初始化建立项目所需文件夹public静态资源model数据库操作route路由views模板初始化项目描述文件npm init -y下载项目所需第三方模块npm install express mongoose art-template express-art-template创建网站服务器创建文件夹步骤,新建public model route views文件夹

2021-01-18 15:50:44 241

原创 blog博客项目中,使用populate关联查询文章作者信息无法渲染art模板解决办法

问题1.报错代码段使用res.send(articles)的结果是能查询到数据的,如下:

2021-01-18 10:19:32 346 4

原创 前端-查找算法系列刷题笔记

数据结构类题型算法类题型1.二分法搜索Question: 简述二分查找算法与时间复杂度,并实现一个二分查找算法! 如:[2,3,0,9] 在这个数组中查找9,则应该返回下标索引3;Answer: 对要查找的数组按从小到大排好序,然后找到中间点;比对中间点和要找的值的大小,如果找的值大于中间值,则在上半部分数组查找,反之;以此循坏直到上下界限相等;没找到就返回-1;Code://二分法查找function binarySearch(item...

2021-01-08 16:28:29 373

原创 前端-面试问答刷题记录之1-20题

面试题目来源博客2021.01.08Question1: 平时怎么学习(淘)?Answer1: 略略略略略。。。2021.01.08Question2: 什么是PWA?Answer2: 首先PWA全称是ProgressiveWebApp,叫渐进式网页应用;用Web技术实现与原生App相近的用户体验;不需要到应用商店去安装APP,可以将应用添加到主屏幕下次访问直接点击,看了一些博文之后我的理解就是用网页实现了app实现的功能,可以添加到主屏幕下次使用直接点击;优点:可靠...

2021-01-08 16:27:11 327 2

原创 MongoDB案例之用户信息增删改查理论分析

案例:用户信息增删改查理论分析完整代码在这完成功能要求搭建网站服务器,实现客户端与服务器端的通信连接数据库,创建用户结合,向集合中插入文档当用户访问/list时,将所有用户信息查询出来将用户信息和表格HTML进行拼接并将结果响应回客户端当用户访问/add时,呈现表单页面,并实现添加用户信息功能当用户访问/modify时,呈现修改页面,并实现修改用户信息功能当用户访问/delete时,实现用户删除功能程序实现步骤程序实现步骤创建服务器连接数据库创建数据 创建集合 文档 之类

2021-01-08 11:12:29 360

原创 window10系统node.js创建服务器时80端口被占用解决方法

在开始按钮右键打开运行 输入regedit打开注册表单击注册表下的HKEY_LOCAL_MACHINE,再点开SYSTEM。再打开system下面的HTTP双击右侧start,将其值更改为0

2021-01-04 21:02:47 335

原创 前后端交互之Express请求处理知识点

Express请求处理Express框架基础Express框架是什么Express框架特性中间件什么是中间件app.use中间件用法中间件应用错误处理中间件捕获错误Express请求处理构建模块化路由Express框架基础Express框架是什么Express是基于Node平台的web应用开发框架,创建各种Web应用。使用npm install express 下载Express框架特性提供简洁的路由定义方式对获取HTTP请求参数进行简化处理对模板引擎支持程度高提供中间件机制有效控制H

2021-01-04 20:01:16 896 1

原创 前端后端交互之MongoDB数据库+模板引擎

MongoDB数据库数据库及坏境搭建使用数据库原因什么是数据库数据库相关概念开启mongodb数据库连接总结数据库及坏境搭建使用数据库原因动态网站中的数据都是存储在数据库中数据库可以持久存储客户端通过表单收集的用户信息;数据库软件本身就可以对数据高效管理;什么是数据库存储数据的仓库,将数据有序分门别类的存储,通过API操作常见数据库软件又:mysql mongoDB oracleMongoDB数据库下载安装MongoDB菜鸟教程MongoDB官方学习网站安装MongoDB

2021-01-02 19:58:45 1076 2

原创 服务器端基本概念学习记录

文章目录总结总结

2020-12-27 20:31:51 321

原创 npm5.6.0和node不匹配解决办法(重装)

npm 和node不匹配问题因为之前把npm降级到了5.6.0所以install命令失效找了很多方法都是升级升级升级,但是install命令失效怎么升级????重装咯(气死)去控制面板删除了node 然后手动删除了npm npm-cache文件这两个文件在然后进行重装,去node官网下载文件重装就好了,node自带了npm,官网有说明...

2020-12-26 19:43:24 787

原创 前后端交互Node+Gulp之Node基础

Node基础Node开发概述Node坏境搭建Node.js组成Node简单使用Node.js模块化开发系统模块第三方模块package.json文件总结Node开发概述1. 为什么学习服务器端开发基础能够和后端程序紧密配合网站业务逻辑前置,前端技术选哟后端技术支撑(Ajax)扩展知识视野,站在更高的角度审视整个项目2. 服务器端开发要做的事情实现网站业务逻辑,登录问题数据增删改查 购物网站 删除商品数量3. 为什么选择Node使用JavaScript语法开发后端应用一些

2020-12-22 12:46:23 408

原创 JavaScript高阶之ES6day05

ES6什么是ES6为什么使用ES6呢?ES6新增语法总结-----------------------2020.12.20开始 为啥换老师了呢呜呜----------------------------------什么是ES6其实就是一个版本,泛指,是ES5的延续为什么使用ES6呢?变量提升特性增加了程序运行时的不可预测性;语法过于松散,实现相同的功能不同的人会写不同的代码,为了代码规范化;ES6新增语法let声明变量只在所处的块级({}里面的内容)有效防止循坏变量变成全局变量let

2020-12-21 12:14:59 539

原创 JavaScript高阶之正则表达式day04

JavaScript高阶之正则表达式day04一、正则表达式概述1.什么是正则表达式2.正则表达式可以做什么呢?3.正则表达式的特点二、正则表达式在JavaScript中的使用1.创建正则表达式三、正则表达式中的特殊字符四、正则表达式中的替换总结一、正则表达式概述1.什么是正则表达式用于匹配字符串中字符组合的模式。再JavaScript,正则表达式是对象。2.正则表达式可以做什么呢?正则表达式可以用来检索、替换那些复合某个模式的文本,例如:验证表单,替换页面敏感词,从字符串中获取想要的特定部分(

2020-12-20 15:56:44 183

students.zip

模板引擎案例

2021-01-02

我的tab栏切换.zip

基于js面向对象编程的简单案例 实现的功能主要分为4个部分: 1.点击不同tab栏可以切换tab栏 2.点击+可以添加tab栏 3.点击×可以删除tab栏 4.双击tab栏可以编辑tab栏的内容,双击内容区也可以编辑内容区的内容

2020-12-06

空空如也

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

TA关注的人

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