前端
文章平均质量分 58
AkiraZhyib
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
行高 line-height 的用法
字面意思,行高,是两行文字的基线之间的间距。可以看作为内容区的高度,和盒子的高度又有点[区别](#关于盒子高度)假设行高 18px,字高 14px,那么剩下 4px 就会均分在字的上下 2px,同时这个与内间距 `padding` 又是两码事原创 2021-11-29 15:39:33 · 511 阅读 · 1 评论 -
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 · 1597 阅读 · 0 评论 -
element-ui选项改变后不立即更新的问题与vue的双向数据绑定
element-ui 下拉框选项改变后没有立即更新值,而是在下一个选项被选择之后,上一个选项的值才会被更新。查了资料最后确定应该是 Vue 的双向数据绑定上的问题,简单说就是如果直接更改对象,Vue 会对其中所有 key 进行监听,如果直接插入一个 key-value,则不会。原创 2021-11-02 10:04:29 · 1330 阅读 · 0 评论 -
Axios 取消发送的请求
功能,在发出上一个请求还没返回的时候,为了防止有连续多个请求返回,对上一个未返回的请求执行取消操作。原创 2021-10-14 15:29:04 · 293 阅读 · 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 · 290 阅读 · 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 · 734 阅读 · 0 评论 -
jQuery dataTable 页面变化跳转到首页
由于最近的也业务原因,又开始使用 jQuery,jQuery 的组件虽然丰富,但是感觉不太协调,各管各的,配置起来也比较麻烦,这里先说个遇到的问题业务场景是这样的,需要在页面显示数量变更的时候自动切换到第一页,但是如果是默认的配置不会有这样的功能。$(document).ready(function () { $('#example').dataTable({ ajax() { // 要前往的页码 let cuttPagePar原创 2021-09-30 22:08:52 · 566 阅读 · 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 · 350 阅读 · 0 评论 -
FormData 对象
`Formdata` 对象通常放在 `post` 请求的 `data` 位置,用来以表单形式提交数据,了解了一下 `FormData` 对象的一些方法,做个记录原创 2021-09-09 20:16:11 · 297 阅读 · 0 评论 -
Vuex入门
Vuex 是一个专为 Vue.js 应用程序开发的**状态管理模式**。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。原创 2021-09-09 15:59:43 · 116 阅读 · 0 评论 -
Json提交和表单提交
研究了一下关于post请求时候发送参数的两种方式,**表单形式**和**JSON**形式。原创 2021-09-09 15:57:44 · 1635 阅读 · 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 · 204 阅读 · 0 评论 -
js下载文件
目前业务上碰到有两种下载类型,一种是返回的是文件在服务器上的所处位置,另一种返回的是整个文件的编码后的数组。这两者下载方式略有区别,但是大同小异。原创 2021-09-09 15:02:18 · 303 阅读 · 0 评论 -
微信公众号小程序第三方获取授权流程
这是一个类似平时的C-S模型,但在这模型中有一个问题,服务器能够获取到客户端的客户唯一标识,在微信中应该就是微信号。应该是出于保护用户隐私的目的,微信选择了使用`openid`来代替微信号作为唯一标识,同时,`openid`对于不同的公众号也是不同的,原创 2021-09-09 10:03:17 · 1482 阅读 · 0 评论 -
浏览器Storage存储
`localStorage` 属性允许你访问一个`Document `的 `Storage`;存储的数据将保存在浏览器会话中。`localStorage` 类似`sessionStorage`,但其区别在于:存储在 `localStorage` 的数据可以**长期保留**;而当页面会话结束,当页面被关闭时,存储在 `sessionStorage` 的数据会被清除 。原创 2021-09-08 19:27:20 · 1193 阅读 · 0 评论 -
NVM - node 版本管理器
因为某项目要求11-的node版本,然而另一个项目有要求12+的版本,于是就发现了nvm(Node Version Manager)原创 2021-09-07 13:54:00 · 213 阅读 · 0 评论 -
WebSocket入门
WebSocket是一种可以类比HTTP的应用层协议,与HTTP、HTTP类似,也有WS和WSSHTTP有他的劣势,即只能由客户端发起请求,然后由服务器回应。如果没有WS,就需要使用HTTP发起轮询——以固定时间间隔向服务器查询是否有新消息。这样势必有一个问题,比如客户端接收直播弹幕,若由客户端频繁发起查询,必将带来大量冗余流量,所以B站的直播弹幕协议使用的是WS。WS就相当于开启了一个长连接通道,客户端与服务器可以随时收发消息原创 2021-09-06 15:27:51 · 2148 阅读 · 0 评论
分享