自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js获取当前日期前12月后12月日期

获取当前月份的【后】12个月,获取最近的12个月。

2022-08-04 15:20:32 1925 1

原创 vue2 打包配置

vue2打包配置

2022-07-22 10:17:13 4746

原创 零基础学习vue-05

1.组件-插槽用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容vue提供组件插槽能力, 允许开发者在封装组件时,把不确定的部分定义为插槽语法口诀:组件内用<slot></slot>占位 使用组件时<Pannel></Pannel>夹着的地方, 传入标签替换slot插槽设置默认内容口诀: <slot>夹着内容默认显示内容, 如果不给插槽slot传东西, 则使用<slot>夹着的内容.

2021-09-29 20:39:25 452

原创 零基础学习vue-04

1.vue生命周期vue生命周期是从Vue实例, 创建到销毁的过程2.vue钩子函数Vue 框架内置函数,随着组件的生命周期阶段,自动执行作用:特定的时间点,执行特定的操作分类: 4大阶段8个方法阶段 方法名 方法名 初始化 beforeCreate created 挂载 beforeMount mounted 更新 beforeUpdate updated 销毁 beforeDestroy destroy.

2021-09-28 21:13:34 127

原创 零基础学习vue-03

1.vue组件是什么:可复用的vue实例, 封装标签, 样式, JS使用场景:遇到重复标签, 可复用的时候好处: 各自独立, 互不影响组件化 :封装的思想,把页面上 可重用的部分 封装为 组件,从而方便项目的 开发 和 维护一个页面, 可以拆分成一个个组件,一个组件就是一个整体, 每个组件可以有自己独立的 结构 样式 和 行为(html, css和js)组件的使用每个组件都是一个独立的个体, 代码里体现为一个独立的.vue文件口诀: 哪部分标签复用, 就把哪部分封装到组件..

2021-09-27 15:50:02 90

原创 零基础学习vue-02

1.v-for更新检测口诀:数组变更方法, 就会导致v-for更新, 页面更新数组非变更方法, 返回新数组, 就不会导致v-for更新, 可采用覆盖数组或this.$set()<template> <div> <ul> <li v-for="(val, index) in arr" :key="index"> {{ val }} </li> </ul>

2021-09-27 12:07:04 83

原创 零基础学习vue-01

1.脚手架Vue官方提供了脚手架, 是一套标准的文件夹+文件结构+webpack配置,可以快速搭建项目基本环境好处: 开箱即用 0配置webpack babel支持 css, less支持 开发服务器支持脚手架的使用准备工作 1.全局安装@vue/cli模块包yarn global add @vue/cli# ORnpm install -g @vue/cli 2.查看Vue命令版本vue -V //查看版本号出...

2021-09-24 12:42:25 123

原创 webpack打包工具介绍

1.概念webpack是一个静态模块打包工具, 分析翻译, 压缩, 打包代码支持所有类型文件的打包 支持less/sass => css 支持ES6/7/8 => ES5 压缩代码, 提高加载速度2.webpack使用前环境准备webpack本质是node环境下的包1.初始化包环境yarn init2.安装依赖包yarn add webpack@5.31.2 webpack-cli@4.6.0 -D3.在package.json中, 配置scri...

2021-09-22 18:47:41 216

原创 前端常见HTTP状态码

5种常见的HTTP状态码200 (ok) : 请求已成功, 请求所希望的响应头或数据体将随此响应返回303 (See Other) : 告知客户端使用另一个URL来获取资源400 (Bad Request) : 请求格式错误. 1)语义有误; 2)请求参数有误404 (Not Found) : 请求失败, 请求所希望的到的资源未被服务器发现500 (Internal Server Error) : 服务器遇到了一个未曾预料的情况, 导致了它无法完成对请求的处理更多状态码100 =

2021-09-21 19:15:34 1163

原创 Promise整体介绍

