feng_cy的博客

原创 【无标题】Vue 报错“TypeError: Cannot read property ‘name‘ of undefined“

出现该错误的原因是因为你花括号中的某些属性未定义。很有可能是因为你写错了属性名称，要么还有一种情况就是：异步请求获取数据时，由于数据是异步获取的，所以一开始是没有该数据属性的，这种情况下也会报这种错误。比如说我这里有一个数据detaildata，初始值为一个空对象。{undefined{detaildata.name}}是不会报错的，但是，{undefined{detaildata.info.name}}这样就会报错了。这是为什么呢？因为，detaildata.info已经是一个undefined了，

原创 promise

Promise-整体说明一、认识它是一个ES6提出一个新语法，用来优化异步代码的写法。在前端领域是我们必须要会的一个内容后续的课程中也会多次使用promise：承诺。在ES6中，它是新增的构造器（Array, Object, Promise），用来优化实现异步操作。在没有它之前，javascript中的异步处理，大多是利用回调函数来实现的。典型的几种如下:（1）setTimeout （2）ajax （3）nodejs中的文件读取。现在有了promise，就可以对这些异步操作进行改写了。学习内容

原创 数据库接口利用路由中间件优化

一、开始前准备1.1初始化，安装npm包，（express，mysql）1.2文件夹设置1.2.1统一建立一个文件夹，用于放置不同请求类型的请求方式或不同形式的请求地址,便于管理查询1.2.2建立一个工具文件夹tools,放置公共形式的代码1.3 说明//划分文件使用Router//创建一个route目录，专门用于放置路由文件，通过module.exports导出供外部使用。二、代码2.1 sql.js代码2.2 route文件夹api.js 获取数据代码2.3 route文件夹

原创 接口到数据库

1.创建数据库2.创建文件夹3.sql代码// 1. 加载mysqlconst mysql = require('mysql');// 2. 创建连接对象const connection = mysql.createConnection({ // 对象的属性名字不能改变 host: 'localhost', port: 3306, user: 'root', password: 'root', database: 'node134'//数据库

原创 大事件get和post接口

一、项目1.1大事件接口根据后端自己设置一个本地地址，通过cmd命令ipconfig查询到自己的IPV4地址，改变之前根目录登陆接口获取用户信息接口更换头像接口二、准备工作2.1、首先安装所需的第三方包初始化 npm init --yes安装包 npm install express multer2.2、目录格式2.3、代码//导入expressconst express = require('express')// console.log(express);c

原创 使用express框架写接口，三种不同类型数据接收 (普通键值对、复杂类型JSON、文件上传)

一、三种情况二、代码//引入模块const express = require('express');//调用express方法const app = express();//1.post接口-普通键值对参数// 使用中间件//具体来说当content-type为x-www-form-urlencoded时，表示上传的普通简单键值对 。app.use(express.urlencoded());//用express.urlencoded()来获取请求体的参数。//创建服务app.p

原创 nodemon 的使用

1.安装(全局)1.1 检查是否安装成功,在任意目录下执行2.使用将原本执行js文件的node 改为使用nodemon窗口不关闭,在js文件中添加代码,不需要再次执行 node 文件名.js它会自己执行想退出这种模式,执行ctrl + c 输入 Y 即可...

原创 创建一个工具包,放到免费的超市 (npm),再自己拉到本地使用

