- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vitepress解析展示LaTeX数学公式
vitepress默认的md解析器不支持LaTeX数学公式的解析展示，需要安装扩展插件，本文章主要为记录一下为vitepress配置数学公式解析插件的过程，其中主要踩坑是由于插件生成的特殊标签不支持导致的编译报错，可通过修改vitepress配置对自定义标签进行单独配置进行解决。
2022-10-12 10:02:23
8662
2
原创 关于echarts生成地图的二三事
1.地图数据的获取中国地图及各省市县地图可在地图选择器（数据来源于高德开放平台）选择需要的区域，右方可下载其JSON API格式的数据。2.地图的编辑特定需求下需要对原有地图数据进行修改，如：添加某一非行政区划的地区，特定地区的分割或边缘优化，由于地图数据由横纵坐标组成的点形成，无法直接修改，推荐使用地图修改工具进行修改。地图在线编辑工具如图，将地图的JSON数据复制进右面编辑框，在左边可视化窗口进行编辑后，可获得编辑完后的地图数据。3.地图的声明想要在echarts中.
2021-07-16 15:02:58
8610
原创 渐变色分段能量条样式实现
渐变色分段能量条效果如下图：实现思路：整根进度条采用渐变色背景；左边起每个小方框设置背景为透明，边框为白色；右边设置一个div白色背景占满空白CSS样式：.container{ width: 300px; background-image:linear-gradient(to right, #23be7b, #fff); border: 1px solid #23be7b; display: flex; justify-content: flex-start; posi
2020-11-04 21:05:11
14321
原创 Leetcode——元音拼写检查器
题目：在给定单词列表wordlist的情况下，我们希望实现一个拼写检查器，将查询单词转换为正确的单词。对于给定的查询单词query，拼写检查器将会处理两类拼写错误：大小写：如果查询匹配单词列表中的某个单词（不区分大小写），则返回的正确单词与单词列表中的大小写相同。例如：wordlist = ["yellow"], query = "YellOw": correct = "yellow"例如：wordlist = ["Yellow"], query = "yellow": correct...
2020-10-24 17:35:14
8706
原创 记录贴——用Jenkins自动化构建部署微信小程序
最近开始接触小程序开发，顺便尝试了一下使用Jenkins对小程序进行自动化构建部署，即：git仓库变更——>jenkins自动构建——>代码上传至微信小程序服务器jenkins监听git仓库自不必多说，主要写一下小程序的miniprogram-ci模块以及在服务器上构建以及上传是遇到的坑1.miniprogram-ci在miniprogram-ci模块出现之前，小程序的代码上传要通过微信开发者工具手动上传。当然，仍然有很多大佬开发出了各种脚本工具实现自动化，但大都还是..
2020-10-23 00:39:39
21040
2
原创 记录贴——Jenkins自动化构建工具安装
1.环境准备1.1centos71.2jdk安装可见链接2.安装sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.reposudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.keyyum install jenkins修改配置文件vim /etc/sysconfig/j.
2020-10-09 23:59:47
16659
原创 sass中@import导入混淆指令文件无效的原因
Sass 拓展了@import的功能，允许其导入 SCSS 或 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中，另外，被导入的文件中所包含的变量或者混合指令 (mixin) 都可以在导入的文件中使用。但在以下情况下，@import仅作为普通的 CSS 语句，不会导入任何 Sass 文件。文件拓展名是.css； 文件名以http://开头； 文件名是url()； @import包含 media queries。如果不在上述情况内，文件的拓展名是.scss或...
2020-08-27 15:57:36
16854
原创 vue dev-tools 插件报错components tree not supported 原因
检查当前vue dev-tools版本是否为beta版本beta版本当前只支持vue3解决方法：重新安装标准版本即可
2020-08-26 15:03:27
9127
原创 图片列表页面的加载优化
起因源于文件拍照的列表页预览图，由于图片过大，后端设计时又没有考虑到略缩图的设计，原图片加载时会有加载到一半图片截断的显示效果，为避免这种显示问题，决定使用默认图片填充和js隐式加载图片的方式。方案1.为每个img标签添加统一默认的src指向默认显示的小图，同时为每个标签赋值data-original属性指向图片真正的地址2.页面加载完毕时，针对每一个img标签，创建一个隐藏img标签加载其data-original属性指向的图片，加载完毕后将该img标签src属性修改指向正确的图片地址。demo
2020-05-18 11:10:21
18084
原创 在react外部静态页面获取并调用组件中元素绑定的方法
起因源于扫码枪应用的后续，由于react好像无法支持oncomm方法，无奈只能继续使用iframe加载静态页面的方式获取串口数据，这就要求进行父子页面数据的传输。后续首先想到使用postMessage方法。在chrome上成功，但在ie上父页面却拿不到子页面传的数据（原因不太清楚，留个坑，诸位大佬若是知道请不吝赐教）再想到跨页面调方法。父页面调用子页面方法没问题，因为子页面只是个简单页面，...
2020-05-07 16:36:56
11231
原创 web前端读取串口数据
来自扫码枪应用适配的经验及扩展。查了好多资料，发现实现思路不外乎以下几种：1.使用服务端开发语言开发一个读取串口数据的本地服务模块，并实现websocket长连接支持，前端开启长连接到该服务，根据推送的数据进行操作。2.针对IE浏览器，可以采用ActiveX插件读取串口数据，根据插件的API进行开发。3.对于chrome浏览器，可以使用Chrome.serial实现这几种方式本质区别不大...
2020-04-22 15:11:43
26388
5
原创 JS为元素添加一次性触发事件
可使用arguments的callee属性配合removeEventListener方法实现事件的移除element.addEventListener( "EventName", function(){ //TODO element.removeEventListener("EventName", arguments.callee);});...
2020-03-29 22:53:21
18028
原创 LeetCode——验证二叉搜索树
题目：给定一个二叉树，判断其是否是一个有效的二叉搜索树。假设一个二叉搜索树具有如下特征：节点的左子树只包含小于当前节点的数。节点的右子树只包含大于当前节点的数。所有左子树和右子树自身必须也是二叉搜索树。示例1:输入: 2/\13输出:true示例2:输入: 5/\14...
2020-02-28 23:56:01
10472
原创 LeetCode——寻找两个有序数组的中位数
题目：给定两个大小为m和n的有序数组nums1和nums2。请你找出这两个有序数组的中位数，并且要求算法的时间复杂度为O(log(m+n))。你可以假设nums1和nums2不会同时为空。示例1:nums1=[1,3]nums2=[2]则中位数是2.0示例2:nums1=[1,2]nums2=[3,4...
2020-02-28 23:40:07
10362
1
原创 JS实现宫格拖动动画效果
效果图如下：html布局：<!DOCTYPE html><html><head> <title>dragLabel</title> <meta charset="utf-8"></head><body> <div class="container"> <...
2020-02-18 22:59:10
18518
原创 LeetCode——旋转图像
题目：给定一个 n×n 的二维矩阵表示一个图像。将图像顺时针旋转 90 度。说明：你必须在原地旋转图像，这意味着你需要直接修改输入的二维矩阵。请不要使用另一个矩阵来旋转图像。示例 1:给定 matrix =[ [1,2,3], [4,5,6], [7,8,9]],原地旋转输入矩阵，使其变为:[ [7,4,1], [8,5,2]...
2020-01-16 22:51:02
10432
原创 LeetCode——解数独
题目：编写一个程序，通过已填充的空格来解决数独问题。一个数独的解法需遵循如下规则：数字1-9在每一行只能出现一次。数字1-9在每一列只能出现一次。数字1-9在每一个以粗实线分隔的3x3宫内只能出现一次。空白格用'.'表示。一个数独。答案被标成红色。Note:给定的数独序列只包含数字1-9和字符'.'。你可以假设给定的数独只有唯一解。给...
2020-01-16 22:42:09
10462
原创 LeetCode——有效的数独
题目：判断一个9x9 的数独是否有效。只需要根据以下规则，验证已经填入的数字是否有效即可。数字1-9在每一行只能出现一次。数字1-9在每一列只能出现一次。数字1-9在每一个以粗实线分隔的3x3宫内只能出现一次。上图是一个部分填充的有效的数独。数独部分空格内已填入了数字，空白格用'.'表示。输入:[ ["5","3",".",".","7",".","...
2020-01-15 22:50:51
10250
原创 LeetCode——罗马数字转整数
题目：罗马数字包含以下七种字符:I，V，X，L，C，D和M。字符 数值I 1V 5X 10L 50C 100D 500M 1000例如， 罗马数字 2 写做II，即为两个并列的...
2020-01-15 22:38:39
10364
原创 echarts图表设置全局颜色
当项目需要定制echarts图表的颜色时，可以采用以下两种方法：1.使用官方的主题定制工具可以在基本配置里面修改颜色和顺序在官方提供的构建工具里还可以其他各种配置的定制选择。2.如果只是简单的改变颜色，并且你也已经准备好了颜色代码，那么可以通过直接修改本地加载的echarts.js或者echarts.min.js文件来修改全局颜色。打开js文件，全文搜索globalD...
2020-01-06 22:46:14
23476
原创 使用css3 filter属性实现图片毛玻璃效果
可用于背景图片的遮盖和虚化处理；img { filter: url(blur.svg#blur);/* FireFox, Chrome, Opera */ -webkit-filter: blur(5px);/* Chrome, Opera */ -moz-filter: blur(5px); -ms-filter: blur(5px); filter...
2019-12-29 22:05:45
17639
原创 JS+CSS实现滚动时间样式
效果图：动画实现的方案是缩减上方div的高度带动整体上滑，然后用Js操作dom将最上方的div移到最下方。主要css:.continer { display: flex; justify - content: center; align - items: center; font - size: 40 px;}.scroll { wi...
2019-12-25 22:08:52
18832
原创 关于npm依赖包全局安装后报依赖包找不到的解决方法
npm全局安装命令npm install -g <package_name>如果安装之后仍然报依赖包找不到，原因大概率是未配置npm依赖包的环境变量配置方法：1.Windows环境增加环境变量 NODE_PATH 指向到全局包的安装路径关于全局包的安装路径，默认路径为C盘用户目录下C:\Users\用户名\AppData\Roaming\npm\node_mo...
2019-12-24 22:36:26
27333
1
原创 使用Grid布局制作拼图小游戏
在学习grid布局时突发奇想利用这个布局的特性做一个拼图小游戏先简单实现了一个demo,后期再优化，效果如下图：先上一下主要的css样式.container { display: inline-grid; grid-template-columns: repeat(3, 100px); grid-template-rows: rep...
2019-12-19 00:02:35
17348
原创 JS+CSS实现页面滚动切换图片（从边角扩散）的效果
先上效果图：实现思路：两个绝对定位的div重合，通过监听页面滚动位置信息，动态的改变上面的div宽高、背景定位、边角半径div样式设计:.bgTrans { height: 400px; position: relative; } .bgTrans div { position: absolute; ...
2019-12-17 22:32:37
17963
原创 JS+CSS实现漂亮的日历特效（仿win10系统日历）
初衷：无意见发现win10的系统日鼠标悬浮的特效非常好看，想尝试一下用CSS和JS实现一下。先上一下目前实现的效果图：难点是这种间隔效果和鼠标移动效果的实现，如下图间隔效果的实现我采用了background-clip: content-box;padding: 2px;background-color: gray;border: 1px solid gray;样...
2019-12-12 23:51:17
20030
原创 兼容IE8的多文件上传实现
兼容IE8的注意点：原生多文件属性multiple只在IE10/11上有效，IE8不兼容无法使用 formdata对象同样只支持在IE10/11，IE8无法使用 很多API在IE8上无法使用，同样是兼容的难点 IE8的安全机制，使一些操作无法实现本文使用原生JS对文件进行简单处理实现多文件上传，未使用其他插件。实现思路：由于multiple属性无法使用，采取通过增加input框...
2019-12-11 23:40:11
18923
原创 JS+CSS实现自定义页面滚动条
效果图如下：首先隐藏原生的滚动条（仅限chrome浏览器）html::-webkit-scrollbar{ display: none;}通过JS监听页面滚动document.addEventListener("scroll", function(e) { var ev = e || window.event; var height...
2019-12-10 23:10:54
16860
原创 JS+CSS实现按钮点击波纹扩散效果
实现点击时按钮背景为动态扩散的波纹效果。效果图如下：页面代码：<!DOCTYPE html><html><head> <title>按钮点击特效</title></head><style> input[type=button]{ outline: none; hei...
2019-12-09 23:05:03
18810
原创 使用JS判断日期的有效性
为了方便，这里使用的是yyyy/MM/dd 格式的日期。一般策略：将年月日分别取出，根据是否闰年和每月的日期进行判断。function judgeDate(date){ const rmons = [31,29,31,30,31,30,31,31,30,31,30,31], pmons = [31,28,31,30,31,30,31,31,30,31,30,31]; v...
2019-12-05 22:54:43
18002
原创 CSS——设置页面整体变为灰色
应用于一些特殊的地方，比如设置怀念模式等。body>* { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);...
2019-12-04 22:48:20
18613
原创 CSS布局——圣杯布局、双飞翼布局
圣杯布局和双飞翼布局解决的都是两边顶宽、中间自适应的三栏布局问题，要实现中间部分优先渲染。先上两个demo。圣杯布局：<!DOCTYPE html><html><head> <title>圣杯布局</title> <meta charset="utf-8"> <style> .heade...
2019-12-03 23:06:16
16675
原创 在Centos上搭建jupyter服务
初衷 方便在服务器上跑一些python爬虫脚本环境准备 Centos × 64 服务器开始 由于Centos预装的是2.×版本的python,而jupyter需要3.4以上的python版本，所以需要再安装python3.4或以上的版本。（注意不要将之前2.×版本的python删掉，否则会出现系统异常）要安装python3,首...
2019-12-02 22:17:55
16796
原创 LeetCode——两数相加
题目描述：给定两个非空链表来表示两个非负整数。位数按照逆序方式存储，它们的每个节点只存储单个数字。将两数相加返回一个新的链表。你可以假设除了数字 0 之外，这两个数字都不会以零开头。示例：输入：(2 -> 4 -> 3) + (5 -> 6 -> 4)输出：7 -> 0 -> 8原因：342 + 465 = 807JS实现代码：/...
2018-10-10 15:46:30
9119
原创 LeetCode——生命游戏
题目：根据百度百科，生命游戏，简称为生命，是英国数学家约翰·何顿·康威在1970年发明的细胞自动机。给定一个包含 m × n 个格子的面板，每一个格子都可以看成是一个细胞。每个细胞具有一个初始状态 live（1）即为活细胞， 或 dead（0）即为死细胞。每个细胞与其八个相邻位置（水平，垂直，对角线）的细胞都遵循以下四条生存定律：如果活细胞周围八个位置的活细胞数少于两个，则该位置活细胞...
2018-09-06 15:33:46
9529
原创 LeetCode——最大正方形
题目：在一个由 0 和 1 组成的二维矩阵内，找到只包含 1 的最大正方形，并返回其面积。示例:输入: 1 0 1 0 01 0 1 1 11 1 1 1 11 0 0 1 0输出: 4解题思路：采用动态规划的思想，针对矩阵中的每一个元素，都认为它为正方形左上角，向右下方搜索是否能组成正方形，递归地寻找最大的正方形。JavaScript代码：/**...
2018-09-06 13:47:07
9437
原创 js实现手动滑动条
效果如下图所示：滑动效果如下图： 样例页面代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> <style&g
2018-08-15 00:39:30
20195
原创 JS简易实现导航栏滑到顶部固定
适用场景如下图所示：适用于导航栏顶部有滑动时需要隐藏的内容。实现思路：利用position:fix 的css属性能够实现元素固定在屏幕的某一位置，配合 top:0px;可实现将导航栏固定在顶部。故，可通过JS监听屏幕的滚动，当导航栏滚动到屏幕顶部时，修改导航栏的position属性。简易DEMO代码如下：<!-- 此处引入百度的cdn,方便调试 --><...
2018-08-09 00:07:49
27356
3
原创 Leanote——搭建自己的私人笔记服务器
话说好记性不如烂笔头，把平常遇到的问题通过笔记记下来对于程序猿来说实在是太有用了，找了一些笔记软件，除了oneNote,大多数都不免费提供云端同步功能。然而微软的服务器感觉速度实在太慢，而且不支持markdown功能。最后让我找到了leanote,这是一个开源的笔记框架，你可以将它搭建在自己的服务器上。客户端支持windows/Mac/Linux/Android/IOS ,实在是相当强大。最关...
2018-08-07 17:29:26
38820
1
原创 python3中reduce()的调用
python3中取消了全局命名空间中的reduce()函数，将reduced()放到了functools模块中，要使用reduce()的话，要先加载functools.from functools import reduceprint(reduce(lambda x, y: x + y, [1, 3, 4, 6, 8]))...
2018-03-30 11:37:26
14696
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人