冰雪为融的博客

跨域脚本攻击XSS是最常见、危害最大的网页安全漏洞。为了防止它们，要采取很多编程措施，非常麻烦。很多人提出，能不能根本上解决问题，浏览器自动禁止外部注入恶意脚本？这就是"网页安全政策"（Content Security Policy，缩写 CSP）的来历。本文详细介绍如何使用 CSP 防止 XSS 攻击。一、简介CSP 的实质就是白名单制度，开发者明确告诉客户端，哪些外部资源可以加载和执行，等同于提供白名单。它的实现和执行全部由浏览器完成，开发者只需提供配置。CSP 大大增强..

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)// 知识点1： 可用于模块的批量导入，类同于import引入同一文件夹下多个文件。// require.context(directory, useSubdirectories = false, regExp = /^.//);// 参数： 1. 读取文件的路径 2. 是否遍历文件的子目录 3. 匹配文件的正则表达式// 返回是一个函数，是该文件夹下的匹配文件的执行环境//.

先总结：用到的核心知识添加图标，首先要创建一个图层，然后把图层添加到地图上vecSource = new ol.source.Vector({features: []});vecLayer = new ol.layer.Vector({renderMode: 'image',source: vecSource,style: function(feat) {return styleFunction(feat, ma...

一、下载安装：https://www.yeshen.com/二、打开开发者模式（参考链接：https://www.cnblogs.com/Sophia-Sophia/p/6100608.html）1，打开夜神模拟器，进入屏幕上的[设置]，如图2，划到[设置]的最后，进入[关于平板电脑]，如图3，多次点击[版本号]4，退回到[设置]目录，会看到[开发者选项]，如图5，进入[开发者选项]，选中[USB调试]，或选择其他需要选项，如图至此完...

没有系统总结，只是将自己看到的觉得比较好的文档记录一下，大家有觉得比较好的学习文档可以评论下方留言哦Express框架https://www.cnblogs.com/mq0036/p/5243312.html这个学着更舒服https://www.expressjs.com.cn/4x/api.html#res.append官方文档JShttps://developer.mozilla.org/zh-CN/docs/Web/JavaScriptjquery dateTimePic...

解决方案：设置tabindex="-1"即可<input type="submit" name="Submit" value="提交" tabindex="-1" />当浏览者浏览网站时可以通过按TAB键在网页的链接中依次移动，这是一个相当方便实用的功能。但如果网页中链接太多，恐怕按TAB键就没什么作用了，这时不妨通过改变TAB键移动的顺序来突出重点，在某些重要页面上方便访问者。使用TABINDEX属性可以设置TAB键在链接中的移动顺序。把链接的TABINDEX属性设成1到3..

Prettier 简单使用ESLint 与 Prettier配合使用首先肯定是需要安装prettier，并且你的项目中已经使用了ESLint，有eslintrc.js配置文件。npm i -D prettier配合ESLint检测代码风格安装插件：npm i -D eslint-plugin-prettiereslint-plugin-prettie...

想让箭头选装, 但是直接加rorate没用, 则主要添加dispaly: inline-block

导出表格代码：exportHandle() { exportPreSumData(this.params) .then(res => { const blob = new Blob([res]); const fileName = '报表.xls'; const elink = document.c...

原文章链接地址：https://blog.youkuaiyun.com/fyyyr/article/details/82588483###OpenLayers的显示构成由外向内为：ol.Map：地图对象。ol.layer.Vector：图层对象layer。Map含有多个layer，最终的显示效果是由多个layer叠加而成。ol.source.Vector和ol.style.Style：一个lay...

知识点：效果图：// html<div class="my-scale-line"></div>// 也可以动态创建// js // 比例尺 function initScaleLine() { let scaleLineControl = new ol.control.ScaleLine({ className...

网上有很多方法，但此处只记录一个亲测有效的方法1、通过让元素获得焦点其原理是通过让元素支持focus事件,让元素获取焦点,div正常情况下是无法像input元素一样获得焦点的，但是正如我们可以通过给div加上conteneditable属性让div元素变得可以编辑一样,在这里我们也可以通过给div元素加上tabindex = "0"的属性让元素可以获取焦点:简单示例：<...

将本地项目上传到Github（两种简单、方便的方法）一、第一种方法：首先你需要一个github账号，所有还没有的话先去注册吧！https://github.com/我们使用git需要先安装git工具，这里给出下载地址，下载后一路直接安装即可：https://git-for-windows.github.io/1.进入Github首页，点击New repository新建一个...

主要借助于NProgress 插件NProgress是页面跳转是出现在浏览器顶部的进度条官网：http://ricostacruz.com/nprogress/github：https://github.com/rstacruz/nprogress安装：$ npm install --save nprogress或者 $ yarn add nprogress使用...

下载最简单的方法就是用a链接实现，然后加一个download属性。但是有一个问题，从后台请求回的接口，对于图片和pdf及svg都不能实现下载功能，也就是download没有起作用。所以下面的方法就是解决这个问题的。<a @click="downloadFile(file.name, file.url)" >下载</a>/* 第一个参数是文件的名字，第二个参数是文件...

callBack() 多写了，保证函数中有且只有一个callBack()可以执行，如果多了的话它也不知道执行哪一个就会不起作用，少写的话也会有错误简单记录一下我使用过程中犯过的两个错误：1、callBack() 多写了，导致验证的时候不起作用2、callBack() 少写了，导致不能进入 this.$refs.editForm.validate() 函数中顺便写一下请求后端接口的方...