- 博客(16)
- 收藏
- 关注
原创 对React生命周期的理解
React的生命周期挂载卸载过程constructor()初始化state或者进行方法绑定在组件挂载之前会调用它的构造函数,它接受两个参数:props和context,当想在函数内部使用这两个参数时,需使用super()传入这两个参数。注意:只要使用了constructor()就必须写super(),否则会报出this指向错误在react中,构造函数仅用于以下两种情况:通常给t...
2020-04-19 21:08:24
128
原创 改变this指向的三种方法
更改this指向的三个方法<script> function box(a, b) { console.log(this, a, b) } /* // 方法一 bind 不会自动调用函数 let obj ={name:'小明'}...
2020-04-14 21:27:33
240
原创 vue-router的简单使用
安装cnpm install vue-router -S或 yarn add vue-router -S引入,如果是在脚手架中,引入VueRouter之后,需要通过Vue.use来注册插件router/index.js文件import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)创建route...
2020-03-29 20:35:11
148
原创 对vue生命周期的理解
什么叫生命周期?组件从创建到销毁的一系列过程叫做组件的生命周期vue在整个生命周期里面提供了一些函数,可以在内部实现一些业务逻辑,并且这些函数会在一些特定的场合下去执行.组件的生命周期钩子函数大致可以分为三个阶段:初始化、运行中、销毁初始化阶段:beforeCreat created beforeMount mounted运行中阶段:beforeUpdate updated...
2020-03-24 19:40:18
114
原创 对vue虚拟dom的理解
1为什么使用虚拟dom因为在开发中,操作原生dom是非常消耗性能的,如果某个节点发生改变时,整个容器中的内容都要被重新渲染。而虚拟dom可以很好地解决这个问题。如果一次操作中有10次更新DOM的操作,虚拟DOM不会立即操作DOM,而是将这10次更新的diff内容保存在本地的一个js对象中,最终将这个js对象一次性attach到DOM树上,通知浏览器去执行绘制工作,这样可以避免大量的无谓的计算量。...
2020-03-23 21:39:25
727
原创 vue的双向绑定原理
vue内部通过数据劫持&发布订阅模式实现数据的双向绑定,通过Object.defineProperty方法对所有的数据进行数据劫持,就是给这个数据动态的添加了getter与setter方法.在数据变化的时候发布消息给订阅者(Watcher)触发相应的监听回调.let obj = {} let middle = 1 Object.defineProperty...
2020-03-18 21:25:51
58
原创 node + mongodb查询分页
安装npm i mongodb -S代码// 1.引入let mongodb = require('mongodb')const express = require('express')let app = express()app.listen(3000, () => { console.log('3000端口正在监听中...')})// 创建接口...
2020-03-16 20:55:02
571
1
原创 使用form表单向node上传文件
html代码<form action="http://localhost:3000/api/reg" enctype="multipart/form-data" method="post"> <input type="file" name="icon"> <input type="submit" value="提交"><...
2020-03-12 19:28:48
232
原创 封装一个bodyParser中间件
// 封装一个 body-parser 中间件// 定义一个函数// 引入querystring模块let querystring = require('querystring')// 拿到post请求的参数// let bodyParser = ()=>{// return (req,res,next)=>{// let str = ''/...
2020-03-11 17:39:35
150
原创 npm的指定
全局安装 安装到电脑系统环境下,在电脑任何位置都可以使用npm i 包名 -g 安装npm uninstall 包名 -g 卸载安装到项目环境 只能在当前目录使用npm init 初始化npm管理文件 pacgage.json项目依赖 只能在当前项目下使用,上线了也需要这个依赖npm i 包名 --savenpm install...
2020-03-10 19:53:06
381
原创 nodejs处理请求
let http = require('http')let fs = require('fs')let url = require('url')let querystring = require('querystring')let app = http.createServer((req,res)=>{ // 排除 /favicon.ico 的请求 if(req.ur...
2020-03-09 21:55:28
312
原创 js知识点总结
js知识点总结php操作数据库建立和数据库的连接 $link = mysqli_connect('localhost','root','root','数据库名字');执行sql语句 $res = mysqli_query($link,'执行的sql语句');解析结果 mysqli_fetch_assoc(要解析的内容) //解析一条内容 my...
2020-03-08 17:06:09
91
原创 单选全选按钮事件
<input type="checkbox" class="checkAll">全选 <input type="checkbox" class="checkSingle"> 选项一 <input type="checkbox" class="checkSingle"> 选项二 <input type="checkbox" clas...
2020-03-05 22:24:09
130
原创 分页器的使用
总结一下最近两天写代码用到的知识点localStorage的运用主要为了实现跨页面通讯,在一个页面存储进去,在另一个页面获取渲染$('.nav_list > ul').on('click', 'li', function () { let pid = $(this).data('id')let data = {}//根据id在数组中找到对应的数据 for (let i ...
2020-03-04 22:12:10
118
原创 项目运用到的知识点总结
最近在模拟电商项目,把用到的知识点总结一下.Swiper 插件该插件主要运用在轮播图等等一类的滑动效果页面上.自己写的json文件如何去请求?jQuery中可以直接对json文件发起请求,请求地址是该json文件的目录,将dataType设置为json即可$.ajax({ url:'../lib/list.json', dataType:'json', suc...
2020-03-02 21:47:16
136
原创 了解js的闭包
我们知道javaScript中变量可以是局部变量或者全局变量。函数可以访问由函数内部定义的变量,也可以访问函数外部定义的全局变量。但是我们在外部该怎么去访问到函数内部定义的函数呢,由此,我们就需要用到闭包。首先:我们要知道闭包形成有三个必要条件:(1) 一个函数A内部直接或者间接返回另一个函数B(2) 函数B内部使用着函数A的私有变量(3) 函数A外部有变量引用着函数Bfunction ...
2020-02-23 16:15:27
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人