<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[hunter_97的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/hunter_97</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; hunter_97]]></copyright><item><title><![CDATA[前端文件缓存清理方案]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/142605684</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/142605684</guid><author>hunter_97</author><pubDate>Mon, 29 May 2023 14:06:58 +0800</pubDate><description><![CDATA[方案一：meta方法，在head标签里添加代码。
&lt;!-- 指定Expires值为一个早已过去的时间，访问时若重复在地址栏按回车，每次都会重复访问 --&gt;
&lt;meta http-equiv="Expires" content="0"&gt;
&lt;!-- 禁止浏览器从本地计算机的缓存中访问页面内容。(这样设定，访问者将无法脱机浏览。) --&gt;
&lt;meta http...]]></description><category></category></item><item><title><![CDATA[ECharts图表集]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/142624974</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/142624974</guid><author>hunter_97</author><pubDate>Mon, 10 Apr 2023 14:00:14 +0800</pubDate><description><![CDATA[ECharts 官网
isqqw ECharts图表集
优点：案例资源丰富，可检索，有主体分类。
缺点：未做分页，访问速度较慢。
Made A Pie
优点：案例资源丰富，可检索，有主体分类。
缺点：访问速度较慢，未做分页。
分享你我
优点：案例资源丰富，有主体分类，可检索，访问速度较快。
缺点：未做分页。
ppchart ECharts图表集
优点：案例资源丰富，有主体分类且分类较细，有分页，可...]]></description><category></category></item><item><title><![CDATA[leader-line]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/128479410</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/128479410</guid><author>hunter_97</author><pubDate>Thu, 01 Dec 2022 21:27:08 +0800</pubDate><description><![CDATA[leader-line 是一个基于 svg 在网页上画指引线的库。
本文对 leader-line 官方文档 进行了提炼整理，方便快速上手开发。

一、安装


下载插件
npm install leader-line


引入
方式一
在依赖文件夹中找到leader-line.min.js，路径可参考node_modules\_leader-line@1.0.7@leader-line\lea...]]></description><category></category></item><item><title><![CDATA[SVN启用注释模板（本地）]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/127151622</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/127151622</guid><author>hunter_97</author><pubDate>Tue, 16 Aug 2022 10:01:51 +0800</pubDate><description><![CDATA[在使用svn提交版本时需要填写注释内容，但是svn仓库管理员没有配置注释模板，为了减少填写注释的工作量及提醒自己填写注释，我们可以在本地配置注释模板，提交版本时会自动带出该注释。
1.在本地svn目录右键，选择svn属性。








3.选择tsvn:logtemplate，填写需要的注释模板，勾选递归应用该属性，点击确定。



4.在属性中可以看到该属性。





5.测试提交效果。
...]]></description><category></category></item><item><title><![CDATA[uni-app 与 web-view内嵌网页 双向通信]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/124491370</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/124491370</guid><author>hunter_97</author><pubDate>Thu, 28 Apr 2022 14:17:00 +0800</pubDate><description><![CDATA[这里的通信主要测试环境是打包APP端和web-view内嵌网页的双向通信。
一、 内嵌网页向uni-app通信
参考文章：uniapp web-view

内嵌网页向uni-app发消息
在web-view访问的网页内引入uni.webview.1.5.3.js,待sdk加载完毕后就可以调用方法postMessage。如下：

// index.html
&lt;!DOCTYPE html&gt;...]]></description><category></category></item><item><title><![CDATA[TS-数据类型]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/124446159</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/124446159</guid><author>hunter_97</author><pubDate>Wed, 27 Apr 2022 10:37:07 +0800</pubDate><description><![CDATA[一、 基础的数据类型

任意类型any：声明为 any 的变量可以赋予任意类型的值。
数字类型number：双精度 64 位浮点值，它可以用来表示整数和分数。

let binaryLiteral: number = 0b1010; // 二进制
let octalLiteral: number = 0o744;    // 八进制
let decLiteral: number = 6;    /...]]></description><category></category></item><item><title><![CDATA[TS-入门]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/124446157</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/124446157</guid><author>hunter_97</author><pubDate>Tue, 26 Apr 2022 14:40:58 +0800</pubDate><description><![CDATA[TypeScript是 JavaScript的一个超集，支持ES6标准,由微软开发的自由和开源的编程语言,它设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的JavaScript可以运行在任何浏览器上。
一、 JavaScript与TypeScript的区别TypeScript是JavaScript的超集，扩展了JavaScript的语法，因此现有的JavaScript代码可...]]></description><category></category></item><item><title><![CDATA[node操作本地数据库-SQLite方案]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/124424486</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/124424486</guid><author>hunter_97</author><pubDate>Mon, 25 Apr 2022 17:44:24 +0800</pubDate><description><![CDATA[SQLite是一款轻量级的数据库，SQLite的第一个版本是2000年就发布了的，经过十多年的历练，显然SQLite目前已经相当成熟。SQLite最大的特点就是没有任何数据库服务器，无论是C、java、node.js，只需要相应的驱动，就可以直接对数据库进行读写，速度是相当的快。这里我们通过SQLite3实现对SQLite的一些操作。SQLite3非常小，轻量级，就几百K大小；不需要用户名，密码...]]></description><category></category></item><item><title><![CDATA[ES8-async&await]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/124378029</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/124378029</guid><author>hunter_97</author><pubDate>Sun, 24 Apr 2022 09:10:22 +0800</pubDate><description><![CDATA[async函数是使用async关键字声明的函数，async函数是AsyncFunction构造函数的实例，返回值是一个promise对象，并且其中允许使用await关键字。await操作符用于等待一个Promise 对象。它只能在异步函数 async function中使用。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promis...]]></description><category></category></item><item><title><![CDATA[node操作本地数据库-NeDB方案]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/124360880</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/124360880</guid><author>hunter_97</author><pubDate>Sat, 23 Apr 2022 10:21:03 +0800</pubDate><description><![CDATA[NeDB是使用Nodejs实现的一个NoSQL嵌入式数据库操作模块，可以充当内存数据库，也可以用来实现本地存储，甚至可以在浏览器中使用。查询方式比较灵活，支持使用正则、比较运算符、逻辑运算符、索引以及JSON深度查询等。NeDB嵌入到了应用程序进程中，消除了与客户机服务器配置相关的开销，在运行时，也只需要较少的内存开销，使用精简代码编写，速度更快。其API是MongoDB的一个子集，可以通过这...]]></description><category></category></item><item><title><![CDATA[vue-cli3+Electron]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/124340631</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/124340631</guid><author>hunter_97</author><pubDate>Fri, 22 Apr 2022 10:42:07 +0800</pubDate><description><![CDATA[注意：我这里使用的是vuecli3。之前的版本可以参考electron-vue 起步。
一、 创建项目

创建vue项目。
参考我之前的文章vue 之 vue-cli3，创建项目。这里我创建的项目是electron-vue-test。
安装electron,自动安装和手动安装任选其一。
2.1  自动安装，进入到项目根目录，执行：vue add electron-builder，然后选择elec...]]></description><category></category></item><item><title><![CDATA[ES11-可选链式操作符 ?.]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/124316581</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/124316581</guid><author>hunter_97</author><pubDate>Thu, 21 Apr 2022 09:19:09 +0800</pubDate><description><![CDATA[允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。
当尝试访问可能不存在的对象属性时，可选链操作符将会使表达...]]></description><category></category></item><item><title><![CDATA[ES11-BigInt类型]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/124316580</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/124316580</guid><author>hunter_97</author><pubDate>Wed, 20 Apr 2022 17:14:23 +0800</pubDate><description><![CDATA[我们在使用js进行一下大数计算的时候，由于精度限制，会带来计算结果不准确的问题，如：
const max = Number.MAX_SAFE_INTEGER;
for (let i = 0; i &lt; 10; i++) {
  console.log(`${max} + ${i} = ${max + i}`)
}




运行结果

我们可以发现当数据达到一定范围以后，js的计算结果就不在正...]]></description><category></category></item><item><title><![CDATA[ES11-动态import]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/124316583</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/124316583</guid><author>hunter_97</author><pubDate>Wed, 20 Apr 2022 16:20:51 +0800</pubDate><description><![CDATA[在ES6中import只能实现静态导入，也就是我们在使用某一个模块文件的时候，需要在文件头部导入这个模块。如：




而在后期的开发过程当中一些时候我们导入的模块并不一定都会使用到，但是还是需要提前导入，这时候就会导入一个实际没有用到的文件如：import ma from './ma.js'
var a = getValue();
// getValue是一个获取数据的函数
if(a &gt;...]]></description><category></category></item><item><title><![CDATA[JS链式编程]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/121786562</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/121786562</guid><author>hunter_97</author><pubDate>Tue, 07 Dec 2021 15:32:11 +0800</pubDate><description><![CDATA[关于链式编程最典型的就是jQuery(虽然我们现在已经很少直接使用jQuery)，我们可以通过jQuery完成一系列的链式操作，使编程的流程更加清晰。所谓的链式编程就是可以通过"点"语法，将需要执行的代码块连续的书写下去，使得代码简单易读，书写方便。ES6中的Promise也是使用了这个思想。
先来看一个例子
// 创建构造函数
function Person() { }
// 添加方法 set...]]></description><category></category></item><item><title><![CDATA[JS 正则表达式及部分示例]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/121786554</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/121786554</guid><author>hunter_97</author><pubDate>Tue, 07 Dec 2021 11:01:47 +0800</pubDate><description><![CDATA[一、RegExp 对象常用方法



方法
描述




test
检索字符串中指定的值。返回 true 或 false。



二、支持正则表达式的 String 对象的常用方法



方法
描述




search
检索与正则表达式相匹配的值。


match
找到一个或多个正则表达式的匹配。


replace
替换与正则表达式匹配的子串。



三、正则表达式
1. 匹配任意字符
使用...]]></description><category></category></item><item><title><![CDATA[纯css实现背景颜色渐变动画]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/120862053</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/120862053</guid><author>hunter_97</author><pubDate>Tue, 19 Oct 2021 17:40:14 +0800</pubDate><description><![CDATA[纯css实现背景颜色渐变动画，代码及效果图如下。
body {
    width: 100wh;
    height: 100vh;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    ...]]></description><category></category></item><item><title><![CDATA[JS树结构操作]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/116699538</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/116699538</guid><author>hunter_97</author><pubDate>Mon, 01 Feb 2021 11:02:41 +0800</pubDate><description><![CDATA[一、遍历树结构
1. 树结构介绍
JS中树结构一般是类似于这样的结构：
let tree = [
  {
    id: '1',
    title: '节点1',
    children: [
      {
        id: '1-1',
        title: '节点1-1'
      },
      {
        id: '1-2',
        title...]]></description><category></category></item><item><title><![CDATA[前端常见内存泄漏及解决方案]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/122231693</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/122231693</guid><author>hunter_97</author><pubDate>Fri, 29 Jan 2021 15:21:30 +0800</pubDate><description><![CDATA[最近收到测试人员的反馈说我们开发的页面偶现卡死，点击无反应的情况，特别是打开页面较久的时候发生概率较高。打开任务管理器，看到内存占有率已经很高了，初步判断可能存在内存泄漏的情况。下面排查内存泄漏的原因。
系统进程不再用到的内存，没有及时释放，就叫做内存泄漏(memory leak)。当内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。Chrome 限制了浏览器所能使用的内存极限(64 位为 ...]]></description><category></category></item><item><title><![CDATA[WEB前端存储技术(cookie/localStorage/sessionStorage/IndexedDB)]]></title><link>https://blog.youkuaiyun.com/hunter_97/article/details/122231694</link><guid>https://blog.youkuaiyun.com/hunter_97/article/details/122231694</guid><author>hunter_97</author><pubDate>Thu, 28 Jan 2021 17:33:55 +0800</pubDate><description><![CDATA[目前前端存储数据常用的是Cookie、Storage、IndexedDB三种技术。下面将对这三个技术进行简述。

cookie、localStorage、sessionStorage、IndexedDB 之间的区别


cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给...]]></description><category></category></item></channel></rss>