web
关注
分享
扫一扫
文章平均质量分 55
web
crayon-shin-chan
这个作者很懒，什么都没留下…
展开
-
cloudflare入门之附加 cookie
Cloudflare 使用 cookie 来最大化网络资源、管理流量并保护网站免受恶意流量的侵害。原创 2022-09-26 22:22:46 · 2197 阅读 · 0 评论 -
cloudflare入门之 /cdn-cgi/ 端点
将域添加到 Cloudflare时，Cloudflare 会向该域添加一个/cdn-cgi/端点此端点由 Cloudflare 管理。它不能被修改或定制。原创 2022-09-26 22:08:32 · 2760 阅读 · 0 评论 -
http协议入门之 SameSite cookies
响应标头 Set-Cookie 的SameSite属性允许声明 cookie 是否应限制为第一方或同一站点上下文。原创 2022-09-26 21:54:08 · 770 阅读 · 0 评论 -
node.js入门之 http.Agent 控制并发数量
文档：HTTP | Node.js v18.4.0 DocumentationAgent负责管理 HTTP 客户端的连接持久性和重用。为给定的主机和端口维护一个待处理请求队列，为每个请求重用套接字连接，直到队列为空此时套接字要么被销毁，要么被放入一个池中，以便再次用于请求到相同的主机和端口。是销毁还是池化取决于 keepAlive 选项。池连接启用了 TCP Keep-Alive，但服务器仍可能关闭空闲连接，此时将从池中删除并且当对该主机和端口发出新的 HTTP 请求时将建立新连接。服务器也可能拒绝允许同一原创 2022-06-26 18:12:56 · 795 阅读 · 0 评论 -
axios入门之处理重定向
axios默认情况下，会自动处理302和304重定向，此时请求会获取重定向之后的结果maxRedirects用于配置axios自动处理的重定向次数，为0则不处理重定向axios默认把302作为错误处理，所以会抛出一个错误到catch方法可以修改状态验证函数来使302变成正常的响应码...原创 2022-06-26 17:35:10 · 5019 阅读 · 0 评论 -
axios入门之响应类型
axios请求配置可以设置响应类型默认的响应类型和content-type有关，text/plain 类型解析为 stringapplication/json会被解析为对象stream类型会返回 IncomingMessage 类型原创 2022-06-26 14:54:48 · 1739 阅读 · 0 评论 -
axios入门之 API
axios(config) 用于直接发送请求重载方法，把 url参数单独提出来还有以下请求方法别名：使用别名方法时，不需要在config中指定 method、url、data可以使用自定义配置创建一个新的 axios 实例。实例包含以下方法：指定配置将与实例配置合并只有url是必需的。GET如果method未指定，请求将默认为。 url：请求url，可以是相对baseURL的 method：请求方法，默认是GET baseURL：基础URL transfor原创 2022-06-26 00:35:22 · 464 阅读 · 0 评论 -
axios入门之简介
文档：Getting Started | Axios DocsAxios 是一个基于Promise 的node.js和浏览器HTTP 客户端。它是同构的，可以在浏览器和 nodejs 中使用相同代码运行。在服务器端它使用node.js本机 http模块，而在浏览器使用 XMLHttpRequests。可以使用npm包在浏览器端可以使用 CDN 引入查询参数可以在 params 中传入还可以使用 async / await默认的POST请求类型是...原创 2022-06-25 23:48:16 · 105 阅读 · 0 评论 -
web入门之 Promise API
文档：Promise - JavaScript | MDNUsing Promises - JavaScript | MDNPromise 对象用于表示一个异步操作的最终完成（或失败）及其结果值。在 Web Worker 中可用Promise 对象代表一个不一定已知值的代理。把异步操作返回值或者失败原因和处理程序关联起来这样异步方法可以像同步方法那样返回值，并不会返回最终值，而是返回一个 promisePromise 必然处于以下几种状态：待定状态的 Promise 对象要么会通过一个值被兑现，要么会通过一原创 2022-06-25 16:25:28 · 416 阅读 · 0 评论 -
原子颗粒特效动画库particles.js的使用
1.简介particles.js是用于创建粒子特效的轻量级JavaScript库。github：https://github.com/VincentGarreau/particles.js在线代码设计：https://codepen.io/VincentGarreau/pen/pnlso主页：https://vincentgarreau.com/particles.js/2.快速入门2.1 页面<div id="particles-js...原创 2020-12-18 23:32:51 · 1472 阅读 · 3 评论 -
记一个vue集成layui下拉菜单失效问题
1.简介vue集成layui，下拉菜单写在组件里，发现没有下拉效果2.解决vue使用js渲染dom，layui在加载模块时通过第一次调用模块的render()、init()方法来进行初始渲染，所以当首先加载layui.all.js，后加载vue的app.js时，会出现vue渲染的dom没有被处理的情况，需要在mounted方法里手动渲染 mounted(){ layui.element.render(); }此页面出现了几个模块就要渲染几...原创 2020-10-19 16:41:07 · 844 阅读 · 0 评论 -
记一个layui与vue集成scoped样式不起作用问题
1.简介layui与vue集成，scoped样式不起作用2.解决layui渲染出的dom元素没有scoped标志data-v-49bca07e如果使用选择器选择layui的元素，不能卸载scoped样式中原创 2020-10-20 17:50:18 · 285 阅读 · 0 评论 -
inspect入门之在windows上调试iphone上的web页面
下载：Download Inspect原创 2022-04-16 17:18:40 · 1476 阅读 · 0 评论 -
file-saver实现前端文件下载保存
文档：file-saver - npmGitHub - eligrey/FileSaver.js: An HTML5 saveAs() FileSaver implementation1.简介FileSaver.js 是在客户端保存文件的解决方案，非常适合在客户端生成文件的 Web 应用程序如果文件来自服务器，建议首先使用Content-Disposition响应标头，这样具有更多兼容性。2.支持的浏览器Browser Constructs as File原创 2022-02-13 22:04:14 · 3094 阅读 · 0 评论 -
svg使用之入门
文档：SVG | MDN1.简介可缩放矢量图形，即SVG，是W3C XML的分支语言之一，用于标记可缩放的矢量图形。目前SVG在Firefox、Opera、Webkit浏览器、IE等浏览器中已经部分实现。SVG是一种XML语言，类似XHTML，可以用来绘制矢量图形。SVG可以通过定义必要的线和形状来创建一个图形，也可以修改已有的位图，或者将这两种方式结合起来创建图形。图形和其组成部分可以变换（be transformed）、合成、或者通过滤镜完全改变外观。2.元素原创 2021-12-25 22:55:34 · 1514 阅读 · 0 评论 -
记一个webpack [prerender-spa-plugin] Unable to prerender all routes! 问题
1.简介使用prerender-spa-plugin做预渲染，但是每次都是跑了一会，然后报错2.解决TimeoutError: Navigation Timeout exceeded: 30000ms exceeded找源码，node_modules/prerender-spa-plugin/es6/index.js，143行 .catch(err => { const msg = '[prerender-spa-plugin] Unabl..原创 2021-09-29 15:49:09 · 1603 阅读 · 1 评论 -
html之img元素
1.简介img 元素向网页中嵌入一幅图像。请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。2.使用2.1 srcsrc属性用于加载一个图片<img src="1.jpg"></img>默认情况下img元素的宽高和图片的原始像素宽高一致2.2 altalt声明当图片加载不出来时的显示文本<img src=..原创 2021-09-17 21:44:29 · 581 阅读 · 0 评论 -
使用vConsole进行移动端html页面调试
仓库：https://github.com/Tencent/vConsole1.简介一个轻量级、可扩展的移动网页前端开发工具。它包含了以下功能：查看控制台日志 查看网络请求 查看文档元素 查看 Cookie、LocalStorage 和 SessionStorage 手动执行JS命令 自定义插件2.使用可以通过npm安装使用：$ npm install vconsoleimport VConsole from 'vconsole';con原创 2021-07-04 00:40:24 · 1269 阅读 · 0 评论 -
使用typed.js显示打字机效果
仓库：https://github.com/mattboldt/typed.js1.简介Typed.js 是一个类型库。用于显示打字机效果。输入任何字符串，并观察它以您设置的速度键入，退格输入的内容，然后为您设置的字符串开始一个新句子。2.使用<head lang="zh-cn"> <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script><原创 2021-07-04 00:13:55 · 600 阅读 · 0 评论 -
ES7之元数据
元数据api存在于reflect-matadata包中，是es7特性之一，用来在对象之外存储它上面的相关元数据，其中Reflect命名空间以前就存在，元数据api只是将方法注册到Reflect命名空间上，Reflect.ts:/*Reflect命名空间 */namespace Reflect { /*存储数据结构，其实是个对象，而不是Map*/ type HashMap =原创 2018-03-04 21:59:11 · 1078 阅读 · 0 评论 -
html5之Page Visibility 页面可见性API
源码地址：1.简介在HTML5中，新增一个Page Visibility API，该API允许开发者知道一个Web页面在何时变为可见或获取焦点。当用户在多浏览器标签之间进行切换时，对用户来说Web页面可能从可见状态变为不可见状态。目前为止，在Firefox 10以上、Chrome 14以上、IE 10以上、Opera 12以上、Safari 7以上版本的浏览器中支持Page Visibility API。2.事件监听 var hidden = fa..原创 2020-09-19 23:43:13 · 1757 阅读 · 0 评论 -
html5之Fullscreen全屏API
1.简介在HTML5中，新增一个Fullscreen API，其作用为将页面整体或页面中某个局部区域设为全屏显示状态。到目前为止，Firefox 10以上、Chrome 16以上、Safari 5.1以上、Opera 12以上版本的浏览器支持Fullscreen API。2.操作全屏 <div id="a"> <div > <div>webkit</div> .原创 2020-09-19 23:01:14 · 1154 阅读 · 0 评论 -
Object.assign的使用要点分析
1.基本用法const x = { a: 1 }const y = { b: 1 }const z = Object.assign(x, y)console.log(x)console.log(y)console.log(z)console.log(x==z){ a: 1, b: 1 }{ b: 1 }{ a: 1, b: 1 }true第一个参数会被修改，返回值与第一个参数相同2.多参数const x = { a: 1 }const y = { b: .原创 2020-08-15 00:12:17 · 324 阅读 · 0 评论 -
JS数组方法
1.reduce带初始值调用：let arr = [1,2,3,4,5]let result = arr.reduce((pre,next)=>{ console.log('上一次结果为:'+pre) console.log('下一个值为:'+next) return pre+next},13)console.log('最终结果为：'+result)输出结果原创 2018-02-18 19:22:04 · 261 阅读 · 0 评论