2019年11月19日
Vue命名路由
摘要： Vue命名路由 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"></div> <!-- 1.先引入vue.js --> <scrip 阅读全文
posted @ 2019-11-19 20:29 Mr▪小zhou 阅读(185) 评论(0) 推荐(0) 编辑
Vue-router基本使用
摘要： 一、Vue-router基本使用 1、cmd：npm i vue-router -S 2、引入vue.js 3、引包：核心插件vue-router 4、安装插件`Vue.use(VueRouter); 5、声明路由组件 6、创建路由对象 7、路由匹配规则 8、将配置好的路由对象关联到vue实例化对象 阅读全文
posted @ 2019-11-19 20:18 Mr▪小zhou 阅读(192) 评论(0) 推荐(0) 编辑
前端路由原理
摘要： 前端路由原理 1、传统开发方式url改变后，立刻发生请求响应整个页面，有可能资源过多，传统的开发会让页面出现白屏 2、SPA single Page Appliction 3、单页面应用：锚点值的改变不会立刻发送请求，而是在某个合适的机会发起ajax请求，局部改变的数据 4、优点：用户的体验好，页面 阅读全文
posted @ 2019-11-19 19:29 Mr▪小zhou 阅读(216) 评论(0) 推荐(0) 编辑
2019年11月18日
Vue生命周期
摘要： Vue-组件的生命周期 Vue 实例在被创建时都要经过从创建到挂载再到更新、卸载的一系列过程，该过程中会运行一些叫做**生命周期钩子**的函数，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。 一、钩子函数的执行时间 1、beforeCreate 阅读全文
posted @ 2019-11-18 00:42 Mr▪小zhou 阅读(152) 评论(0) 推荐(0) 编辑
2019年11月14日
Vue常用指令
摘要： Vue常用指令： 1、v-text：只能用在双标签中，就是给元素的innerText赋值 2、v-html：类似于js中的innerHtml，可以解析标签 3、v-if : 判断是否插入这个元素,相当于对元素的销毁和创建 4、v-show： 隐藏元素 如果确定要隐藏, 会给元素的style加上dis 阅读全文
posted @ 2019-11-14 00:36 Mr▪小zhou 阅读(121) 评论(0) 推荐(0) 编辑
2019年11月13日
multer实现图片上传
摘要： multer实现图片上传： ejs代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1 阅读全文
posted @ 2019-11-13 17:28 Mr▪小zhou 阅读(528) 评论(0) 推荐(0) 编辑
multer使用
摘要： 使用multer 1、 在项目中下载multer操作模块 Npm install multer --save 前端代码： <form class="layui-form" action="/add" method="POST" enctype="multipart/form-data"> 注意只要是 阅读全文
posted @ 2019-11-13 17:19 Mr▪小zhou 阅读(814) 评论(0) 推荐(0) 编辑
2019年11月9日
前端常用网址收集
摘要： 前端常用网址收集 express：http://www.expressjs.com.cn/ PHP中文网：https://www.php.cn/ swipe中文网：https://www.swiper.com.cn/（轮播） jQuery插件：https://www.bootcdn.cn/jquer 阅读全文
posted @ 2019-11-09 12:12 Mr▪小zhou 阅读(118) 评论(0) 推荐(0) 编辑
MySQL连表查询
摘要： MySQL多表操作： 以学生表、成绩表和考勤表为例： 1、创建数据库： create database 数据库; 连表学生总成绩降序排列： select score.g_id,student.name,score.total from student,score where score.s_id=s 阅读全文
posted @ 2019-11-09 09:02 Mr▪小zhou 阅读(122) 评论(0) 推荐(0) 编辑
2019年11月7日
express相关操作
摘要： 1、 安装应用生成器npm install express-generator –g 2、 生成项目Express --view=ejs myapp 3、 进入项目安装依赖包 npm install 4、 运行 npm start 项目目录介绍： Bin:项目运行创建服务的目录www项目入口文件 P 阅读全文
posted @ 2019-11-07 11:15 Mr▪小zhou 阅读(144) 评论(0) 推荐(0) 编辑