操作步骤一、上传文件到npm超市在本地创建一个文件创建一个index.js文件,里面放入你写好的用具代码3.在当前文件的目录执行cmd命令二、 在npm超市拉取文件,并使用1.在本地创建一个文件,文件名随意2.创建js文件,准备调用包里的方法![在这里插入图片描述](https://img-blog.csdnimg.cn/9b281fc0bd064b959cb796550b378420.png...

原创 利用express--静态资源服务器

创建路径代码![在这里插入图片描述](https://img-blog.csdnimg.cn/96786729e1d4465ca97aa08c9ba29f01.png![在这里插入图片描述](https://img-blog.csdnimg.cn/68121454ca1549329cfa6661bc84044c.png

原创 继承的案例

原创 构造函数和原型对象 以及原型链

原型链和构造函数js每一个对象都会指向一个原型对象，并能从原型对象中继承属性。每个对象都能通过proto属性访问到本身原型对象。创建对象的方式不同，对象的原型也会不同。对象的原型层层指向就能构成原型链。原型和原型链js中最基本的对象是 Object.prototype 。js中所有的对象的原型链最后都会指向 Object.prototype 这个对象。对象字面量创建的对象的原型会直接指向 Object.prototype 。js中函数也是对象，函数的原型则不是直接指向 Object.prot..

原创 深入理解JavaScript中的堆与栈 、浅拷贝与深拷贝

JavaScript中的浅拷贝与深拷贝  学了这么长时间的JavaScript想必大家对浅拷贝和深拷贝还不太熟悉吧，今天在项目中既然用到了，早晚也要理清一下思路了，在了解之前，我们还是先从JavaScript的数据类型存放的位置 堆栈开始说起吧!           现在我们带着问题来学习！一：什么是堆栈？  我们都知道：在计算机领域中，堆栈是两种数据结构，它们只能在一端(称为栈顶(top))对数据项进行插入和删除。堆：队列优先,先进先出；由操作系统自动分配释放 ，存放函数的参数值，局部变量

原创 JavaScript 中堆和栈的区别

//JS变量都存放在内存中，而内存给变量开辟了两块区域，分别为栈区域和堆区域栈像个容器，容量小速度快堆像个房间，容量较大我们知道在js中的数据类型可以分为基本类型和引用类型。基本类型是存在栈内存中的，引用类型是存在堆内存中的，但是引用类型的引用还是存在栈内存中的。...

原创 JS中的实例成员和静态成员

1.实例成员就是构造函数内部通过this添加的成员 实例成员只能通过实例化的对象进行访问2.静态成员是在 构造函数本身上添加的成员 静态成员只能通过构造函数访问 不能通过对象访问<script> function Star(uname, sex) { this.uname = uname; this.sex = sex; this.sing = function() {

原创 数组的方法

js数组方法大全JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：var arr4 = []; //创建一个空数组var arr5 = [20]; // 创

原创 将txt文本数据转换为json对象

a.txt中的数据:

原创 全局安装i5ting_toc 包

一、全局安装npm install -g i5ting_toc二、使用方法切换到你想要转换的md文件根目录下，使用以下命令， -f 参数后面跟着文件名，如果没有填写，默认使用README.mdi5ting_toc -f sample.md -o常见的命令参数如下：-h, –help output usage information-V, –version output the version number-f, –file [filename] default is RE.

原创 全局安装nodemon包

作用它能帮我们自动检测到我们的代码的修改，并自动重新运行我们的代码我们每次修改了代码，要想代码生效都需要重启http服务器:进入小黑窗 按下ctrl+c，停止已有http服务器。 手动运行：node index.js来重启服务器。有没有一个工具会自动检测到我们的修改并自动重新运行我们的代码呢？有，它叫nodemon。地址https://www.npmjs.com/package/nodemon安装 nodemon通过npm包管理工具来进行安装。步骤：在任意位置 打开一个.

原创 写接口服务

一、要求二、准备三、index里面代码

原创 一、字符串 API

1.str.slice(start [,end]) 和str.substring(start [,end])截取。slice() 和 substring() 用法类似，只是slice支持负数，而substring的负数会被转换成0，然后截取0和start之间字符。如果 substring() 的 start 比 end 大，这个方法将先交换两个参数的值，然后返回它们之间的子串。2. str.split(delimiter [,limit])把字符串以分割符为界点分割成数组。del..

原创 二、电脑键盘常用的快捷键

F1显示程序或系统帮助内容F2重新命名所选项目F3搜索文件或文件夹F5刷新当前窗口F6循环切换屏幕元素F10激活当前程序中的菜单条Ctrl+A选中全部内容Ctrl+C复制Ctrl+X剪切Ctrl+V粘贴Ctrl+Z撤消Ctrl+Esc显示“开始”菜单Alt+Tab在打开的项目之间切换...

原创 三、常用的vscode快捷键

1. 格式化代码这个快捷键可以帮助我们对代码进行锁进。在 Windows 上：Shift + Alt + F2 向上/向下 复制行在 Windows 上：Shift + Alt + Up/Down3 单词选中在 Windows 上：Ctrl+ d4 打开关闭侧边栏在 Windows 上：Ctrl+ b5 删除上一个词在 Windows 上：Ctrl + backspace.6 选中词在 Windows 上：Ctrl + Shift + 右键头 / 左键头.7 复制行在 Wind

原创 四、常用的终端命令

一、常用的终端命令清屏 cls显示当前文件夹下的内容 dir或者ls进入到当前盘的根目录 cd\进入到上一级目录 cd..进入到指定目录 cd目录名停止node程序 ctrl + c...