- 博客(18)
- 收藏
- 关注
RSS订阅
原创 vue中的生命周期钩子函数
生命周期组件从创建到销毁的一系列过程叫做生命周期而vue在生命周期里面提供了一些函数（钩子函数），可以在内部实现一些业务逻辑组件的生命周期钩子函数大概可以分为三个阶段1.初始化阶段 beforeCreate created beforeMount mounted2.正在运行阶段 beforeUpdate updated3.销毁的阶段 beforeDestroy dest...
2020-03-24 22:40:24
914
1
原创 vue自定义指令实现拖拽
创建拖拽的自定义指令，然后在main.js里面注册到全局即可。import Vue from 'vue';const drag = Vue.directive('drag', { // 指令绑定到元素上回立刻执行bind函数，只执行一次 bind: function (el) { }, //inserted表示一个元素，插入到DOM中会执行inserted函数，只触发一次 inserted: function (el) { // console.
2022-02-21 17:48:00
1078
原创 vue的自定义指令directive
在vue中可以在dom元素中添加一些指令如 v-for循环 ，v-on绑定事件，v-bind动态绑定类名或者属性等在vue中也可以创建自定义指令来做一些需要操作dom的业务// 自定义组件的实例化Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el，binding，vnode ，oldVnode)...
2020-04-15 19:24:41
323
原创 vue-cli脚手架的vuex共享状态
在vue-cli脚手架中有个vuex共享状态它可以方便的实现多组件之间的数据共享共享import Vue from 'vue'import Vuex from 'vuex' //引入vuexVue.use(Vuex) // 调用vuexexport default new Vuex.Store({ // 暴露出实例化后的vuex state: { num:1 }, m...
2020-04-09 21:25:47
171
原创 vue中的虚拟dom
频繁且复杂的dom操作通常是前端性能瓶颈的产生点，Vue提供了虚拟dom的解决办法(1) 提供一种方便的工具，使得开发效率得到保证(2) 保证最小化的DOM操作，使得执行效率得到保证根据虚拟dom树最初渲染成真实dom当数据变化，或者说是页面需要重新渲染的时候，会重新生成一个新的完整的虚拟dom拿新的虚拟dom来和旧的虚拟dom做对比（使用diff算法）。得到需要更新的地方之后，更新内...
2020-03-24 00:15:24
290
原创 vue的v-model事件
v-model 表单的双向表单事件//html代码<div id="app"> <p>message is :{{msg}}</p> //在这里引入变量msg <input type="text" v-model="msg"> //在这里也引入 当文本框的内容发生改变时 上面的p标签内容也会发生改变</div>//s...
2020-03-19 22:57:11
1194
原创 node中封装mongodb
const mongodb = require('mongodb')//引入模块const mongoCt = mongodb.MongoClient//实例化//id：ObjectId("5e6f61ac860bf5190058610d") 由于这个数据库的id是这样的 let objectId = mongodb.ObjectId//用这方法把里面的字符串取出来////连接数据库功能...
2020-03-17 23:27:44
191
原创 node.js中操作mongodb数据库
安装+引入npm install mongodb -S//安装的指令var mongodb = require('mongodb');//先进行引入let mongoCt = mongodb.MongoClient;//对mongodb实例化mongoCt.connect('协议://地址:端口',{ useUnifiedTopology: true }，回调(err,client)) /...
2020-03-16 23:55:51
184
原创 token的用户验证
token的思想相对于session token在服务端不需要存储用户的登录记录，全部发给客户端有客户端自己存(cookie,local)1、客户端使用用户名跟密码请求登录2、服务端收到请求，去验证用户名与密码3、验证成功后，服务端会签发一个 Token（加了密的字符串），再把这个 Token 发送给客户端4、客户端收到 Token 以后可以把它存储起来，比如放在 Cookie 里或者...
2020-03-12 23:18:53
391
原创 node.js中的session身份验证
session的思想1、客户端用户名跟密码请求登录2、服务端收到请求，去库验证用户名与密码3、验证成功后，服务端种一个cookie或发一个字符到客户端，同时服务器保留一份session4、客户端收到 响应 以后可以把收到的字符存到cookie5、客户端每次向服务端请求资源的cookie会自动携带6、服务端收到请求，然后去验证cookie和session，如果验证成功，就向客户端返回请求...
2020-03-11 22:04:30
231
原创 node.js中包管理工具
npm 管理包 node.js中自带的1.项目初始化 npm init 得到初始化npm管理文件package.json2.项目依赖 只能在当前项目下使用，上线了，也需要这个依赖 --save安装npm i 包名 --savenpm install 包名 -S //简写npm install 包名@x.x.x -S //指定你要下载的包的版本号卸载npm uni...
2020-03-10 23:35:55
125
原创 关于node.js中接口实现的初步学习
node.js中有个http的模块 它可以开启一个服务器用const http = require('http')//导入http模块const fs = require('fs')//导入fs模块const url = require('url')//导入url模块const querystring = require('querystring')//导入querystring模块co...
2020-03-09 21:50:43
120
原创 关于放大镜的总结
再写商品详情页面的时候会用到放大镜的效果来查看商品图片的物品html部分<div class="fdj"> <div class="small"> <img src="" alt="">//这个是查看的原图 <div class = 'mask'><...
2020-03-07 00:32:45
231
原创 对于数组方法的再认知
在写项目，我们需要把许许多多的数据给渲染到页面中，以供用户提供可视信息，通常这些数据都会以数组的方式存储起来，从而需要我们用到数组中的方法去一一得到你想要的数据，从而得到符合你想要的的数据。下面是一些常用的es6新增数组方法1.isArray 判断是否为数组let arr = [1,2,3]typeof arr // 得到'object' typeof 可以判断数据的类型 返回的结果是数...
2020-03-05 23:42:34
134
原创 关于jquery的扩展插件 分页器pagination.js
今天在写商品列表时用的了pagination.js这个插件pagination.js是一个写分页器的功能插件，需要在jquery这个插件下使用使用先在html里面写上一个类名为 page的div标签引入css样式然后先引入jquery.js插件在引入pagination.js这个插件 $('.page').pagination({ pageCount: 50, // 总页...
2020-03-04 23:40:49
263
原创 今天写页面用到的jquery方法
今天写页面用到了jquery中的ajax请求，jquery中的ajax请求有常用的，jquery和$是一样的jquery.get(请求的地址，携带到后端的数据，成功的回调函数，期望返回的数据类型),jquery.post(请求的地址，携带到后端的数据，成功的回调函数，期望返回的数据类型）还有就是下面的$.ajax $.ajax({ url: '',...
2020-03-02 22:39:13
192
原创 关于闭包的学习
一、闭包有三个必要的条件1.函数A内部直接或者间接返回一个函数B。2.函数B内部使用着函数A的私有变量(就是函数A的私有数据)。3.函数A外部有一个变量接受着函数B。以上三个条件便形成了一个不会销毁的函数空间，这个函数空间也就叫做闭包空间，把函数A里面返回的函数B，叫做闭包函数，所以闭包也就是函数内部的函数function a(){ let num = 100;//这是函数A的私...
2020-02-23 19:31:50
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人