js实现原理 - 随笔分类 - GQiangQ

摘要：最近也是公司有项目的项目，了解到Web Ccomponents, MDN 下面说下我对Web Ccomponents 的理解和vue对Web Ccomponents 的支持阅读全文

posted @ 2021-10-17 21:03 GQiangQ 阅读(85) 评论(0) 推荐(0)

摘要：如何在react中使用redux 首先我们需要先要知道redux是什么，如何使用的，推荐大家可以看软一峰的教程，在redux中核心的就是Reducer 、Action 、store 这里就不过多赘述了。但是前提是理解概念，一下是个人的通俗理解： Reducer：对数据进行一些响应操作的 Actio 阅读全文

posted @ 2021-04-09 01:21 GQiangQ 阅读(296) 评论(0) 推荐(0)

vue3 源码解析（手写min-vue）

摘要：在使用了一段vue3之后，手动实现下代码，也是为了理解里面的原理，vue3和vue2最大的区别是在响应式处理上的方法发生了变化，之前使用Objest.defineProperty现在使用Proxy处理的。下面围绕着Proxy来实现min-vue 首先我们先定义一个需求，响应式变化，假设我定义了一个阅读全文

posted @ 2021-03-29 01:09 GQiangQ 阅读(484) 评论(0) 推荐(0)

koa和express的区别

摘要：express和koa都是tj写的但是他们有什么不同呢，让我们一起来看下那他们的区别吧 #Koa 1.基于node的一个web开发框架，利用co作为底层运行框架，利用Generator的特性，实现“无回调”的异步处理；ES7; 2.更小、更富有表现力、更健壮的基石； 3.利用async函数、Koa丢阅读全文

posted @ 2020-12-09 21:22 GQiangQ 阅读(553) 评论(0) 推荐(0)

express中常用的api分享

摘要：--express是开发后端的。我从请求、路由、响应三方面说下-- #请求 request包含了app作为其属性，所以通过req.app来访问app的所有权限。 request.baseUrl可以获得app.use监听的路径。 request.body可以获取请求存储在主体的参数，不过正常情况下都是阅读全文

posted @ 2020-12-08 22:04 GQiangQ 阅读(378) 评论(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)

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)

服务器端渲染和客户端渲染

摘要：什么是服务器端渲染和客户端渲染？互联网早期，用户使用的浏览器浏览的都是一些没有复杂逻辑的、简单的页面，这些页面都是在后端将 html 拼接好的，然后返回给前端完整的 html 文件，浏览器拿到这个 html 文件之后就可以直接解析展示了，这也就是所谓的服务器端渲染。而随着前端页面的复杂性提高，前端阅读全文

posted @ 2020-08-06 16:13 GQiangQ 阅读(401) 评论(0) 推荐(0)

Array的Reduce实现原理

摘要：function myReduce (fn,baseNumber) { // 判断是不是个数组 if (Object.prototype.toString.call(this) !== '[object Array]') { throw new TypeError('not a array') } 阅读全文

posted @ 2020-08-06 00:26 GQiangQ 阅读(237) 评论(0) 推荐(0)

手写发布-订阅模式

摘要：订阅者（Subscriber）把自己想订阅的事件注册（Subscribe）到调度中心（Event Channel），当发布者（Publisher）发布该事件（Publish Event）到调度中心，也就是该事件触发时，由调度中心统一调度（Fire Event）订阅者注册到调度中心的处理代码阅读全文

posted @ 2020-08-01 21:41 GQiangQ 阅读(303) 评论(0) 推荐(0)

JS获取设备横竖屏幕方向并监听变化

摘要：在使用后页面的时候某些场景下需要我们要到 landscape（横屏）和portrait（竖屏）获取是否是竖屏 const findMedia = window.matchMedia("(orientation: portrait)") // 会得到查询出来的结果是否是竖屏返回一个MediaQue 阅读全文

posted @ 2020-07-24 23:59 GQiangQ 阅读(748) 评论(0) 推荐(0)

TS中的类型、接口的使用

摘要：类型 js的七种类型 + 枚举（） + any + void + never enum类型的使用 enum Six { // 不赋值的话默认从0开始复制，也可由单独复制 man, // man= 0 wonen // women = 1 } const p1:Six = Six.man const 阅读全文

posted @ 2020-07-14 17:11 GQiangQ 阅读(9101) 评论(0) 推荐(0)

ES6 常用的新特性（我常用的）

摘要：ES6 常用的新特性（我常用的）阅读全文

posted @ 2020-04-19 20:45 GQiangQ 阅读(4790) 评论(0) 推荐(0)

ajax和fetch都是请求数据的有什么区别呢

摘要：ajax和fetch有什么区别 1. ajax和fetch的区别：（1）、ajax是理用XMLHttpRequest对象来请求数据的，而fetch是window的一个方法（2）、ajax基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案（3）、fetch比较与ajax 阅读全文

posted @ 2020-03-23 15:08 GQiangQ 阅读(3868) 评论(0) 推荐(1)

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)

事件冒泡、事件捕获和事件委托

摘要：浅淡事件冒泡、事件捕获和事件委托先来说下事件冒泡和事件捕获的机制由来。事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题，后来由W3C决定这两个事件都存在，事件流触发顺序是先触发事件捕获，然后再决定触发冒泡（再决定的意思的可以阻止事件冒泡），我理阅读全文

posted @ 2020-03-07 15:53 GQiangQ 阅读(479) 评论(0) 推荐(0)

js中call和apply的实现原理

摘要：js中call和apply的实现原理实现call的思路： /* 还有就是call方法是放在Function().prototype上的也就是构造函数才有的call方法 (我门可以查看自己的方法的原型链上的也就是方法名.__proto__==Function.prototype 自己定义的构造函数阅读全文

posted @ 2020-02-16 18:05 GQiangQ 阅读(2168) 评论(3) 推荐(0)

GQiangQ

随笔分类 - js实现原理

公告