BBSMAX

mongodb导入数据，保创建新项目

1.回顾 2.导入数据 2.1 excel数据表格 2.2 设计导入数据的路由 routes/users.js router.get('/upload', function (req, res, next) { res.send('上传数据') }) 2.3 安装导入数据的模块 cnpm i node-xlsx -S 2.4 实现数据导入 ---- 读取文件信息 var xlsx = require('node-xlsx'); // 数据导入模块 // 导入的文件的绝对路径 var xlsxf

mongodb图片上传初识vue

1.回顾 1.1 node node 服务器 url querystring express express 项目生成器 ejs 1.2 mongodb mongod --dbpath d:\data\db mongo db.users.insert({}) db.users.insert([{},{}]) db.users.insertOne({}) db.users.insertMany([{},{}]) db.users.deleteOne({}) db.users.deleteMany(

VUE-生命周期/请求数据

使用方法 --- 4个before,4个ed,创造,装载,更新,销毁初始化阶段 beforeCreate(){} // 准备怀孕 created(){} // 怀上了 ******************************************* beforeMount(){} // 准备生 mounted(){} // 生下来了 ************************************************* 运行时阶段 beforeUpdate(){} // 每天

VUE基本写法

VUE基本结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible&q

Json和对象之间的转换

JSON是一种字符: json转对象: var str = '{"name":"admin","age":16,"sex":null}';console.log(typeof str); //stringconsole.log(str); //{"name":"admin","age":16,"sex":null}var obj = JSON.pa

ES6let const

let const class 类 import 引入模块 export 暴露接口 // var a = 10; // let b = 20; // const c = 30; var和let比 console.log(a) //undefined var a = 10; // 不存在变量提升 console.log(a) //报错 let a = 10; // var a = 10; var a = 20; console.log(a) //// 不允许重复声明 let a = 10; let

DOM0级与DOM2级的区别

1.DOM0级和DOM2级的共同优点:能添加多个事件处理程序,按顺序执行,HTML事件处理程序无法做到~2.关于dom0级和dom2级的区别DOM0级事件处理:同时绑定几个不同的事件,例如在绑定onclick的基础上再绑定一个onmouseover为按钮2设置背景颜色(这里注意不能onclick.onmouseover事件都设为alert弹出哦,可能有冲突,dom0和dom2都不能成功):但是不能同时绑定多个相同的事件,比如onclick:会覆盖,只会执行最后一个的函数:DOM2级事件处理:优

EX6新增的字符串

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> <script> ////ES5: ////普通中文:U+4位16进制 ////生僻字:两个四位十六进制 var str = "

VW

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>D

js模拟下拉菜单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

一连串div跟随鼠标移动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>一连串元素跟着鼠标移动</title> <style> *{ padding: 0; margin: 0; } p{ display: block; width: 50px; height: 50px; border-radius: 50%; b

VUE零碎小技巧1

1.回顾创建项目 vue create myapp 准备 scss 库修改了页面的主结构 App.vue 构建页面的基本结构分离页面主结构,创建各个页面组件 views views/home/index.vue + views/home/store.js 配置各个页面的路由结构 router/index.js App.vue 中添加路由视图页面底部导航添加点击链接配置UI库 - vant . mint-ui / element-ui .iview 结合状态管理器编写每一个页面的业务

搭建react的架手架

1.回顾 cnpm i @vue/cli -g ----- 4的脚手架 ------ webpack 4 cnpm i @vue/cli@3 -g ----- 3的脚手架 ------ webpack 4 vue create myapp cnpm i vue-cli -g ----- 2的脚手架 ------ webapck 3 vue init webpack myapp cnpm i @vue/cli-init -g ------ 3.4 兼容 2的写法 vue init webpack

react中类组件、函数组件、state、单层遍历、多层遍历、先遍历后渲染、if-else、三目运算符

1.回顾 module.exports = { entry: {}, output: {}, plugins: [], module: {}, resolve: {}, devServe: {} } 2.react 2.1 复制相关文件 index.html / .babelrc / package.json / webpack.config.js 删除vue相关文件 2.2 创建day02/src,修改webpack的入口文件以及@符号的目录 entry: { // object 类型写法 -

react中自定义函数、生命周期钩子函数、修改状态、组件、组件传值

1.回顾 2.自定义函数事件的首字母大小 onclick ==> onClick onchange ==> onChange 普通的点击事件 ---- 调用事件不加(),加了立即执行 import React, { Component } from 'react'; export default class extends Component { constructor (props) { super(props); this.state = { } } test () { console.

react抽离配置文件、配置@符号、调整src文件夹---配置scss、编写项目的页面结构、创建各个页面 src/views、开始路由、入口文件处修改代码、修改App.js布局文件、添加底部的导航布局、构建个人中心。。。声明式跳转路由、使用React UI库请求渲染首页数据、

1.回顾 2.react项目的配置 react默认创建的项目配置文件在 node_modules/react-scripts 文件夹内部 2.1 抽离配置文件 cnpm run eject cnpm run start 2.2 配置@符号打开config/webpack.config.js,ctrl + f 搜索 alias,添加配置 alias: { 'react-native': 'react-native-web', // ++++++++++++++++++++++++++++++++