前端
森林的尽头是阳光
生而俗人,喜欢金钱和感动
展开
-
前端导入导出json文件
前端导入导出原创 2023-03-01 14:27:27 · 337 阅读 · 0 评论 -
客户端获取cookie中的某个字段,值为null
需要后端代码排查http-only,为true时客户端无法获取,为false时客户端,可通过document. cookie方式获取原创 2022-03-20 15:52:08 · 1441 阅读 · 0 评论 -
web常见六大安全问题
常见安全问题xsscsrf点击劫持URL跳转漏洞SQL注入OS命令注入攻击一、xss 跨站脚本攻击原理:往web页面插入可执行的网页脚本代码防御方式:1、设置白名单csp方式一:设置HTTP Header中的Content-Security-Policy方式二:设置meta标签Content-Security-Policy: default-src “self” // 只允许加载本站资源Content-Security-Policy: img-src https:/原创 2021-06-26 22:01:02 · 375 阅读 · 0 评论 -
前端题
1、输出结果[...'abcd']答案:[“a”, “b”, “c”, “d”]解析:…会把字符串每个字符映射为一个元素,返回一个数组2、setInterval 方法的返回值是什么?setInterval(() => console.log('Hi'), 1000)答案:一个唯一的id解析:会返回一个ID,用于clearInter清除定时器3、输出结果function* generator(i) { yield i; yield i * 2;}const g原创 2021-03-11 17:48:39 · 293 阅读 · 0 评论 -
HTTP协议原理(三)--缓存头、缓存验证、cookie、session
缓存头Cach-Control的含义及使用读取缓存1、特性'Cach-Control' : 'max-age=200, public' // 多个设置时,逗号分隔可缓存性public http经过的任何地方都能进行缓存private 只有发起请求的浏览器才可以进行缓存no-cache 本地是可以缓存的,但使用缓存需要经过服务器验证到期max-age = < seconds > 缓存到多少秒之后过期,max-age = 20s-maxage原创 2020-08-12 17:05:26 · 295 阅读 · 0 评论 -
react 跨域配置
1、单个跨域package.json中"proxy":"https://192.168.6.32:3000"2、配置多个,使用插件 http-proxy-middlewarehttp-proxy-middleware 插件官网文档安装:npm install http-proxy-middleware --save# oryarn add http-proxy-middleware使用:react项目中,src目录下新建 setupProxy.js,内容如下const { cr原创 2020-08-06 16:31:58 · 441 阅读 · 0 评论 -
百度地图API gps坐标转换为百度坐标
百度地图API官网示例我写的例子,基于react实现的功能:根据点画折线在点位置插入自定义图标点击图标的时候显示一张图片传递的gps坐标需要转换成百度坐标因为坐标转换一次转换不能超过10个,所以需要在处理下数组父级传递过来的值类似这种结构,经纬度值、点击弹出的图片地址完整代码(细节就不拆分了,备注都写的比较详细)import React from 'react';import { message } from 'antd';const BMap = window.BMap;原创 2020-07-27 11:42:42 · 2827 阅读 · 6 评论 -
一个简单的web服务器
1、先安装node,之后新建个文件夹,新建server.js 内容如下const http = require('http')http.createServer(function(request, response) { console.log('request come', request.url) response.end('123')}).listen(8888)console.log('server listening on 8888')2、命令行运行server.js原创 2020-07-13 16:14:03 · 119 阅读 · 0 评论 -
call、apply、bind的实现
call,参数一是需要帮顶给this的值,后面传入一个参数列表参数一为null、undefined时,默认this指向windowcall(this, 参1, 参2, ...)apply接收两个参数,第一个this,第二个是一个参数数组,第一个参数为null、undefined时,默认this指向windowapply(this, arr)bind,第一个参数this,第二个参数开始...原创 2020-02-19 17:31:47 · 201 阅读 · 0 评论 -
前端路由的原理
原理:就是锚点值页面不跳转 + 局部内容innerHTML内容替换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0...原创 2020-01-20 14:33:11 · 209 阅读 · 0 评论 -
less入门--常用
编译工具Koala http://koala-app.com/index-zh.htmlnode.js浏览器使用变量定义: @变量名:值@arguments变量,表示所传入的所有参数变量要在使用前定义,注意位置border_arg(@w:30px, @c:red, @xx:solid){ border:@arguments; // 等同于 ...原创 2019-11-21 09:28:41 · 214 阅读 · 0 评论 -
react、antd+design踩坑--持续更新
1、Route 使用Link跳转,地址改了,组件未加载 重定向的地址需要写在最后一个,比如错误的写法:<Switch> <Route path={'/'} component={Home} /> <Route path={'/albumlist'} component={AlbumList} /> <Redirect from=...原创 2019-11-13 18:00:16 · 251 阅读 · 0 评论 -
H5标签 marquee 滚动字幕
H5中这个标签的语义是滚动字幕。marquee标签并不是W3C官方推荐的标签,但是这个标签在各个浏览器中都非常支持。格式:滚动字幕内容① 默认情况下,在标签中输入的文字是从右向左滚动的。但是可以通过marquee标签的属性direction来控制滚动的方向。direction=“right” :从左向右滚动direction=“up” :从下向上滚动direction=“...转载 2019-11-04 10:23:22 · 1447 阅读 · 0 评论 -
virtual dom(vdom)--虚拟DOM
vdom全名 virtual dom,虚拟dom,简称vdom定义用js模拟dom结构Dom变化的对比,放在js层来处理好处提高重绘性能DOM操作比较占内存,将dom操作放在js层,可以提高效率性能vdom-snabbdom实现vdom的插件,可以在bootcdn.cn中下载(代码中有引入)核心APIh(‘标签名’, {…属性…}, […子元素…]);----子元素...原创 2019-08-18 12:17:04 · 527 阅读 · 0 评论 -
js单线程及处理
什么是单线程同一时间只能做一件事,就是单线程js为什么是单线程因为避免浏览器渲染DOM冲突怎么解决单线程异步event-loop 事件轮询ajaxPromiseasync-awaitjquery-deffered<!DOCTYPE html><html lang="en"><head> <meta charset="UT...原创 2019-09-08 16:48:33 · 496 阅读 · 0 评论