随笔分类 -  Vue中的点子

vue3 源码解析（手写min-vue）
摘要：在使用了一段vue3之后，手动实现下代码，也是为了理解里面的原理，vue3和vue2最大的区别是在响应式处理上的方法发生了变化，之前使用Objest.defineProperty现在使用Proxy处理的。 下面围绕着Proxy来实现min-vue 首先我们先定义一个需求，响应式变化，假设我定义了一个 阅读全文
posted @ 2021-03-29 01:09 GQiangQ 阅读(484) 评论(0) 推荐(0)
页面顶部加载页面时的进度条是如何实现的
摘要：疑问如何实现进度条加载的呢 在页面中能展示的无非就是css看到的样子和html写的骨架，以及js实现的动画，那我现在我们就来看下，具体是什么样子的。先来说下快速实现这个东西方法。 由于我是在Vue项目中用到的，我就简单的说下用法： [nprogress](https://ricostacruz.co 阅读全文
posted @ 2020-11-19 23:17 GQiangQ 阅读(704) 评论(0) 推荐(0)
vue新api中setup参数详解
摘要：vue新api中setup参数详解 在使用vue3配合新api使用的时候,和在vue2.x的时候有一些区别,主要讲下尤大的Composition API中 setup钩子的用法和注意一些避免的坑. 先声明一下composition API的一大作用就是避免像vue2一样直接使用this, 在vue2 阅读全文
posted @ 2020-10-18 19:40 GQiangQ 阅读(6465) 评论(2) 推荐(0)
vue3使用总结
摘要：区别 vue创建方式 // vue2 new Vue({ el: '#app', router, store, render: h=>h(App) }) // vue3 import { createApp } from vue const app = createApp(App) app.use( 阅读全文
posted @ 2020-10-16 16:32 GQiangQ 阅读(708) 评论(0) 推荐(0)
使用socket.io的demo
摘要：在main中监听3000端口并且启动SOCKET const app = require('express')(); const server = require('http').Server(app); const io = require('socket.io')(server); server 阅读全文
posted @ 2020-09-24 17:24 GQiangQ 阅读(433) 评论(0) 推荐(0)
Express中间件的原理及实现
摘要：在express中都是会用到中间件这个东西，下面模仿下express是如何实现中间件的 我们正常的写法都是 const express = require('express'); const app = express(); const xxx = require('xxx') app.get('/ 阅读全文
posted @ 2020-08-08 23:42 GQiangQ 阅读(424) 评论(0) 推荐(0)
如何取消重复请求（axios/fetch/XMLHttpRequest）
摘要：现在项目中都不会用原生的请求，都是在项目中基于第三方库再封装实现的请求获取数据，我在平时使用的的过程中用的最多的就是Axios,那就先一Axios为例，实现拦截请求或者取消（这里的取消实际请求还是在执行的，只是响应请求结果，不是真正的取消请求）重复请求 Axios 有个请求配置 cancelToke 阅读全文
posted @ 2020-08-07 22:25 GQiangQ 阅读(618) 评论(0) 推荐(0)
服务器端渲染和客户端渲染
摘要：什么是服务器端渲染和客户端渲染？ 互联网早期，用户使用的浏览器浏览的都是一些没有复杂逻辑的、简单的页面，这些页面都是在后端将 html 拼接好的，然后返回给前端完整的 html 文件，浏览器拿到这个 html 文件之后就可以直接解析展示了，这也就是所谓的服务器端渲染。而随着前端页面的复杂性提高，前端 阅读全文
posted @ 2020-08-06 16:13 GQiangQ 阅读(401) 评论(0) 推荐(0)
数组去重
摘要：冒泡法 var array1 = [1, 1, 1, 2, 3, 2, 4]; for(var i=0;i<array1.length;i++) { for(j=i+1;j<array1.length;j++){ if(array1[i]==array1[j]){ array1.splice(i,1 阅读全文
posted @ 2020-05-29 19:54 GQiangQ 阅读(1808) 评论(0) 推荐(0)
class在ts中的使用
摘要：类就是用来创造对象的东西。它和interface的区别是：interface实现了class的一部分功能，class是interface的高配版本（个人理解），对于使用过 TS 的 JS 程序员来说，类可以让你的系统更加「可预测」这个对象不会出现一些我不知道的属性，一切都尽在我的掌握。 ### 语法 阅读全文
posted @ 2020-05-04 22:34 GQiangQ 阅读(3616) 评论(0) 推荐(0)
element
摘要：element 阅读全文
posted @ 2020-03-30 01:12 GQiangQ 阅读(129) 评论(0) 推荐(0)
Object.defineProterty、Proxy区别和用法
摘要：现在犹大的Vue中的数据双向绑定用到的就是Object.defineProterty()方法实现的。但是即将发布的vue3.x用的是proxy Object.defineProterty()用法： 语法： Object.defineProperty(参数1，参数2，参数3) 参数1：目标对象 参数2 阅读全文
posted @ 2020-03-21 13:49 GQiangQ 阅读(526) 评论(0) 推荐(0)
vue的ui组件的按需导入和自定义主题
摘要：按需导入 现在的开发如果注重视效就需要手写组件样式，如果是注重功能多一些的话就会通过用一些ui库来帮助完成项目，大大减少开发周期，偶尔一些特殊的需求通过二次分装组件来完成开发，在使用第三方ui组件的时候有些组件我们根本就不到，如果全部引入，项目体积就会很大，下面说下我的开发过程 如果不想手动的按需导 阅读全文
posted @ 2020-03-13 13:41 GQiangQ 阅读(1061) 评论(0) 推荐(0)
vue-router中参数传递
摘要：VUE路由之间携带参数 今天在实现一个功能的时候遇到的问题，一个把组件a中的值传输到组件b中时，但是组件a和组件b之间通信的时候路由跳转了 猜想：路由跳转导致监听事件失败，（暂时理解为：当路由跳转后监听不到这个事件，因为是路由跳转了） 解决方法：通过路由携带参数代替组件通信 方法一：通过query携 阅读全文
posted @ 2020-02-15 15:20 GQiangQ 阅读(243) 评论(0) 推荐(0)
vue执行期间的函数
摘要：先放上vue官方给的函数图 阅读全文
posted @ 2020-02-14 11:31 GQiangQ 阅读(336) 评论(0) 推荐(0)