02 2022 档案

自定义指令/事件
摘要:##指令 https://v3.cn.vuejs.org/guide/custom-directive.html#%E7%AE%80%E4%BB%8B 自定义focus,自定义的前面要加个v- <input v-focus /> //让输入框聚焦 全局: app.directive("focus", 阅读全文

posted @ 2022-02-28 22:42 In-6026 阅读(55) 评论(0) 推荐(0)

组件通信——props,emit
摘要:##父子组件通信 ###父亲用子组件属性/方法 html: <Son ref="sonHandler" /> 重点是通过ref获取 script: this.$refs.sonHandler.name //此处name用属性名或方法名都可以调用子组件Son的data/methods/computed 阅读全文

posted @ 2022-02-28 20:20 In-6026 阅读(73) 评论(0) 推荐(0)

本地存储
摘要:##cookie ###设置/添加cookie:document.cookie="key=value;" 每次document.cookie都会像后面追加键/值 ###子cookie 因为每个域下允许的cookie数量有限,所以出现子cookie概念 docuemnt.cookie = "k1=v2 阅读全文

posted @ 2022-02-28 00:33 In-6026 阅读(33) 评论(0) 推荐(0)

webSocket
摘要:https://www.runoob.com/html/html5-websocket.html 阅读全文

posted @ 2022-02-27 02:00 In-6026 阅读(12) 评论(0) 推荐(0)

fetch
摘要:优点: 用起来比XMLHttpRequest更现代化(方便) 缺点: 只能异步,XHR可以选择异步或者同步。但是可以通过async/await自己手动实现 fetch是有兼容问题的。IE系列是完全不支持的,主流浏览器的早起版本也不支持,所以如果在项目中使用需要做兼容方案处理。 fetch 不管请求处 阅读全文

posted @ 2022-02-27 01:40 In-6026 阅读(111) 评论(0) 推荐(0)

expressJs收不到post请求体
摘要:如果是穿的json的话,加个:就可以了 app.use(express.json()) app.use(express.text()) 什么原因目前没有去纠结 如果还不行可以试试: express.raw() express.urlencoded({ extended: false }) 来自:ht 阅读全文

posted @ 2022-02-26 20:57 In-6026 阅读(135) 评论(0) 推荐(0)

响应头,请求头,状态码
摘要:https://blog.csdn.net/belongtocode/article/details/103338371?utm_medium=distribute.wap_relevant.none-task-blog-2~default~baidujs_baidulandingword~defa 阅读全文

posted @ 2022-02-26 00:34 In-6026 阅读(41) 评论(0) 推荐(0)

GMT转时间戳
摘要:let gmt = 'Fri, 25 Feb 2022 12:34:19 GMT' //转北京时间,北京时间就是gmt + 8小时 let date = new Date(gmt) Fri Feb 25 2022 20:34:19 GMT+0800 (中国标准时间) //转时间戳 let times 阅读全文

posted @ 2022-02-25 21:16 In-6026 阅读(60) 评论(0) 推荐(0)

缓存
摘要:缓存通过HTTP协议使用请求头和响应头协同作用实现 响应头:(request) 作用 cache-control 其值‘max-age=100’用于控制文件在本地缓存的有效时长,表示缓存100s之后失效(是从发出请求开始算) expires 与cache-control类似。Expires的值是一个 阅读全文

posted @ 2022-02-25 02:11 In-6026 阅读(67) 评论(0) 推荐(0)

常见文件后缀对应的MIME类型
摘要:文件后缀 Mime类型 说明 .flv flv/flv-flash 在线播放 .html或.htm text/html 超文本标记语言文本 .rtf application/rtf RTF文本 .gif image/gif GIF图形 .jpeg或.jpg image/jpeg JPEG图形 .au 阅读全文

posted @ 2022-02-24 23:56 In-6026 阅读(341) 评论(0) 推荐(0)

XMLHttpRequest
摘要:基本格式,readyState,HTTP头部,超时,判断响应的MIME类型,进度事件,跨源(跨域),预检请求,凭据请求 ###基本格式: let xhr = new XMLHttpRequest() 【1】 xhr.open(method, url, async)//method: string, 阅读全文

posted @ 2022-02-24 23:54 In-6026 阅读(74) 评论(0) 推荐(0)

生成真随机数——crypto.getRandomValues(new Uint8Array(1))
摘要:Math.random是伪随机数,是有法可循的,虽然更快,但有时使用在密码等重要信息中不如crypto.getRandomValues()安全 crypto.getRandomValues(new Uint8Array(1)) //生成真随机数 crypto.getRandomValues() // 阅读全文

posted @ 2022-02-24 01:06 In-6026 阅读(1271) 评论(0) 推荐(0)