它是一个ES6提出一个新语法,用来优化异步代码的写法。Promise基本使用经典格式let promise = new Promise((resolve, reject) => { //做一些异步动作 //把状态从pending设为rejected, 用实参来设置值 resolve(20) //把状态从pending设为rejected, 用实参来设置值 //reject(10)})console.dir(p) //打印输出

2021-09-19 20:29:35 150

原创 前端必备token令牌的使用

token的意思是“令牌”,是服务端生成的一串字符串,作为客户端进行请求的一个标识。JWT(json web token) 的原理是,服务器认证以后,生成一个 JSON 对象,发回给用户,就像下面这样。{ "姓名": "张三", "角色": "管理员", "到期时间": "2021年10月11日0点0分"}以后,用户与服务端通信的时候,都要发回这个 JSON 对象。服务器完全只靠这个对象认定用户身份。当然,为了防止用户篡改数据,服务器在生成这个对象的时候,会给他加密一下,就是

2021-09-19 18:35:21 5286

原创 前端跨域问题

目录结构|-public|-------index.html|-server.js问题演示把前端代码单独运行,就会报错了。下图是跨域错误的说明导致了浏览器报跨域错误的原因跨域错误:不同源的ajax请求浏览器向web服务器发起http请求时 ,如果同时满足以下三个条件时,就会出现跨域问题,从而导致ajax请求失败:(1)请求响应双方url不同源。​ 双方url:发出请求所在的页面 与 所请求的资源的url​ 同源是指:协议相同,域名相同,端口相同 ..

2021-09-18 21:31:36 148

原创 Es6模块化

es6之后: es6模块化 每个 js 文件都是一个独立的模块 导入其它模块使用 import 关键字 向外共享模块使用 export 关键字 commonJS规范(nodejs) 导入其它模块使用 require关键字 向外共享模块使用 module.exports关键字 让nodejs支持ES6模块化node.js 中默认仅支持 CommonJS 模块化规范,如果想基于 node.js 体验与学习 E

2021-09-18 21:17:00 64

原创 中间件的应用

1.上传访问日志文件目录: 代码:const express = require('express')const app = express()const fs = require('fs')const path = require('path')const url = path.join(__dirname,'./rizhi.txt')function getClientIp(req) { return req.headers[...

2021-09-16 22:40:03 118

原创 JavaScript中的深拷贝

代码:function clone(obj) { if(typeof obj === 'object') { if(obj instanceof Array) { let result = [] for(let i = 0; i< obj.length; i++) { result[i] = clone(obj[i]) } .

2021-09-15 17:01:07 54

转载 死磕36个JS手写题

数据类型判断typeof 可以正确识别:Undefined、Boolean、Number、String、Symbol、Function 等类型的数据,但是对于其他的都会认为是 object,比如 Null、Date 等,所以通过 typeof 来判断数据类型会不准确。但是可以使用 Object.prototype.toString 实现。function typeOf(obj) {- let res = Object.prototype.toString.call(obj).split('

2021-09-14 21:07:51 264

原创 一个简单的GET接口

目录如下:|-db|-db/data.json|-server.js参考代码:const http = require('http')const fs = require('fs')const path =require('path')const server = http.createServer((req,res)=>{ console.log('当前的请求方式是', req.method) if(req.url === '/someword' &amp

2021-09-14 20:40:04 172

原创 统一处理静态资源

问题分析由于我们无法事先得知一个.html文件中会引用多少个静态资源(.png, .css, .js....),所以,我们不能像处理某个页面一样去处理它们。我们的解决办法是: 把所有的静态资源(.html,.png,.css,.js)全放在一个指定的目录里; 收到用户的请求之后,去指定的目录下去找对应的文件 找到,把内容读出来返回给用户。 找不到,报404。 目录如下:|-public|-public/index.html|-public/stye.

2021-09-13 19:59:50 167 1

原创 nodemon包安装和使用

1.作用我们每次修改了代码,要想代码生效都需要运行,比较麻烦nodemon它能帮我们自动检测到我们的代码的修改,并自动重新运行我们的代码2.安装在任意位置 打开一个小黑窗,输入如下命令npm install -g nodemon回车。此操作需要联网,根据网络速度所耗时间不同。如果这个命令执行完成并没有报错,就是说明安装成功了。注释: npm是一个工具,用来管理node代码中要使用的第三方模块。它是随着node的安装而自动安装的:如果你安装node,则npm也已经安装过

2021-09-11 21:39:36 270 1

原创 i5ting_toc的安装和使用

1.作用i5ting_toc是在node环境下的实现工具, 可以把 md 文档转为 html 页面。2.安装在任意位置 打开"运行"对话框,输入如下命令npm install -g i5ting_toc回车。此操作需要联网,根据网络速度所耗时间不同。如果这个命令执行完成并没有报错,就是说明安装成功了。对上面的命令说明如下:npm是一个工具,用来管理node代码中要使用的第三方模块。它是随着node的安装而自动安装的:如果你安装node,则npm也已经安装过了,你可以直接使用。-g 表示

2021-09-11 21:21:39 1372 2

原创 JavaScript常用内置对象的方法

1.Array 数组length 属性 获取数组长度 join() 将一个数组转成字符串,括号里写拼接符号 toString() 把数组转换为字符串 toLocaleString() 把数组转换成字符串 reverse() 将数组中各元素颠倒顺序 shift() 删除数组中的第一个元素,返回删除的那个值,长度减1 pop()删除数组中的最后一个元素,返回删除的那个值,长度减1 unshift() 往数组前面添加一个元素,长度加1 push() 往数组最后添加一个元素...

2021-09-11 20:16:25 142

原创 window常用快捷键

1.Ctrl相关快捷键Ctrl+a:选择全部内容Ctrl+c:复制选择的项目Ctrl+x:剪切选择的项目Ctrl+v:粘贴选择的项目Ctrl+z:撤销操作Ctrl+y:重新执行某项操作Delete:删除所选的项目并将其移动到“回收站”Shift+delete:永久删除所选的项目(删除之后无法从回收站还原)Ctrl+Shift+n: 新建文件夹Ctrl+Shift+Esc:打开任务管理器Ctrl+鼠标滚轮:更改桌面上的图标大小2.window图标相关快捷键...

2021-09-11 14:13:55 106

原创 vscode常用快捷键

1.新建文件:chtr+n2.新开窗口:ctrl+shift+n3.切换文件:alt+1/2/3或ctrl+tab4.关闭当前窗口:ctrl+w5.关闭所有已保存窗口:ctrl+k+w6.自动换行:alt+z(标签过长需要拖动编辑器下方滚动条阅读时不太方便,可以一键换行)7.注释:ctrl+/8.多行编辑:alt+鼠标左键9.查找并打开文件:ctrl+p10.选中当前单词:ctrl+d 如果想选中所有此单词,ctrl+shift+L11.在当前行上方插入一行...

2021-09-10 21:03:34 141

原创 window常用终端命令

#开启窗口打开"运行"对话框(Win+R),输入cmd,打开控制台命令窗口命令技巧#tab 自动补全复制粘贴 : 鼠标右键在文件夹空白处按住Shift,然后右键弹出快捷菜单,可以看到“在此处打开命令行窗口”命令参数的路径要使用反斜杠 '\' ,不要使用 '/调出历史命令: 上下箭头清屏: cls#文件操作1.终端命令执行Ctrl + Z2.cd 切换目录cd //显示当前目录 cd .. //进入父目录 cd \ //进入当前文件的根目录3.dir 显...

2021-09-10 20:48:39 6976 1

空空如也

空空如也

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

TA关注的人

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