<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[AkiraZ的博客]]></title><description><![CDATA[愿键盘的余温传递到更遥远的将来]]></description><link>https://blog.youkuaiyun.com/zhyib002</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zhyib002]]></copyright><item><title><![CDATA[行高 line-height 的用法]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/121611481</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/121611481</guid><author>zhyib002</author><pubDate>Mon, 29 Nov 2021 15:39:33 +0800</pubDate><description><![CDATA[字面意思，行高，是两行文字的基线之间的间距。可以看作为内容区的高度，和盒子的高度又有点[区别](#关于盒子高度)

假设行高 18px，字高 14px，那么剩下 4px 就会均分在字的上下 2px，同时这个与内间距 `padding` 又是两码事]]></description><category></category></item><item><title><![CDATA[JS 文件下载，Base64 与 Blob]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/121121029</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/121121029</guid><author>zhyib002</author><pubDate>Wed, 03 Nov 2021 14:52:51 +0800</pubDate><description><![CDATA[Base64
之前写过一个方案，是通过转成blob再通过 FileReader 实现的，
function(base64) {
    // 传进来的是一个 base64 编码的字符串
    // 转成二进制
    const byteString = atob(base64);
    const u8Arr = new Uint8Array(byteString.split('').map(x =&gt; x.charCodeAt(0)));
    // 生成二进制对象
    const blo]]></description><category></category></item><item><title><![CDATA[element-ui选项改变后不立即更新的问题与vue的双向数据绑定]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/121094681</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/121094681</guid><author>zhyib002</author><pubDate>Tue, 02 Nov 2021 10:04:29 +0800</pubDate><description><![CDATA[element-ui 下拉框选项改变后没有立即更新值，而是在下一个选项被选择之后，上一个选项的值才会被更新。查了资料最后确定应该是 Vue 的双向数据绑定上的问题，简单说就是如果直接更改对象，Vue 会对其中所有 key 进行监听，如果直接插入一个 key-value，则不会。]]></description><category></category></item><item><title><![CDATA[Axios 取消发送的请求]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120765255</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120765255</guid><author>zhyib002</author><pubDate>Thu, 14 Oct 2021 15:29:04 +0800</pubDate><description><![CDATA[功能，在发出上一个请求还没返回的时候，为了防止有连续多个请求返回，对上一个未返回的请求执行取消操作。]]></description><category></category></item><item><title><![CDATA[JS toFixed 精度问题]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120762144</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120762144</guid><author>zhyib002</author><pubDate>Thu, 14 Oct 2021 13:28:05 +0800</pubDate><description><![CDATA[需求是遇到一个需要保留两位小数，但是出现了预期之外的结果
(15.845).toFixed(2);		// 15.85
(16.845).toFixed(2);		// 16.84

显然是不符合四舍五入规则的，最后的原因在官方文档中已写明，而且根本不是特殊的四舍五入规则的原因。

官方文档
Number.prototype.toFixed() - JavaScript | MDN (mozilla.org)

Warning: 浮点数不能精确地用二进制表示所有小数。这可能会导致意外的结果，例如 0.1 +]]></description><category></category></item><item><title><![CDATA[bootstrap 的 modal 模态框开关]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120670240</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120670240</guid><author>zhyib002</author><pubDate>Sat, 09 Oct 2021 14:22:57 +0800</pubDate><description><![CDATA[简单记个笔记

模态框的开启
使用 data-toggle 和 data-target 或 data-toggle 和 href 的组合
&lt;button
        data-toggle="modal"
        data-target="#modal-id"
        &gt;
    按钮
&lt;/button&gt;

或者
&lt;button
        data-toggle="modal"
        #href="#modal-id"
        &gt]]></description><category></category></item><item><title><![CDATA[jQuery dataTable 页面变化跳转到首页]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120572997</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120572997</guid><author>zhyib002</author><pubDate>Thu, 30 Sep 2021 22:08:52 +0800</pubDate><description><![CDATA[由于最近的也业务原因，又开始使用 jQuery，jQuery 的组件虽然丰富，但是感觉不太协调，各管各的，配置起来也比较麻烦，这里先说个遇到的问题

业务场景是这样的，需要在页面显示数量变更的时候自动切换到第一页，但是如果是默认的配置不会有这样的功能。

$(document).ready(function () {
    $('#example').dataTable({
        ajax() {
            // 要前往的页码
            let cuttPagePar]]></description><category></category></item><item><title><![CDATA[GitHub Actions 与 Gitee 自动部署]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120450485</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120450485</guid><author>zhyib002</author><pubDate>Fri, 24 Sep 2021 10:43:52 +0800</pubDate><description><![CDATA[GitHub 的自动化流水线，主要功能为

- 监听推送分支
- 自动构建并部署支 GitHub Pages
- 自动推送至 Gitee
- 将构建完成的内容也推送至 Gitee Pages]]></description><category></category></item><item><title><![CDATA[ajax传json]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120368845</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120368845</guid><author>zhyib002</author><pubDate>Sat, 18 Sep 2021 15:52:23 +0800</pubDate><description><![CDATA[由于项目的原因，最近又开始用 ajax 了，遇到了一个问题就记个笔记。

关于传值
传值到底是传 formDara 还是 JSON 就不谈了，主要看后端需求

ajax 本身也支持这两种传值方式
json 传参
$.ajax({
    type : "post",
    url : "/repair/start",
    contentType:'application/json',
    data : JSON.stringfy(data),
    success : function(data]]></description><category></category></item><item><title><![CDATA[FormData 对象]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120209021</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120209021</guid><author>zhyib002</author><pubDate>Thu, 09 Sep 2021 20:16:11 +0800</pubDate><description><![CDATA[`Formdata` 对象通常放在 `post` 请求的 `data` 位置，用来以表单形式提交数据，了解了一下 `FormData` 对象的一些方法，做个记录]]></description><category></category></item><item><title><![CDATA[JS 中的 False 与空值]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120203233</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120203233</guid><author>zhyib002</author><pubDate>Thu, 09 Sep 2021 16:03:28 +0800</pubDate><description><![CDATA[基础类型真假表





TRUE
FALSE




boolean
true
false


number
others
0 NaN


string
others
‘’ “”


undefined

undefined


null

null


object
others, includes {}
null


以上是六大基本类型，值得注意的是，其中 null 类型，如果使用 typeof，返回值是 "object"
几个默认的假值在判断的时候就可以简写，或者写成 !!varName 转。

空]]></description><category></category></item><item><title><![CDATA[Js 中 this 的指向]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120203183</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120203183</guid><author>zhyib002</author><pubDate>Thu, 09 Sep 2021 16:01:29 +0800</pubDate><description><![CDATA[一般的指向
概括地说，就是指向调用它的那个对象。
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.x
var a = {
  p: 'Hello',
  b: {
    m: func]]></description><category></category></item><item><title><![CDATA[Vuex入门]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120203118</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120203118</guid><author>zhyib002</author><pubDate>Thu, 09 Sep 2021 15:59:43 +0800</pubDate><description><![CDATA[Vuex 是一个专为 Vue.js 应用程序开发的**状态管理模式**。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。]]></description><category></category></item><item><title><![CDATA[Json提交和表单提交]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120203061</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120203061</guid><author>zhyib002</author><pubDate>Thu, 09 Sep 2021 15:57:44 +0800</pubDate><description><![CDATA[研究了一下关于post请求时候发送参数的两种方式，**表单形式**和**JSON**形式。]]></description><category></category></item><item><title><![CDATA[axios相关方法的使用]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120202925</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120202925</guid><author>zhyib002</author><pubDate>Thu, 09 Sep 2021 15:54:32 +0800</pubDate><description><![CDATA[Axios 文档
https://www.kancloud.cn/yunye/axios/234845


axios 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].]]></description><category></category></item><item><title><![CDATA[js下载文件]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120201605</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120201605</guid><author>zhyib002</author><pubDate>Thu, 09 Sep 2021 15:02:18 +0800</pubDate><description><![CDATA[目前业务上碰到有两种下载类型，一种是返回的是文件在服务器上的所处位置，另一种返回的是整个文件的编码后的数组。这两者下载方式略有区别，但是大同小异。]]></description><category></category></item><item><title><![CDATA[微信公众号小程序第三方获取授权流程]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120188001</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120188001</guid><author>zhyib002</author><pubDate>Thu, 09 Sep 2021 10:03:17 +0800</pubDate><description><![CDATA[这是一个类似平时的C-S模型，但在这模型中有一个问题，服务器能够获取到客户端的客户唯一标识，在微信中应该就是微信号。应该是出于保护用户隐私的目的，微信选择了使用`openid`来代替微信号作为唯一标识，同时，`openid`对于不同的公众号也是不同的，]]></description><category></category></item><item><title><![CDATA[从window.location到URL]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120187499</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120187499</guid><author>zhyib002</author><pubDate>Wed, 08 Sep 2021 20:13:06 +0800</pubDate><description><![CDATA[location === window.location，记录的是浏览器URL的相关信息。

随手取了三个`window.location`，最后结合 [RFC 3986: Uniform Resource Identifier (URI): Generic Syntax @ ietf.org](https://datatracker.ietf.org/doc/html/rfc3986)来分析一下URL结构]]></description><category></category></item><item><title><![CDATA[SSH连接与无密码访问配置]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120187325</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120187325</guid><author>zhyib002</author><pubDate>Wed, 08 Sep 2021 19:44:07 +0800</pubDate><description><![CDATA[SSH(Secure Shell Protocol)，相比于 telnet, ftp等而言是一种安全加密的协议，后者通过明文传输数据，具有安全隐患。

SSH同时支持多种加密算法，目前常用的是RSA，具体加密算法由C-S双方协商决定。]]></description><category></category></item><item><title><![CDATA[ESLint安装与配置]]></title><link>https://blog.youkuaiyun.com/zhyib002/article/details/120187071</link><guid>https://blog.youkuaiyun.com/zhyib002/article/details/120187071</guid><author>zhyib002</author><pubDate>Wed, 08 Sep 2021 19:30:38 +0800</pubDate><description><![CDATA[安装
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]]></description><category></category></item></channel></rss>