petterDong-CSDN博客

原创 webpack4配置大全

####webpack4从零学习常用的配置webpack 的核心价值就是前端源码的打包，即将前端源码中每一个文件（无论任何类型）都当做一个 pack ，然后分析依赖，将其最终打包出线上运行的代码。webpack 的四个核心部分entry 规定入口文件，一个或者多个output 规定输出文件的位置loader 各个类型的转换工具plugin 打包过程中各种自定义功能的插件webpac...

2020-06-05 17:47:37 513

axios 之cancelToken原理以及使用cancelToken在真实项目中，当路由已经跳转，而上一页的请求还在pending状态，如果数据量小还好，数据量大时，跳到新页面，旧的请求依旧没有停止，这将会十分损耗性能，这时我们应该先取消掉之前还没有获得相应的请求，再跳转页面。这里axios给我们提供了一个方法：cancelToken其实就是用来取消ajax请求基本用法//切换页面取消请求let source = axios.CancelToken.source();axios.inter

2020-12-24 10:44:31 5105

原创 H5 唤起APP的解决方案

H5 唤起APP的解决方案IOS1.url scheme这个方案基本上就是针对微信、qq内置浏览器，qq浏览器等之外的其余浏览器，从native那边要一个scheme ，然后放在a标签里或者location.href跳一下就行了用一个iframe去做的一个跳页，有的话唤起scheme没有的话，会触发定时器跳到下载地址。但是这个方式在ios里面，在没有app的时候会遇到两次提示， var openApp = function (src) { // 通过iframe的方式试图打开AP

2020-07-31 18:06:10 1797

原创前端设置Content-Security-Policy

Content-Security-Policy1.什么是 Content-Security-Policy?首先W3C的官方解释链接 Content-Security-PolicyMDN的链接配置 Content-Security-Policy简单来说:跨域脚本攻击 XSS 是最常见、危害最大的网页安全漏洞。为了防止它们，浏览器自动禁止外部注入恶意脚本.CSP 的实质就是白名单制度，开发者明确告诉客户端，**哪些外部资源可以加载和执行，**等同于提供白名单。它的实现和执行全部由浏览器完成，开发者只

2020-06-05 17:49:33 29706 1

vue深层组件嵌套传值.md

在父组件A 里引入了子组件B , 但同时B组件又是子组件C的父组件,C又是子组件D的父组件那么, A组件分别向B ,C ,D传值是如何实现的? D组件又是如何分别向C B A 传值的

2020-07-26

Content-Security-Policy.md

如何设置meta 标签防止XSS攻击,以及CSP的一些说明, CSP 大大增强了网页的安全性。攻击者即使发现了漏洞，也没法注入脚本，除非还控制了一台列入了白名单的可信主机。两种方法可以启用 CSP。一种是通过 HTTP 头信息的`Content-Security-Policy`的字段。

2020-06-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

petterDong的博客

原创 webpack4配置大全

原创 axios 之cancelToken原理以及使用

原创 H5 唤起APP的解决方案

原创前端设置Content-Security-Policy

vue深层组件嵌套传值.md

Content-Security-Policy.md

空空如也

原创 webpack4配置大全

原创 axios 之cancelToken原理以及使用

原创 H5 唤起APP的解决方案

原创 前端设置Content-Security-Policy

vue深层组件嵌套传值.md

Content-Security-Policy.md

空空如也

原创前端设置Content-Security-Policy