创建一个新html标签
摘要:创建一个叫new-ele的新标签 class NewElement extends HTMLElement {//NewElement 是随便起的,继承HTMLElement constructor() { super(); //this就是当前标签 } } customElements.defin 阅读全文

posted @ 2022-02-24 00:47 In-6026 阅读(48) 评论(0) 推荐(0)

web组件——template标签,影子DOM,自定义组件
摘要:##template标签 innerHTML会带来安全问题,document.createElemt()又太过麻烦,template就很方便且安全 <div id="foo"></div> <template id="bar"> <p>I am inside template</p> </templ 阅读全文

posted @ 2022-02-24 00:43 In-6026 阅读(257) 评论(0) 推荐(0)

git首次安装遇到的问题
摘要:Warning: Permanently added 'github.com' (ED25519) to the list of known hosts. git@github.com: Permission denied (publickey). fatal: Could not read fro 阅读全文

posted @ 2022-02-23 18:00 In-6026 阅读(493) 评论(0) 推荐(0)

大文件切片上传和断点续传
摘要:前端(img为例) 前端用input选择文件file, 用spark-md5.js为file按内容起个hash名字(尽量独一无二),hashName 然后file.slice(start, end)按自己的需求(最多切多少片?每片最大size等)将文件切片,然后为每个切片按顺序命名,eg:第一片就叫 阅读全文

posted @ 2022-02-11 19:32 In-6026 阅读(162) 评论(0) 推荐(0)

文件拖拽上传
摘要:<div id="box"></div> let box = document.getElementById('box') box.addEventListener('draover', (e) => { e.preventDefault() }) box.addEventListener('dro 阅读全文

posted @ 2022-02-11 19:11 In-6026 阅读(44) 评论(0) 推荐(0)

前端文件上传+expressJs后端文件写入
摘要:多文件选择 <input type="file" multiple /> 下面以单文件为例 ###方式1:前端FormData + 后端multiparty 前端 //第一种:通过form表单 <form action="/" method="post" enctype="multipart/for 阅读全文

posted @ 2022-02-07 22:53 In-6026 阅读(146) 评论(0) 推荐(0)

URL.createObjectURL(File),URL.revokeObjectURL(url)
摘要:URL对象可以通过createObjectURL(any)方法来将任意内容any用一个地址来表示 栗子: <input type="file" id="F" /> let F = document.getElementById('F') F.onchange = function(event) { 阅读全文

posted @ 2022-02-03 17:51 In-6026 阅读(143) 评论(0) 推荐(0)

File,Blob,FileReader,ArrayBuffer,TypeArray,DataView
摘要:File就是用户计算机上的文件,一般通过<input type="file" />标签来使用户选择文件,选择后可以知道文件的大小,名称,类型等基础信息 File长这样,是个对象 Blob是Binary large Object缩写,人话:它是一个不可变的,包含二进制数据的,类文件对象(即:像是上面那 阅读全文

posted @ 2022-02-03 11:45 In-6026 阅读(102) 评论(0) 推荐(0)

(payload too large)expressJs上传文件大小受限解决方法
摘要:安装第三方模块body-parser npm i body-parser 然后在app.js中 let bodyParser = require('body-parser') app.use(bodyParser.json({ limit: '2mb' }))//此处为2MB,可改 app.use( 阅读全文

posted @ 2022-02-03 10:58 In-6026 阅读(195) 评论(0) 推荐(0)

前端文件下载
摘要:###a标签download属性实现下载 缺点:只能下载同一个ip,端口下的文件,不能跨域(不论被下载文件的后端允不允许跨域,都不行) <a download href="#"></a> ###后端实现,nodeJs的expressJs框架为例 访问该地址就会打开系统文件夹,提示下载,不会显示要下载 阅读全文

posted @ 2022-02-03 04:42 In-6026 阅读(74) 评论(0) 推荐(0)

File API FileReader与FileReaderSync
摘要:###标签实现 <input type="file" id="files" /> ###获取被选择的文件的基础信息 |属性|作用| | | | |name|被选中文件的文件名| |size|文件大小(单位:字节byte)| |type|文件类型(image,text等)| |lastModified 阅读全文

posted @ 2022-02-02 07:22 In-6026 阅读(291) 评论(0) 推荐(0)

从0到1上线web项目全流程(和半仙君学的)
摘要:购买云服务器 到云服务器控制台,根据服务器类型和项目要用到的语言(如node,php等),安装好需要的环境 打开远程连接 在本地写好项目 把项目压缩成.zip,上传项目.zip到云服务器 scp -r 项目 root@云服务器IP地址:/要上传到哪个目录 scp -r D://demo.zip ro 阅读全文

posted @ 2022-02-02 01:30 In-6026 阅读(64) 评论(0) 推荐(0)

String.at( -1 )类似于python
摘要:let str = '123456' console.log(str.at(-2)) //5 阅读全文

posted @ 2022-02-01 03:23 In-6026 阅读(45) 评论(0) 推荐(0)

Proxy,getter,setter
摘要:let person = { name: 'LLC' , gender: 'meal' } let proxy = new Proxy(person, { get() { console.log('get') return Reflect.get(...arguments) } , set() { 阅读全文

posted @ 2022-02-01 03:20 In-6026 阅读(44) 评论(0) 推荐(0)

导航