- 博客(27)
- 收藏
- 关注
RSS订阅原创 行高 line-height 的用法
字面意思，行高，是两行文字的基线之间的间距。可以看作为内容区的高度，和盒子的高度又有点[区别](#关于盒子高度)假设行高 18px，字高 14px，那么剩下 4px 就会均分在字的上下 2px，同时这个与内间距 `padding` 又是两码事
2021-11-29 15:39:33
359
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
1326
原创 element-ui选项改变后不立即更新的问题与vue的双向数据绑定
element-ui 下拉框选项改变后没有立即更新值，而是在下一个选项被选择之后，上一个选项的值才会被更新。查了资料最后确定应该是 Vue 的双向数据绑定上的问题，简单说就是如果直接更改对象，Vue 会对其中所有 key 进行监听，如果直接插入一个 key-value，则不会。
2021-11-02 10:04:29
1186
原创 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
190
原创 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
563
原创 jQuery dataTable 页面变化跳转到首页
由于最近的也业务原因，又开始使用 jQuery，jQuery 的组件虽然丰富，但是感觉不太协调，各管各的，配置起来也比较麻烦，这里先说个遇到的问题业务场景是这样的，需要在页面显示数量变更的时候自动切换到第一页，但是如果是默认的配置不会有这样的功能。$(document).ready(function () { $('#example').dataTable({ ajax() { // 要前往的页码 let cuttPagePar
2021-09-30 22:08:52
381
原创 GitHub Actions 与 Gitee 自动部署
GitHub 的自动化流水线，主要功能为- 监听推送分支- 自动构建并部署支 GitHub Pages- 自动推送至 Gitee- 将构建完成的内容也推送至 Gitee Pages
2021-09-24 10:43:52
632
原创 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
233
原创 FormData 对象
`Formdata` 对象通常放在 `post` 请求的 `data` 位置，用来以表单形式提交数据，了解了一下 `FormData` 对象的一些方法，做个记录
2021-09-09 20:16:11
213
原创 JS 中的 False 与空值
基础类型真假表TRUEFALSEbooleantruefalsenumberothers0 NaNstringothers‘’ “”undefinedundefinednullnullobjectothers, includes {}null以上是六大基本类型，值得注意的是，其中 null 类型，如果使用 typeof，返回值是 "object"几个默认的假值在判断的时候就可以简写，或者写成 !!varName 转。空
2021-09-09 16:03:28
478
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
147
原创 Vuex入门
Vuex 是一个专为 Vue.js 应用程序开发的**状态管理模式**。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
2021-09-09 15:59:43
67
原创 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
131
原创 js下载文件
目前业务上碰到有两种下载类型，一种是返回的是文件在服务器上的所处位置，另一种返回的是整个文件的编码后的数组。这两者下载方式略有区别，但是大同小异。
2021-09-09 15:02:18
186
原创 微信公众号小程序第三方获取授权流程
这是一个类似平时的C-S模型，但在这模型中有一个问题，服务器能够获取到客户端的客户唯一标识，在微信中应该就是微信号。应该是出于保护用户隐私的目的，微信选择了使用`openid`来代替微信号作为唯一标识，同时，`openid`对于不同的公众号也是不同的，
2021-09-09 10:03:17
1281
原创 从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
187
原创 SSH连接与无密码访问配置
SSH(Secure Shell Protocol)，相比于 telnet, ftp等而言是一种安全加密的协议，后者通过明文传输数据，具有安全隐患。SSH同时支持多种加密算法，目前常用的是RSA，具体加密算法由C-S双方协商决定。
2021-09-08 19:44:07
212
原创 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
1180
原创 浏览器Storage存储
`localStorage` 属性允许你访问一个`Document `的 `Storage`；存储的数据将保存在浏览器会话中。`localStorage` 类似`sessionStorage`，但其区别在于：存储在 `localStorage` 的数据可以**长期保留**；而当页面会话结束，当页面被关闭时，存储在 `sessionStorage` 的数据会被清除 。
2021-09-08 19:27:20
1087
原创 NVM - node 版本管理器
因为某项目要求11-的node版本，然而另一个项目有要求12+的版本，于是就发现了nvm(Node Version Manager)
2021-09-07 13:54:00
88
原创 Minecraft 开服和 Linux 常用指令
注：该sudo就sudo安装 Java安装 openjdk8apt-get install openjdk-8-jdk下载服务端核心直接调用轮子，因为需要安装mod，使用了这个MCBBS上推荐的服务端Releases · Luohuayu/CatServer (github.com)指令启动Set max and min ram size for jvm.java -Xmx1000M -Xms800M -XX:+AggressiveOpts -jar jar_filesc.
2021-09-07 13:43:04
893
原创 WebSocket入门
WebSocket是一种可以类比HTTP的应用层协议，与HTTP、HTTP类似，也有WS和WSSHTTP有他的劣势，即只能由客户端发起请求，然后由服务器回应。如果没有WS，就需要使用HTTP发起轮询——以固定时间间隔向服务器查询是否有新消息。这样势必有一个问题，比如客户端接收直播弹幕，若由客户端频繁发起查询，必将带来大量冗余流量，所以B站的直播弹幕协议使用的是WS。WS就相当于开启了一个长连接通道，客户端与服务器可以随时收发消息
2021-09-06 15:27:51
1887
原创 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
37
原创 Ascii Unicode 与 UTF 8
事情的起因是这样的我在NGA上看到个帖子，说是在不同的语言环境下的游戏文本对应的编码不一样，对应的分别是Ascii编码的英文Longing，UTF-8编码的日文的あこがれ和中文的憧憬就很好奇，跟着楼主给的链接去看了一下 Unicode 和 UTF-8Ascii 编码这几乎已经是计算机的基础常识了，使用7bit编码的128个字符，在一个字节中最高位为0.最高位为1的编码留空于是许多国家就对最高位1的留白进行了编码，比如中文GB2312，但是每种语言又有自己的编码方式，相当混乱Unicode
2021-09-03 09:11:52
58
转载 动态插入本地图片
最近用element-ui实现图片展示时，发现本地的图片加载不了，应该是路径读取方面的问题，找了很多都是用的url，终于找到一篇写本地的，做个笔记版权声明：本文为CSDN博主「苏醒的怪兽」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/qq_29869111/article/details/10...
2020-02-16 10:38:48
592
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人