- 博客(20)
- 收藏
- 关注
RSS订阅原创 前端使用node.js连接sql.server数据库教程
最近项目中要用到node写接口然后连接公司现有的sql.server数据库,再把执行结果返回给前端(还是我),因为之前一直做前端这块,后端这方面不是很懂,花了很长的时间终于研究出来了(还是太菜了,走了很多弯路),所以写个博客,一是复习巩固,二是给其他有需要的小伙伴一个参考,尽量少走弯路,废话不多说,直接上代码。2.在自己的项目文件夹中建两个文件,config.js & mssql.js。4.对sql语句的二次封装 , mssql.js。6.启动文件,server.js。8.用postman测试接口。...
2022-08-14 00:28:00
11588
8
原创 v-for双重循环应用
树形图上结构的菜单1.不包含子菜单的一级菜单2.包含子菜单的一级菜单现在已经从服务器拿到数据了,需要把数据渲染到页面上,因为这个结构是个树形图,所以写循环不能直接在标签上面写,搞个template标签包起来,把循环写在这里,但是template标签不能写key值,把key值写在其他标签,然后做个判断,如果有子菜单就渲染有子菜单的名字,反之,就渲染没有子菜单的名字然后在二级菜单再次循环,in item.children,再次渲染数据就可以了 <!-- template标.
2022-05-18 22:52:08
1477
1
原创 JS高级-闭包-递归-深拷贝和浅拷贝
闭包是一个函数+引用上下文的组合闭包的作用主要是避免变量污染 function fn1 () { let age = 10 function fn2 () { //fn2函数中引用了fn1中的变量 console.log(age); } fn2() } fn1() //10...
2022-05-12 21:58:37
173
原创 原型对象使用方法
1.原型对象:任何函数创建的时候,系统会自动创建与之对应的对象,称之为原型对象2.原型对象的作用:解决构造函数 内存浪费+变量污染3.构造函数,原型对象,实例对象三者之间的关系prototype:属于构造函数,指向原型对象 *解决构造函数内存浪费+变量污染__proto__:属于实例对象,指向原型对象 *让实例对象直接访问原型的成员constructor:属于原型对象,指向构造函数 *可以让实例对象知道自己是被哪个构造函数创建的 //1.构造函数 fu
2022-05-12 00:23:00
276
原创 构造函数使用方法
任何函数,调用的时候前面加new,就变成了构造函数构造函数的作用和工厂函数一样,也是用于创建对象new工作原理4个流程1.创建一个空对象2.this指向这个对象3.给这个对象赋值4.return返回这个对象 function createP (name, age, sex) { this.name = name this.age = age this.sex = sex }
2022-05-11 22:53:09
307
原创 工厂函数使用方法
工厂函数的作用:可以批量创建多个对象 function createP (name, age, sex) { let p = {} p.name = name, p.age = age, p.sex = sex return p } let p1 = createP('张三', 20, '男') let p
2022-05-11 22:39:34
95
原创 vue路由嵌套完整步骤
1.建一个文件夹,里面放三个文件pages文件夹,里面存放接下来需要展示的组件router文件夹,里面存放index.js ,在里面设置路由规则app.vue父组件2.在app.vue文件设置内容<template> <div> <p> <router-link to="/home">主页</router-link> <router-link
2022-05-11 20:44:44
5736
3
原创 万能检测数据类型的方法
在JS中,检测数据类型的方法有两种,一种是typeof 数据,这种方法简单但是有两个数据类型测不出来,一个是null,还有一个是数组Array //值类型 let str = 'abc' let num = 10 let bol = true let und = undefined let nul = null //引用类型 let arr = [10, 20, 30] le
2022-05-10 19:29:53
355
原创 JS常用的数组遍历方法
1. 连接数组:arr.concat(),返回值是连接后的数组 //concat() 连接数组 let arr1 = [12, 32, 54] arr1 = arr1.concat(32, 43, 65) console.log(arr1); //[12, 32, 54, 32, 43, 65]2. arr.join('分隔符'):把数组中的每一个元素连接成字符串 //arr.join() 把数组中的每一个元素...
2022-05-10 01:53:54
302
原创 vue父子组件生命周期执行顺序
父组件beforeCreate > 父组件created > 父组件beforMount > 子组件beforeCreate > 子组件created > 子组件beforMount > 子组件mounted > 父组件mounted
2022-05-08 22:37:08
385
原创 vue组件化开发步骤
1,建两个vue文件,一个为父组件App.vue , 一个为子组件,子组件用文件夹归类2.在父组件中通过import引入import Dog1 from "./components/Dog1.vue";3.在vue实例中components配置项注册启用export default { components: { Dog1, },};4.在template中使用<template> <div class="my_div">
2022-05-06 22:29:49
249
原创 webpack运用
任意新建一个空文件夹，取名为webpack-demo，进入到文件夹内部，用 npm init -y 命令来生成一个package.json 创建三个文件:index.html , index.js , tool.js 项目名 ├── index.html ├── index.js ├── tool.js └── package.json 进入文件夹根目录,开启小黑窗,执行下包命令: npm i webpack webpack-cli -D 导出模块 ...
2022-05-02 20:33:39
167
原创 ES6模块化
文件夹准备三个文件,1.index.html 2.index.js 3.tool.js按需导入导出1.按需导出的语法： export const updateDom = 10export const updateDom = (id, content) => { window.document.getElementById(id).innerHTML = content}2.按需导入的语法： import { 按需导入的名称 } from '模块路径'import { u
2022-05-02 10:30:57
157
原创 async-await语法
//函数前加async就会把这个函数变为promise对象 async function f() { const p1 = new Promise((resolve, reject) => { resolve(100) }) //再用await取出promise对象的值 const res = await p1 console.log(res); //100 } //最后调用函数将结果输出出来...
2022-05-01 22:51:52
158
原创 分享一道小小的面试题
代码填空,并完成指定功能 function sleep(time) { let t = new Promise((resolve, reject) => { setTimeout(() => { resolve() }, time); }) return t } sleep(2000).then(() => { console.log('后续操作'); }
2022-05-01 14:33:47
165
原创 promise对象语法
基本语法: const p2 = new Promise(function (resolve, reject) { }) console.log(p2); //[[Prototype]]: Promise //[[PromiseState]]: "pending" //[[PromiseResult]]: undefinedpormise的状态有三种:1.pending等待 2.fulfilled成功 3.rejected失败当调用resol
2022-05-01 14:24:43
389
原创 express写api接口步骤
// 静态资源托管，直接访问public/api.html//引入express模块const express = require('express');const req = require('express/lib/request');//调用模块const app = express()//中间件托管静态资源--req.queryapp.use(express.static('public'))//中间件用来获取post请求参数(普通的键值对)--req.bodyapp.us.
2022-04-29 16:31:32
456
原创 用node.js模块向数组添加对象
1.先在文件夹里创建一个JSON文件,里面有一个数组,数组里面有两个对象2.再创建一个js文件,再js文件里面书写内容,通过node模块向数组里面添加一个对象//思路//1.读出这个文件,读出来之后是字符串格式的//2.JSON.parse(JSON字符串格式)==>数组//3.数组.push()//4. 重新写回去-转回字符串//5.覆盖写入//引用核心模块fs,pathconst fs = require('fs')const path = require('pat
2022-04-25 19:15:07
2587
原创 js数据类型
js中数据类型分为简单数据类型(值类型)和复杂数据类型(引用类型) 值类型分为:number数值类型 // let aaa = 39 string字符串类型 //let bbb = '这是个字符串类型的数据' boolean布尔类型 // let ccc = true undefined未定义 //let ddd = undefined null空值 // let eee = null 栈中储存数据,赋值...
2022-04-24 15:04:06
340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人