- 博客(24)
- 收藏
- 关注
RSS订阅原创 零基础学习vue-05
1.组件-插槽用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容vue提供组件插槽能力, 允许开发者在封装组件时，把不确定的部分定义为插槽语法口诀:组件内用<slot></slot>占位 使用组件时<Pannel></Pannel>夹着的地方, 传入标签替换slot插槽设置默认内容口诀: <slot>夹着内容默认显示内容, 如果不给插槽slot传东西, 则使用<slot>夹着的内容.
2021-09-29 20:39:25
451
原创 零基础学习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
126
原创 零基础学习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
148
原创 前端必备token令牌的使用
token的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。JWT（json web token） 的原理是，服务器认证以后，生成一个 JSON 对象，发回给用户，就像下面这样。{ "姓名": "张三", "角色": "管理员", "到期时间": "2021年10月11日0点0分"}以后，用户与服务端通信的时候，都要发回这个 JSON 对象。服务器完全只靠这个对象认定用户身份。当然，为了防止用户篡改数据，服务器在生成这个对象的时候，会给他加密一下，就是
2021-09-19 18:35:21
5282
原创 前端跨域问题
目录结构|-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' &
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
166
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
1371
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
6975
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人