Live2D 看板娘 / Demo
摘要: 1、为了实现功能: 自动高亮选中当前正在阅读的章节 自动展开当前正在阅读的章节的子标题,并隐藏其他章节的子标题 显示阅读进度 2、实现思路: 由于标题之间有父子的关系,所以我们应该用树数据结构来解决这个问题。我们遍历文章容器中的所有标签,如果遇到 <h2>、<h3>这类标签,就创建一个节点,将其放到 阅读全文
posted @ 2022-06-24 15:09 小叶_Jiang 阅读(748) 评论(0) 推荐(0)
摘要: 1、安装依赖 npm install --save-dev svg-sprite-loader # 或者 yarn add svg-sprite-loader --dev 2、新建svg资源目录将svg资源放入此目录,接下来会在配置文件中该路径 mkdir -p src/assets/icons 3 阅读全文
posted @ 2022-06-07 17:59 小叶_Jiang 阅读(1574) 评论(0) 推荐(0)
摘要: 外层div设置宽高为100%,在渲染出来的时候变成了100px 这种情况一般都是echart所在的div一开始是display:none,一般出现在以下几种情况: 1、echats放在了tab中 解决方法(没试过,嫌麻烦): 1、通过js获取外层div的宽高,然后设置给图表容器 2、加 mychar 阅读全文
posted @ 2022-05-30 18:37 小叶_Jiang 阅读(1108) 评论(0) 推荐(0)
摘要: 1、首先,在assets下css里创建了两个文件,一个theme.less,就是控制样式的函数,一个color.less,用来调用函数传值。 // theme.less文件 // 实现换肤的样式函数 /* 1.主色调,整体项目的主要颜色。 2.首页的背景颜色。 3.字体颜色。主要是和主色调来配合使用 阅读全文
posted @ 2022-04-28 13:59 小叶_Jiang 阅读(751) 评论(0) 推荐(0)
摘要: 1. 什么是new RegExp 1、概述: RegExp 是正则表达式的缩写;当检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp 就是这种模式2、 定义RegExp: RegExp 对象用于存储检索模式。通过 new 关键词来定义 RegExp 对象。如: 以下代码定义了名为 pa 阅读全文
posted @ 2022-04-28 10:21 小叶_Jiang 阅读(1146) 评论(0) 推荐(0)
摘要: 1、npm run build 打包页面空白 我们会发现页面head中引用的js和css文件是出现了路径错误,这里修改如下: 解决位置:config/index.js文件:把assetsPublicPath: '/'改为assetsPublicPath: './' 1.npm run build打包 阅读全文
posted @ 2022-03-25 14:59 小叶_Jiang 阅读(4067) 评论(0) 推荐(0)
摘要: 1、利用 meta 标签对 viewport 进行控制 移动设备默认的 viewport 是 layout viewport,也就是那个比屏幕要宽的 viewport,但在进行移动设备网站的开发时,我们需要的是 ideal viewport。那么怎么才能得到 ideal viewport 呢?我们在 阅读全文
posted @ 2022-03-24 11:15 小叶_Jiang 阅读(256) 评论(0) 推荐(0)
摘要: 1、跨站脚本攻击(XSS) Cross-Site Scripting(跨站脚本攻击)简称 XSS,是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本,使之在用户的浏览器上运行。利用这些恶意脚本,攻击者可获取用户的敏感信息如 Cookie、SessionID 等,进而危害数据安全。为了和 CSS 阅读全文
posted @ 2022-03-23 11:25 小叶_Jiang 阅读(448) 评论(0) 推荐(0)
摘要: 1、冒泡排序 比较相邻的两个元素。如果第一个比第二个大,则交换位置; 对每一对相邻元素重复第一个步骤,从开始第一对到结尾的最后一对,这样在最后的元素应该会是最大的数; 针对所有的元素重复以上的步骤,除了最后一个; 重复步骤1~3,直到排序完成。 /** * 外循环控制需要比较的元素,比如第一次排序后 阅读全文
posted @ 2022-03-22 11:40 小叶_Jiang 阅读(369) 评论(0) 推荐(0)
摘要: 在网页里面,在某个可视容器内(某个div)一次性渲染所有数据,其实用户也只能看见一部分数据,其余得通过滚动来查看; 那么我们可以只渲染可见部分数据,不可见部分数据不渲染,通过上下padding来进行占位使其可以滚动; 滚动得时候不断计算可所需展示数据的开始下标和结束下标来截取可视数据; <!doct 阅读全文
posted @ 2022-03-22 09:31 小叶_Jiang 阅读(91) 评论(0) 推荐(0)