liuchao的博客

三级及以上层级路由的界面无法缓存，据说是官方的原因，直接放三级路由是无法被keep-alive 执行生效。在项目中路由嵌套了超过两层后，使用keep-alive对路由进行页面的缓存，发现并不能生效。router文件中使用单级路由，即所有路由都平铺，这样就只会存在一个router-view。在store.js中新增以下配置，默认不刷新，即需要缓存。使用插件：keep-alive-vue3。

在 Vue 3 项目中，如果使用 Vue Router 并希望启用 HTML5 History 模式，需要在创建路由器实例时传入作为历史模式的配置。此外，还需要确保在生产环境中设置正确的基本路径（base），这样才能正确处理前端路由。

vue3中使用aos.js动画库

vue-router

这种事最复杂的情况，是上面两种情况的汇总，windows+wsl+只在wsl上部署Docker也是属于这种情况下的一种特殊情况。windows+wsl+windows上部署Docker Desktop也是属于这种情况下的一种特殊情况。上面远程开发环境用到的这几个插件，在插件包Remote Development安装后，都会自动给安装上。windows+wsl是属于这种情况下的一种特殊情况。使用Dev Containers来解决这种情况。使用Remote - SSH插件来解决这种情况。

在windows系统上安装vs code，并安装好remote-ssh、dev-container插件，也可以直接安装Remote Development，他会默认把vs code远程的几种插件都安装上。这一步需要用到dev-container插件，建议可以先学习了解一下dev-container插件的使用配置。本机安装ssh，check ssh是否安装成功： ssh 或者 ssh-V。同时，可以在Linux系统中国可以查看到，当前有一个容器正在运行了。打开远程Linux系统上的项目文件夹。

编写webpack插件修改vue打包后的index.html文件中配置文件静态资源引用

JavaScript 清除图片背景颜色 使之透明，以及出现的canvas的getImageData不支持跨域的解决方法

Cesium实现自定义标签功能实现的底层逻辑和方法跟实现Popup弹窗功能类似，只需要修改对应的创建的html内容和css样式，即可定义出更好看的标签。实现效果源码LabelPlot 标签类const defaultNameField = "label";const defaultIdField = "id";const billboardPointDatasourceName = "LABELPLOT_BILLBOARD_POINT"/** * 标签类 */class Labe

对elasticsearch 6.2.4添加用户密码认证后，怎么在Elasticsearch Node.js的客户端API中使用用户名和密码的验证。环境：“elasticsearch”: “^16.4.0”解决方法：只要把 连接参数中的host 修改一下即可，设置的格式为 http://user:password@URL:port...

Dojo 1.1.1 提供了上百个包，这些包分别放入三个一级命名空间：Dojo，Dijit 和 DojoX 。其中 Dojo 是核心功能包 , Dijit 中存放的是 Dojo 所有的 Widget 组件，而 DojoX 则是一些扩展或试验功能，DojoX 中的试验功能在成熟之后有可能在后续版本中移入到 Dojo 或 Dijit 命名空间中。由于 Dojo 包种类繁多，下面只列举了最常用的

jQuery live() 方法是给所有匹配的元素附加一个事件处理函数，即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说：

1.2.小小总结一小下" title="clientWidth/scrollWidth/offsetWidth 小小总结一小下" style="border:0px; max-width:100%; margin:0px; padding:0px; list-style:none">clientWidth是对象看到的宽度（不含边线,即border）scrollWid

最近在用jquery的ajax方法传递接收json数据时发现一个问题，那就是返回的data数据，有时候可以直接作为json数据使用，可有时候又不行。查了些资料,解释如下:[javascript] view plaincopy$.ajax({           url: ajaxurl,          type: "POST", 

一、行内元素与块级元素块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题

Background      有时， 我们需要将div或者其他的Element 自适应屏幕，窗口以及浏览器 , 这样会提高页面美观，提升用户体验， 只是个小问题，但是它用到的知识还是可以吸收一下。 Knowledge prepared      这里准备下我们所要了解的一些size属性，有助于我们设置自己需要的大小。descript

有人说只要了解了javascript的基本语法，就可以通过看别人的代码来学习javascript了，我不敢苟同。代码是死的，它很难让你有自己的想法，而一本好书如果结构清晰，各个章节都立意明确循序渐进（当然如果作者能有点小幽默就更好了），可以帮助你学习该如何思考，这并不是唬人，更何况大部分时候你可能都是在啃一些结构差劲、语法混乱、注释不清晰的代码（比如我写的....）。　　我觉得我可以以过来

去年我学jQuery的时候，曾经做过一点选择器（selector）的笔记。这几天拿出来看了一下，发现很多都忘记了。所以，我决定把它们贴在这里，方便以后查看。这对其他朋友应该也是有用的，毕竟选择器是制作网页效果的第一步。笔记分为两个部分，今天是CSS的选择器，以后还有一部分xPath的选择器。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。=====

最近工作上有需求写一些页面，很久没动手了，发现很多排版、样式等技巧都忘得差不多了，几番折腾，还算解决了基本的布局问题。下面分享一下常见的几种div布局问题。1、div绝对居中。效果如下：就是固定大小的div在浏览器中垂直、水平都居中，适合用到浮动弹出框、页面居中的登陆框等你想得到的地方。以前我也曾使用window.onload和window.onresize来控制高度自适应，宽