- 博客(6)
- 收藏
- 关注
原创 Web安全的原理及解决方案
看了一些Web安全的文章,有些讲得非常好,也非常详细,但不够言简意赅;本文是个吸取了他们的精华之后总结,以清晰明了、言简意赅为目的。目录1. XSS (Cross Site Script) 跨站脚本攻击1.1. 示例1.2. 原理1.3. 解决方案2. CSRF(Cross-Site Request Forgery)跨站请求伪造攻击2.1. 原理2.2. 解决方案3. SQL 注入3.1. 示例3.2. 解决方案4. 点击劫持4.1. 示例4.2. 解.
2021-09-16 17:30:03 225
原创 异常监控项目架构
[项目关系图.dot] ./项目关系图.dot[项目关系图.puml] ./项目关系图.puml目录1. 简介2. 项目成员3. 整体架构3.1. 上报SDK3.2. 日志任务3.2.1. 日志任务数据处理流程3.2.2. 命令的语法及作用3.2.3. 执行周期3.3. 管理系统3.4. Web服务3.5. 公司基础设施内容1. 简介前端监控 是一套用于 监测 前端项目运行时情况,及时上报错、统计错误、性能和用户行为的系统。它能我们及时地发现线上客户端产品
2021-09-13 12:11:47 321
原创 手绘视频工具架构设计
目录1. 使用场景2. 思路和原理2.1. 方案12.2. 方案23. 整体结构与关系4. 功能特性5. 内容6. 路径6.1. 文本6.2. 失量图6.3. 位图6.4. 其它内容7. 渲染8. 导出视频内容1. 使用场景课程人员提供包含 内容、排版、布局、绘制顺序等信息的文件,解析该文件 生成 手绘效果的视频 或 数据需要实现排版模块,比如文字的如果布局有变动,需要更改前端项目 和 重新生成手绘数据课程人员配置 绘制顺序,前端人员将绘制
2021-09-12 10:55:08 125
原创 library-rollup-template:构建库library的rollup配置模板,专门用于打包库library、发布npm包
构建过程是复杂的前端项目必不可少的环节;但 业务代码 与 公用代码(如:封装的库、组件、工具等被复用的代码)的构建需求是不一样的;我发现很多 npm 贡献者都没意识到这一点,他们用传统的业务项目的 webpack 配置 去打包 公用代码,虽然能运行,但实际潜藏着许多问题,甚至都不经过编译构建,直接发布单纯的源码到 npm 上;由于本人经常封装一些东西,为了方便,就分别使用 rollup 和 webpack 开发并配置了专门用于构建公共代码的配置模板;本仓库是 rollup 版本的配置模板;webpack .
2021-03-01 15:50:01 563 3
原创 js深拷贝deepCopy:支持循环引用、类型不丢失、可扩展、可定制
目录1. 背景2. 简介3. 安装方式3.1. 方式1:通过 npm 安装3.2. 方式2:直接下载原代码3.3. 方式3:通过<script>标签引入4. 教程5. API接口文档内容1. 背景开发中,经常需要对一个对象进行深拷贝操作,目前经常用到的深拷贝的方式有以下几种:将对象序列化成 JSON 字符串后,再反序化成对象 let copy = JSON.parse(JSON.stringify(value))第三方库提供的深拷贝工具,如 Lodash
2021-02-23 16:13:53 382 1
原创 js深拷贝deepCopy教程:支持循环引用、类型不丢失、可扩展、可定制
目录1. API简介2. 基本使用3. 拷贝函数4. 指定拷贝深度5. 循环引用6. 保持类型信息7. 拷贝不可枚举的属性8. 自定义拷贝规则8.1. typeCopyers8.1.1. Types8.1.2. 拷贝者Copyer8.2. 预设presetTypeCopierMap8.3. 拷贝者的优先级8.4. getCopy9. 创建带预设拷贝规则的拷贝函数内容1. API简介deep-copy 导出了两个工具函数import {deepCopy
2021-02-23 16:07:55 3634 7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人