cocoyu99的博客

原创 Vue实例与组件的生命周期

前言：​ 组件从创建到销毁的一系列过程叫做组件的声明周期。​ vue在整个生命周期里面提供了一些函数，可以在内部实现一些业务逻辑，并且这些函数会在一些特定的场合下去执行。（在生命周期的某一个时刻进行触发）​ ！组件的生命周期钩子函数大致可以分为三个阶段：初始化、运行中、销毁​ 初始化阶段： beforeCreate 、created、 befor...

原创 js闭包理解与基本代码演示

浅谈JS闭包一、闭包是什么？简单来说，闭包就是能够读取其他函数内部变量的函数，也可以理解成函数内部的函数。 在本质上，闭包是将函数内部和函数外部连接起来的桥梁。通俗地讲就是别人家有一颗果树，你想吃果子但是因为权限不够吃不到（看到吃不到，实惨），但是你可以跟家里的孩子套近乎，通过他拿到你想要的果子。这个‘别人家’就是局部作用域，外部无法访问内部变量，孩子是返回对象，对家里的 东西有访问权限，...

原创 如何实现左侧宽度固定，右侧宽度自适应？

Document.left {width: 200px;height: 200px;background-color: red;float: left;}.right {height: 200px;background-color: blue;} *//* 方法二、对右侧:div进行绝对定位，然后再设置right=0 // .outer {width: 100%;height: 500px;background-color: yellow;posit...

原创 Promise理解

Promise 是es6提供的解决回调地狱的方案之一，本身是一个构造函数，它可以帮我们处理异步代码，会在处理成功的时候给一个成功的回调，失败的时候给一个失败的回调。语法：new 一个promise对象，可以传入一个回调函数，回调函数接收两个参数，一个是成功的回调(一般写作resolve)，一个是失败的回调(一般写作reject)，在函数体里写要做的异步的事情,比如发一个请求​ =》resolve 调用的时候执行then方法即调用里面的回调函数，catch 类比同上​ =》promise 对象里有

原创 小程序需登录授权逻辑

由于微信官方修改了getUserInfo接口，现在一进入小程序无法自动弹出授权界面，所以需要我们自己写一个微信授权界面使用button按钮去触发该接口。① 先调用wx.login获取登录凭证(code),然后通过code进而换取用户登录态信息，包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)等。② 获取用户信息，先调用wx.getSetting获取用户当前的设置，判断用户是否授权过。如果已经授权，则直接调用getUserInfo获取头像、昵称等，不会弹框。需要的话设置

原创 git下载安装卸载上传文件git分支git冲突

原创 mongodb数据库常用相关命令

​ 查看所有的数据库 ： show dbs​ 切换/创建数据库：use student​ 删除数据库： db.dropDatabase()​ 创建集合：db.createCollection(‘表名’,{配置}) ===> db.bbb.isCapped()​ 查看集合：db.getCollectionNames() / show collections​...

原创 Vue虚拟dom及diff算法

虚拟dom及其diff算法虚拟DOM频繁且复杂的dom操作通常是前端性能瓶颈的产生点，Vue提供了虚拟dom的解决办法。虚拟DOM就是js内存对象，是真实dom的一层映射。它的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。(1) 提供一种方便的工具，使得开发效率得到保证(2) 保证最小化的DOM操作，使得执行效率得到保证虚拟dom的框架/工具如此提升...

原创 Vue 双向数据绑定的原理

Vue 的双向数据绑定的原理？Vue是一个前端js框架，按照MVVM的架构实现。MVVM是Model-View-ViewModel的简写。Vue内部通过数据劫持和发布订阅模式实现数据的双向绑定。Vue在创建ViewModel的时候，会将数据配置到实例中。通过Object.defineProperty方法对所有的数据进行数据劫持，给这些数据动态的添加了getter与setter方法。当获取数...