JavaScript
文章平均质量分 57
AkiraZhyib
这个作者很懒,什么都没留下…
展开
-
JS 文件下载,Base64 与 Blob
Base64之前写过一个方案,是通过转成blob再通过 FileReader 实现的,function(base64) { // 传进来的是一个 base64 编码的字符串 // 转成二进制 const byteString = atob(base64); const u8Arr = new Uint8Array(byteString.split('').map(x => x.charCodeAt(0))); // 生成二进制对象 const blo原创 2021-11-03 14:52:51 · 1389 阅读 · 0 评论 -
element-ui选项改变后不立即更新的问题与vue的双向数据绑定
element-ui 下拉框选项改变后没有立即更新值,而是在下一个选项被选择之后,上一个选项的值才会被更新。查了资料最后确定应该是 Vue 的双向数据绑定上的问题,简单说就是如果直接更改对象,Vue 会对其中所有 key 进行监听,如果直接插入一个 key-value,则不会。原创 2021-11-02 10:04:29 · 1222 阅读 · 0 评论 -
Axios 取消发送的请求
功能,在发出上一个请求还没返回的时候,为了防止有连续多个请求返回,对上一个未返回的请求执行取消操作。原创 2021-10-14 15:29:04 · 230 阅读 · 0 评论 -
JS toFixed 精度问题
需求是遇到一个需要保留两位小数,但是出现了预期之外的结果(15.845).toFixed(2); // 15.85(16.845).toFixed(2); // 16.84显然是不符合四舍五入规则的,最后的原因在官方文档中已写明,而且根本不是特殊的四舍五入规则的原因。官方文档Number.prototype.toFixed() - JavaScript | MDN (mozilla.org)Warning: 浮点数不能精确地用二进制表示所有小数。这可能会导致意外的结果,例如 0.1 +原创 2021-10-14 13:28:05 · 211 阅读 · 0 评论 -
bootstrap 的 modal 模态框开关
简单记个笔记模态框的开启使用 data-toggle 和 data-target 或 data-toggle 和 href 的组合<button data-toggle="modal" data-target="#modal-id" > 按钮</button>或者<button data-toggle="modal" #href="#modal-id" >原创 2021-10-09 14:22:57 · 617 阅读 · 0 评论 -
jQuery dataTable 页面变化跳转到首页
由于最近的也业务原因,又开始使用 jQuery,jQuery 的组件虽然丰富,但是感觉不太协调,各管各的,配置起来也比较麻烦,这里先说个遇到的问题业务场景是这样的,需要在页面显示数量变更的时候自动切换到第一页,但是如果是默认的配置不会有这样的功能。$(document).ready(function () { $('#example').dataTable({ ajax() { // 要前往的页码 let cuttPagePar原创 2021-09-30 22:08:52 · 405 阅读 · 0 评论 -
ajax传json
由于项目的原因,最近又开始用 ajax 了,遇到了一个问题就记个笔记。关于传值传值到底是传 formDara 还是 JSON 就不谈了,主要看后端需求ajax 本身也支持这两种传值方式json 传参$.ajax({ type : "post", url : "/repair/start", contentType:'application/json', data : JSON.stringfy(data), success : function(data原创 2021-09-18 15:52:23 · 246 阅读 · 0 评论 -
FormData 对象
`Formdata` 对象通常放在 `post` 请求的 `data` 位置,用来以表单形式提交数据,了解了一下 `FormData` 对象的一些方法,做个记录原创 2021-09-09 20:16:11 · 230 阅读 · 0 评论 -
JS 中的 False 与空值
基础类型真假表TRUEFALSEbooleantruefalsenumberothers0 NaNstringothers‘’ “”undefinedundefinednullnullobjectothers, includes {}null以上是六大基本类型,值得注意的是,其中 null 类型,如果使用 typeof,返回值是 "object"几个默认的假值在判断的时候就可以简写,或者写成 !!varName 转。空原创 2021-09-09 16:03:28 · 493 阅读 · 1 评论 -
Js 中 this 的指向
一般的指向概括地说,就是指向调用它的那个对象。var f = function () { console.log(this.x);}var x = 1;var obj = { f: f, x: 2,};// 单独执行f() // 1// obj 环境执行obj.f() // 2其中,f() 是在全局执行,所以返回全局的 x;obj.f() 在 obj 内部执行,所以返回 obj.xvar a = { p: 'Hello', b: { m: func原创 2021-09-09 16:01:29 · 160 阅读 · 0 评论 -
Vuex入门
Vuex 是一个专为 Vue.js 应用程序开发的**状态管理模式**。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。原创 2021-09-09 15:59:43 · 76 阅读 · 0 评论 -
Json提交和表单提交
研究了一下关于post请求时候发送参数的两种方式,**表单形式**和**JSON**形式。原创 2021-09-09 15:57:44 · 1517 阅读 · 2 评论 -
axios相关方法的使用
Axios 文档https://www.kancloud.cn/yunye/axios/234845axios request API// 本体 包括别名版本axios(config);axios(url[, config])axios.request(config)axios.get(url[, config])axios.delete(url[, config])axios.head(url[, config])axios.post(url[, data[, config].原创 2021-09-09 15:54:32 · 141 阅读 · 0 评论 -
js下载文件
目前业务上碰到有两种下载类型,一种是返回的是文件在服务器上的所处位置,另一种返回的是整个文件的编码后的数组。这两者下载方式略有区别,但是大同小异。原创 2021-09-09 15:02:18 · 211 阅读 · 0 评论 -
从window.location到URL
location === window.location,记录的是浏览器URL的相关信息。随手取了三个`window.location`,最后结合 [RFC 3986: Uniform Resource Identifier (URI): Generic Syntax @ ietf.org](https://datatracker.ietf.org/doc/html/rfc3986)来分析一下URL结构原创 2021-09-08 20:13:06 · 220 阅读 · 0 评论 -
ESLint安装与配置
安装npm install eslint之后根据提示操作,如使用 commjs、Airbnb等其他语言插件摘自某项目"eslint-config-airbnb-base": "^14.2.1","eslint-plugin-import": "^2.22.1","eslint-plugin-vue": "^7.5.0","vue-cli-plugin-element": "~1.0.1",配置.eslintrc.js或者直接在 package.json 文件里的 eslintCo原创 2021-09-08 19:30:38 · 1221 阅读 · 0 评论 -
浏览器Storage存储
`localStorage` 属性允许你访问一个`Document `的 `Storage`;存储的数据将保存在浏览器会话中。`localStorage` 类似`sessionStorage`,但其区别在于:存储在 `localStorage` 的数据可以**长期保留**;而当页面会话结束,当页面被关闭时,存储在 `sessionStorage` 的数据会被清除 。原创 2021-09-08 19:27:20 · 1110 阅读 · 0 评论 -
WebSocket入门
WebSocket是一种可以类比HTTP的应用层协议,与HTTP、HTTP类似,也有WS和WSSHTTP有他的劣势,即只能由客户端发起请求,然后由服务器回应。如果没有WS,就需要使用HTTP发起轮询——以固定时间间隔向服务器查询是否有新消息。这样势必有一个问题,比如客户端接收直播弹幕,若由客户端频繁发起查询,必将带来大量冗余流量,所以B站的直播弹幕协议使用的是WS。WS就相当于开启了一个长连接通道,客户端与服务器可以随时收发消息原创 2021-09-06 15:27:51 · 1970 阅读 · 0 评论 -
for in 与 for of 以及其它js中的循环方式
记录一下对几种循环方式的学习笔记。for … in一句话概括,for ... in 是对索引的循环。索引,对于数组和字符串而言就是0 - n,对于对象而言就是对象的keylet a = [1, 2];let b = {'-1' : 1, '-2' : 2};let c = 'xyz'for (let i in a) {console.log(i)} // '0', '1'for (let i in b) {console.log(i)} // '-1'. '-2'for (let i原创 2021-09-06 15:22:35 · 43 阅读 · 0 评论