Xpy 的博客

只要你认识了 HTML 标记，你便会知道特殊字符的用处。

设置 client_max_body_size 和 client_body_buffer_size。

自动化执行 git add ./git commit -m

npm报错npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.found 0 vulnerabilities

export function getCookie(cname) { // 1 例如： mobile= const name = cname + "="; // 2 将cookie切割成数组 // ['uuid_tt_dd=10_11', ' UN=qq_45301392',] const cookieArray = document.cookie.split(";"); // 3 通过遍历找出需要提出的cookie for (let i = 0; i < cooki

视频地址：https://www.bilibili.com/video/BV1xJ41137Q3?p=21一、网络层服务（网络层主要功能）1、主要作用主要作用是将网络层数据报从源主机送达目的主机。注意功能两点：转发：分组从输入接口转移到输出接口。路由选择：决定分组经过的路由或路径。2、路由器路由器依据路由选择协议确定路由表,由路由表确定一个转发表。二、数据报网络与虚电路网络1、数据报网络（效率高、成本低。但不可靠）按照目的主机地址进行路由选择的网络。特点：无连接

一、CSS学习网站1. Flex Box 冒险游戏网址：Flex Box 冒险游戏 https://codingfantasy.com/games/flexboxadventure简介：这是一个通过使用 flex box 相关知识来完成闯关的冒险游戏，一共24个关卡，更生动地带你体验 Flex 的真实应用场景2. Flexbox 格子骑士网址：Flexbox 格子骑士 https://knightsoftheflexboxtable.com/简介：这个游戏能帮助你学习不同层面的Fle

一、场景：当标签页面隐藏、然后展示的时候触发事件涉及到两个网页的跳转 而产生的问题二、安卓和ios需要分别来处理兼容问题安卓 中可以直接使用 visibilitychange 来判断标签页展示、还是隐藏document.addEventListener("visibilitychange", () => { if(document.hidden) {} // 页面被挂起 else { // 页面呼出 // 增加路由判断 仅当前页面生效 // if(window.l

需要阻止浏览器的后退按钮，移动端的后退手势。 window.history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { window.history.pushState(null, null, document.URL); });

一、Navigator 对象： https://www.w3school.com.cn/jsref/dom_obj_navigator.asp/Mobi|Android|iPhone|Chrome/i.test(navigator.userAgent)二、控制台打印 navigator.userAgentnavigator.userAgent ==>'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHT

好资源保存一下 防止原文被删。var bankcardList = [{ bankName: "中国邮政储蓄银行", bankCode: "PSBC", patterns: [{ reg: /^(621096|621098|622150|622151|622181|622188|622199|955100|621095|620062|621285|621798|621799|621797|620529|621622|621599|621674|623218|623219

一、场景想要实现的效果：获取到图片本地内容后，通过 fetch 来上传 formData 格式数据。二、遇到的问题有问题的请求：function request(params){ const { api, data } = params; const url = window.location.origin + api; return fetch(url,{ method:"POST", headers:{ 'Content-Type': 'multipart/fo

一、场景一个查询接口，可以通过输入空格，来获取查询字段中 含有空格的项目。后端接口请求为get，不做处理的话，url会自动将空格给删掉，我无法发送带空格的查询条件：let api = `xxx?pageNum=${pageNum}&pageSize=${pageSize}&keyword=${keyword}`;request({ api, method:"GET" })【https://xxxx?pageNum=1&pageSize=10&keyword=】

let root = document.getElementById("root")一、声明式reactDom.render("<div onClick={()=> console.log('点击事件')}>测试</div>", root)二、命名式let div = document.creatElement("div");div.innerText = '测试';div.addEventListener('click',()=> console.log

一、先看样式改前改后官方文档：https://element.eleme.io/2.14/#/zh-CN/component/table// header-cell-style // 表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。 // Function({row, column, rowIndex, columnIndex})/Object <el-table :data="tableD

有个大神写了个字典库…大小 ==> 6904 lines (6891 sloc) 119 KBhttps://github.com/xukeler/chinesePY引入项目可以直接使用方法//单词首字母获取Pinyin.getWordsCode("啊啊啊")/* * 获取汉字的简码拼音 */Pinyin.GetJP("str")/* * 获取汉字的全拼 */Pinyin.GetQP("str")/* * 如果是两个汉字则直接输入汉字的全拼 * 如果是三个

一、名词解释try 语句测试代码块的错误。catch 语句处理错误。throw 语句创建自定义错误。finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。二、用法try { ... //异常的抛出} catch(e) { ... //异常的捕获与处理} finally { ... //结束处理}...

一、前置条件本地需要登陆npm账号：npm login注册网站： https://www.npmjs.com/本地必须是npm源，淘宝源在npm login 的时候，输入邮箱无反应，无法登陆。// 查看源的方法// npm 查看源npm config get registry // 或 npm config list// npm 换源原始：npm config set registry https://registry.npmjs.org 淘宝： npm config

一、全局捕获 errorwindow.addEventListener( 'error', (message, filename, lineNo, colNo, stackError) => { console.log(message); // 错误信息的描述 console.log(filename); // 错误所在的文件 console.log(lineNo); // 错误所在的行号 console.log(col

一、目前接触到的前端下载文件的两种形式接口直接返回url，通过 js手动创建a标签、属性src指向返回的url，模拟点击事件来进行下载。接口直接返回数据流 或是 base64 格式数据、这类数据就需要用的 blob 对象和 URL.createObjectURL() 来手动生成url了，然后再通过模拟点击事件来进行下载。二、具体操作code（主要是第二种方法）1、blob 数据需要设置请求的返回typerequest 文件： file 需要下载的话传个 true// fetchfunc

一、手机号的正则表达式const reg = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;二、身份证的正则表达式const reg = /1\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;三、未完待续1-9 ↩︎...

有宽度：width:200px, 有宽度才能超出，所以至少是行内块级元素不能换行：white-space:nowrap;超出部分隐藏：overflow: hidden;文本超出部分点点点：text-overflow: ellipsis;div { width: 200px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}.

一、场景需求如图，需要在一个路由中加入三个子路由，需要类似 vue的 【router-view+name】。二、实现./pages├── App.js├── threeChildren.js└── aaa.jsx└── bbb.jsx└── ccc.jsxApp.jsimport React, { Component } from "react";import { HashRouter, Switch, Route, Redirect } from "react-router

一、场景业务需求，微信小程序需要选择本地的一张照片file，通过接口发送给服务器。问题：因涉及到域名安全问题，不能使用 wx.uploadFile 。微信本身没有FormData对象，无法使用 new FormData后端接口需要接收一个file, 所以只能想办法，通过wx.request 发送 multipart/form-data 请求二、解决办法（使用方法）手动写一个formdata文件，然后引入。参考 微信社区、大神的github、整理了一下formdata.js 的用法。

一、代码回滚Git回滚代码到某个commit - 回退命令：git reset --hard HEAD^ 回退到上个版本git reset --hard HEAD~3 回退到前3次提交之前，以此类推，回退到n次提交之前git reset --hard commit_id 退到/进到，指定commit的哈希码二、远程分支删除远程分支 假设需要删除名为【dev】的分支）1、【查看】先查看远程都有哪些分支，避免删错了；git branch -a2、【删除】先删除本地分支git bran

一、shrinkme网址：https://shrinkme.app/没有最大文件大小限制。可以一次缩小任意数量。二、squoosh网址：https://squoosh.app/特点：可以直接更改图像的长宽中间可以拖动轴，来进行预览更改大小后的样子。操作方法：右侧设置完参数以后，点击小三角，可以在左侧直接下载压缩后的图像。...

一、braft-editor【推荐】React 富文本编辑器、简单实用。语雀文档：https://www.yuque.com/braft-editor/be/lzwpnr二、Editor.md【推荐】功能非常丰富的编辑器，左端编辑，右端预览，非常方便，完全免费。网址：https://pandao.github.io/editor.md/二、wangEditor基于JavaScript和css开发的 Web富文本编辑器， 轻量、简洁、界面美观、易用、开源免费。官网：http://w

一、场景写了一个图片点击、全屏展示的组件。页面图片 => 点击 => 打开全屏遮罩层显示大图片。 // 1控制元素展示的变量 data:{ photoShow:false, } // 2图片点击函数 onClick(){ const { url=null } = e.currentTarget.dataset; if(url) this.setData({ photoShow: url }) } // 3 图片html <

列表拖动排序的解决方案有多种，个人感觉最简单的就是zent 提供的 Sortable 组件了一、zent - Sortable 拖拽排序（推荐、简单明了）zent 官网 https://zent-contrib.gitee.io/zent/zh/component/sortablezent githubApi文档 https://zent-contrib.gitee.io/zent/apidoc/用法：yarn add zent# ornpm install zent --save

一、报错场景：中途插入一个项目，拉下code.安装依赖.启动，均报错 错误集中于Node Sass这个依赖重复删除 node_modules 包，重新下载多次均不能安装问题npm install系统报错：Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime…百度翻译：错误：节点Sass尚不支持当前环境：OS X 64位，运行时不受支持npm r

一、利用代理中间件 http-proxy-middleware注意：npn run start 报错问题：proxy is not a function 旧版写法 已被弃用module.exports = function(app) { app.use('/org',proxy({ target: 'http://99.999.999.999:000', changeOrigin: true, }) ); }; ```安装：$

一、设置无时效性cookie、有时效性cookie设置无时效性cookie（随浏览器关闭而删除）const token = "cookie-cookie-cookie-cookie-cookie-cookie"【1】document.cookie = "token" + "=" + String(token);【2】document.cookie = "token2" + "=" + token;【3**】document.cookie = "token3" + token;docume

一、安装：每一种动画效果需要单独安装单元素动画$ npm install rc-tween-one --saveCss样式动画$ npm install rc-animate --save进出场动画$ npm install rc-queue-anim --save文字动画$ npm install rc-texty --save页面滚动动画$ npm install rc-scroll-anim --saveBanner动画$ npm install rc-b

http协议的状态码1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态码。100（继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101（切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。2xx（成功）表示成功处理了请求的状态码。200（成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。如果是对您的 robots.txt 文件显示此状态码，则表示 Googlebot 已成功检索到该文件。

一、场景利用原始html input-type=“file” 写了一个上传文件的组件、但是每次上传之后，再次选择文件就不会触发 onchange 事件, 上传导致页面报错// trigger select filegetFilds = () =>{ const filedom = document.getElementById('file'); filedom.click()}// This function is used to listen for events uploa

Zan Proxy 官网链接 https://youzan.github.io/zan-proxy/Mac 需要 安装证书 https://youzan.github.io/zan-proxy/book/quick-start/cert.html一、Zan Proxy 是什么？官方介绍：Zan Proxy 是一个用Node.js编写的HTTP代理服务器，可用于修改请求地址和模拟响应数据。说白了就是：可以通过这个代理、转发线上获取资源的请求，拿取本地实时的静态代码【css,js,html】这

来源阿里CDN<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>一、flexible.js源码(function flexible(window, document) { var docEl = document.documentElement; var dpr = window.devicePixelRatio || 1;

一、热恋很久很久以前，还没有互联网，大家通信主要靠写信。小扎和小美是高中同学，互相有好感，大学两个人去了不同的城市上学。小扎在大学感到了空虚寂寞冷，鼓起勇气写信向小美表白。小扎寄出去信后，心里一直很紧张，又怕万一地址不对，信寄不到怎么办呢？ 小美收到小扎的信后，按耐不住心中的惊喜，这个小扎终于开窍了啊。于是马上回了一封信，小美也担心小扎收不到信，提醒小扎收到信后马上回信。小扎收到小美的信后，知道自己给小美的地址是对的，小美的地址也是对的，双方的信都能收到。小美一定担心她的信我没收到吧？于是小扎又