GavinUI

17 篇文章
2.7K 次阅读
12 人订阅

全部文章

GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ webpack ] webpack 的 loader 和 plugin 开发的方法

loader 主要的是处理静态资源,而 plugins 是可以贯穿在整个 webpack 构建的周期中,他能做到 loader 做不到的事情。但是,loader...

18570
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ Webpack ] 实现一个 mini 版的 webpack

Vite 的发布是不是意味着 webpack 的终结?当然不是, webpack 存在这么多年是解决了不少奇奇怪怪的问题而且也适合处理那些深度复杂的场景,这一点...

13330
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ Vue ] 理解 vue 中修饰符 sync 的作用

sync 修饰符的作用就是实现父子组件数据的双向绑定,简化功能逻辑代码 。当然,v-model 也是可以实现数据的双向绑定,但是,一个组件只有一个 v-mod...

12030
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ Golang ] Golang 入门教程 ( 一 ) 运行环境搭建

安装软件包可以上 go中文网上下载,选择推荐下载版本即可,一般推荐的都是稳定版本。

17060
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ Security ] WEB安全 ( 四 ) 之HTTP协议的传输安全风险问题

http 协议的传输是以明文的形式进行传输,从浏览器经中间的各种代理服务器,路由器,防火墙和各种网络的设备之后到达服务器,服务器收到请求再发出响应经过各种网络的...

21170
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ Security ] WEB安全 ( 三 ) 之 Cookie安全策略

首先,cookies 是一段字符串,这一段字符串是存储在前端的浏览器中。他的容量很小只有 4k 。由于 HTTP 协议是一个无状态的协议,在进行通信的时候都需要...

15940
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ Security ] WEB安全(二)之图解 CSRF 注入

CSRF 攻击,英文全称就是 Cross Site Request Forgy,意思就是跨站伪造请求。CSRF 简单来说就是利用站点对用户的信任信息伪造一个用户...

19170
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ Security ] WEB安全(一)之图解XSS注入

xxs 攻击英文全称是 Croess SiteScripting ,意思就是跨站脚本攻击。是一种网站应用程序的安全漏洞攻击。是脚本代码注入的一种。其核心的攻击原...

23180
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ WEB ] 从地址栏输入 URL 之后发生了啥?

在输入地址栏之前,浏览器会对输入的内容进行检查,如果是一个符合格式的正确 url 就会执行 DNS解析,如果不是,比如输入了一些字符串,那么就会执行搜索功能。如...

10310
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ WEB ] H5 常见性能优化和原理分析

这个压缩版的图片和原始数据的图片是有差异的,虽然压缩的过程中丢失了一些数据,但是这些差异对于人眼是无法识别的。所以在压缩之后不影响整体的浏览体验效果,同时对于页...

16560
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ JavaScript ] 项目开发中的函数抽离和复用

在实际的项目开发中,尽可能要做到让开发者易于理解和后期维护,那么,其中一个最重要的就是必须将重复使用的相同代码块或者是差异不明显的代码块抽离出来。在需要使用的地...

11330
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ JavaScript ] 对闭包的理解和使用场景

首先,闭包是 JavaScript 这个语言的一个特点,主要的使用场景就是为了创建私有的变量。当然这个变量包含函数。

14220
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ JavaScript ] 对于 Promie 和 async/await 的理解

promise 是 es6 新增的异步解决方案。虽然, promise 可以解决回掉地狱的问题,但是,如果出现大量的异步请求或者比较复杂的情况下其实也会出现很多...

19840
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ JavaScript ] 执行函数中改变 this 的指向以及方法

bind,apply,call 都是执行函数时,用来改变 this 的指向。另外,apply、call 是立即执行,而 bind 是调用的时候才执行。

12650
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ webpack ] webpack 构建基本参数配置

每个前端项目或者说每一个HTML页面,都有着不同的静态资源,其中js文件有相互之间又有着不同的依赖,img图片需要进行图片压缩合并,css文件有需要进行浏览器样...

15060
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ JavaScript ] 代码圈复杂度优化

圈复杂度就是可以用来衡量一个模块判定结构的复杂程度,数量上表现为独立线性路径条数。举一个最简单的例子,一个函数有 if else 语句,这个时候,执行这个函数就...

12480
GavinUI

交互科技 · 驻腾讯前端开发 (已认证)

[ webpack ] cross-env 模块的作用

大多数情况下,当我们使用类似于 NODE_ENV = production 这样子的命令来设置环境变量的时候,往往是会报错的。因为windows 和 其他 un...

14940

扫码关注云+社区

领取腾讯云代金券