- 博客(192)
- 资源 (16)
- 问答 (5)
- 收藏
- 关注

原创 docsify(五):为PDF文档注入css脚本
相关工程部署文档可参考docsify(一)https://blog.youkuaiyun.com/u598975767/article/details/122576505docsify(二)https://blog.youkuaiyun.com/u598975767/article/details/122746132docsify(三)https://blog.youkuaiyun.com/u598975767/article/details/122827496docsify(四)https://blog.youkuaiyun.com/u598975
2022-03-31 16:32:36
956

原创 docsify(四):新增OEM功能
相关工程部署可参考:docsify(一)https://blog.youkuaiyun.com/u598975767/article/details/122576505docsify(三)https://blog.youkuaiyun.com/u598975767/article/details/122827496docsify(二)https://blog.youkuaiyun.com/u598975767/article/details/122746132这个功能比较小众,场景不多见,就是我们所谓的贴牌,遇不到的建议跳走哈,我做个
2022-03-31 16:13:12
2413
2

原创 docsify(三):新增检索高亮功能
相关工程部署可参考docsify & docsify-pdf-converter 总结https://blog.youkuaiyun.com/u598975767/article/details/122576505 docsify 新增生成词库功能https://blog.youkuaiyun.com/u598975767/article/details/122746132先说一下改动前docsify自带的关键词检索功能:1. 支持多个关键词同时检索,各关键词以空格、\等符号分开。此功能bug较多,会导致检索..
2022-02-08 17:21:55
2450

原创 docsify(二):新增生成字典/词库功能
放假了,马上要封楼,先大概记录一下思路与实现过程,细节年后再完善。(其实我是怕自己年后给忘了。。。。)依赖docsify和docsify-pdf-converter@2.1.0-beta.0可参考《docsify & docsify-pdf-converter 总结》要求原docsify工程中index.html里的配置参数,单独写成独立的docsify.config.js文件。其余无需改动项目部署完成,执行 npm run convert,会生成在项目目录中生成pdf文档...
2022-01-29 18:11:28
1442

原创 docsify(一):新增PDF目录、封面功能
原本只是帮小仙女看个问题,发现docsify这个工具还挺有意思,花了几天时间研究了下,今天做个总结。docsify文档网站生成工具,自带服务(docsify server)。Docsify自身还算简单,部署方法网上多的是,所以今天不作为总结的重点,用到的老师照着网上的教程照猫画虎就OK啦~docsify官网那么重点必然就只能是docsify-pdf-converter组件了!docsify借助docsify-pdf-converter组件(开源)可以把工程中的markdown合并生成pdf.
2022-01-19 13:54:25
4420
5
转载 git clone 时出现 Failed to connect to github.com port 443: Timed out
git clone 时出现 Failed to connect to github.com port 443: Timed out
2023-02-09 10:19:47
972
原创 修复vsCode内存不足
在vscode使用过程中,弹框提示“内存不足”、“窗口未响应”等相关问题,网上太多了,解决办法不多,我这里设置了两个参数,也不知道有没有解决,反正是不弹框了,记录一下。默认也是4096,我改成了8192,大小自己定吧。默认是4096,我改成了8192,大小自己定吧。首先打开“设置”,搜索下面两个参数。
2022-09-13 11:30:47
18420
6
转载 详解JS函数柯里化
第一次看到柯里化这个词的时候,还是在看一篇算法相关的博客提到把函数柯里化,那时一看这个词就感觉很高端,实际上当你了解了后才发现其实就是高阶函数的一个特殊用法。果然是不管作用怎么样都要有个高端的名字才有用。首先看看柯里化到底是什么?维基百科上说道:柯里化,英语:Currying(果然是满满的英译中的既视感),是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。看这个解释有一点抽象,我们就拿被做了无数次示例的add函数
2022-01-25 14:28:19
1624
原创 待发起任务20个,并发限制最多5个,每个任务失败后,最多可重试2次
逛到个小问题,记录一下,别往下看,自己写写先~~~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head>&l
2022-01-21 10:58:56
761
转载 导出chrome扩展插件,crx文件
在Chrome安装的扩展程序,这里我以OneTab扩展程序来演示。先记住已安装的扩展程序的ID值。 把【C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default\Extensions】路径的Username换成你自己的用户名。然后打开文件夹,在这个文件夹里你会发现有一个文件夹的名称跟上面的扩展程序的ID值是一样的,这个就是扩展程序的安装路径了。 进入该文件夹并复制地址栏上的地址。 在Ch..
2021-12-31 13:37:41
365
原创 iconfont半月坑
不吐不舒服正题之前,先吐槽一波阿里矢量图库:批量上传。慢,且容易丢包。应该跟其异步上传有关,传300个,只能回显几十个,点击保存之后,再次点击上传按钮,还不等我上传,它会戏剧性的自己回显一波,直接点保存,往复几遍,最终传上来的也不够数,也不知道哪些传了,哪些丢了,也不知道后面还会不会自己再传上来。即想它来,又怕它胡来~~~~ 批量私有。全部选中后,点击批量私有,发现只私有了一部分,有时是当前页的一部分,有时连下一页都带着私有了一部分,反正要实现全部私有,得反反复复好几拨。 全选。全选后,点击批量
2021-11-25 08:55:38
768
原创 自定义gerrit提交脚本
与自己之前写的一篇git的脚本大致类似,不过最近用gerrit较多,改了一下,当个记录。本文以自定义脚本命令mypush.sh为例1.找到git安装目录,打开usr/bin,在此处存放.sh脚本文件,一般需要管理员权限才能创建,新建脚本文件mypush.sh脚本为自己要用的git指令流,举例如下:#!/bin/bash# 获取当前分支名称currentbranch=$(git rev-parse --abbrev-ref HEAD)# set -e 至 set +e之间代码,.
2021-10-29 10:29:45
578
转载 Vue v2.4中新增的$attrs及$listeners属性使用教程
这篇文章主要给大家介绍了关于Vue v2.4中新增的$attrs及$listeners属性的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。目录前言 A 组件与 B 组件之间的通信: (父子组件) A 组件与 C 组件之间的通信: (跨多级的组件嵌套关系) 示例代码 A组件(App.vue) B组件(Child1.vue) C 组件 (Child2.vue) 知识点总结 前言多级组件嵌套
2021-10-26 08:36:19
560
转载 windwos配置github项目的sshkey
检查环境在Linux和Mac系统中都自动安装了SSH,Windows系统需要安装Git Bash。首先检查下本机是否已经安装了SSH,在终端输入ssh即可:生成sshkey输入:ssh-keygen -t rsa然后连续三次回车出现上面内容就说明成功生成id_rsa和id_rsa.pub两个文件,id_rsa.pub为公钥,id_rsa为私钥,它们都是隐藏文件。Windows下路径会输出:添加SSH Key到Github上登录Github,点击右上角进入设置界
2021-09-29 10:41:06
103
原创 前端脚手架的执行原理
近期两位老师私信我,想了解一下脚手架的原理,今天跟着自己浅显的理解,以vue脚手架在windows系统上的执行为例做个分析,希望能帮到各位理解。正题之前,先说几个概念脚手架的本质:运行在操作系统上node客户端里的可执行程序。脚手架做了哪些工作?一般脚手架的工作内容主要包括三方面:创建项目+通用代码: 埋点、http请求、工具方法、组件库。 git操作: 创建仓库、代码冲突、远程代码同步、创建版本、发布打tag。 构建+发布上线: 依赖安装和构建、资源上传CDN、域名绑定、测试\正是服务
2021-09-28 16:21:37
803
1
原创 Vue3做了什么?YYDS!
前言:最近开发DataworkBench项目,其前端框架采用目前较为流行的vue2,总算把我从Ember的泥沼里给拉了出来,回到Vue各论坛或社区都在谈尤婶儿新推的vue3。好奇心作祟,扒了不少vue3的资料、代码,与vue2梳理对比做个总结,不对之处,还请批评指正。欢迎关注个人技术博客:https://blog.youkuaiyun.com/u598975767一、性能比2.x快1.2~2倍diff算法的优化在vue2中,虚拟dom是全量比较的。在vue3中,增加了静态标记PatchF
2021-08-27 09:28:37
494
原创 js中??和?.的意思
空值合并操作符(??) 只有当左侧为null和undefined时,才会返回右侧的数 空值合并操作符(??)是一个逻辑操作符,当左侧的操作数为null或者undefined时,返回其右侧操作数,否则返回左侧操作数。 与逻辑或操作符(||)不同,逻辑或操作符会在左侧操作数为假值时返回右侧操作数。也就是说,如果使用||来为某些变量设置默认值,可能会遇到意料之外的行为。比如为假值(例如,''或0)时。见下面的例子。const foo = null ?? 'default s...
2021-08-18 18:14:57
360
原创 nrm安装注意事项
nrm 是目前比较常用的npm源管理工具,但安装起来比较麻烦,这个与操作系统有关,有的可以一键安装,直接使用,有的安装后会报各种错误。这里我就自己遇到的错误记录总结一下,帮各位老师踩踩坑。1. 执行安装,这没啥说的,一句命令npm install -g nrm待安装完成后,可以通过nrm ls命令检查是否安装成功nrm ls如果此命令能够执行,那么恭喜你安装成功了,这篇文章也不用往下看了。如果提示“nrm 不是内部命令......”这时需要配置环境变量,系统变量--->
2021-08-11 15:24:58
498
2
原创 常见的前端安全攻击及防御
攻击类型目录1. Xss 跨站脚本攻击1.1. 什么是xss1.1.1.存储型 XSS1.1.2.反射型 XSS1.1.3.DOM 型 XSS1.2.XSS 攻击的预防1.2.1. 预防存储型和反射型 XSS 攻击1.2.2.预防 DOM 型 XSS 攻击2. CSRF 跨站请求伪造2.1. 什么是跨站请求伪造2.2.常见的CSRF攻击2.3.防护策略...
2021-07-14 16:09:35
1487
1
原创 彻底干掉win10 的自动更新
之前小编为大家分享过一些Win10彻底关闭Windows Update自动更新的方法,主要是通过一些如设置流量计费或借助一些专门的小工具来实现,但往往会发现,Win10自动更新就像打不死的小强,不管怎么关闭,之后还是会自动更新,让不少小伙伴颇为不爽。今天小编带来了这篇改进型教程,通过全方位设置,彻底关闭Win10自动更新,感兴趣的小伙伴不妨试试吧。Win10服务中关闭Win10...
2021-06-18 10:14:14
2088
2
原创 transform:translate (-50%,-50%) 造成的文字模糊和解决方案
问题已经解决,没有截图 ,文字记述下css3transform:translate (-50%,-50%) 常用来给元素做水平+垂直居中如果修正幅度不大,倒没什么,修正幅度过大,就会导致dom元素尤其是文字出现模糊,在chrome下非常明显即,父元素宽高越大,子元素经过transform:translate样式修正过,模糊现象就越明显原因是,transform时div的宽度或者高度并不是偶数,移动50%之后,像素点并不是整数,出了小数,和显示像素没有对上。解决方法也比较简单...
2021-05-21 16:37:07
1284
1
转载 10个css自定义loading动画
1.<div class="loading"> <span></span> <span></span> <span></span> <span></span> <span></span></div>.loading{ width: 80px; height: 40px; margin:
2021-05-08 17:00:48
426
原创 js+css实现两个dom元素之间的连线
刷论坛时,看到有小伙伴提问不依赖图形化工具,怎么实现两个div之间的连线,看着追问的人不少,顺题发挥了下,下面代码实现两个dom元素中心坐标的连线,首先引入jquery(任意版本),主要是为了方便dom操作,当然改成原生js也可以<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width
2021-02-20 13:48:49
12800
7
转载 VSCode 添加自定义注释
如何设置一个自定义注释整洁的代码和注释风格总是给人一种眼前一亮、赏心悦目的感觉,同时详细的注释也是程序员所必须的职业素养之一今天主要分享一下如何在VS Code中设置自定义 注释第一步:使用ctrl + shift + p调出如下窗口,并且输入snippets第二步:进入json文件编辑这里以自定义js注释为例:进入到 json 文件中后,添加如下代码,大家可以自定义设计,保存退出 我这里是一个类注释 一个方法注释"Print to js method": { "p.
2021-02-14 11:12:44
2825
1
原创 通过命令直接修改jar包中的静态文件
1.先将要修改的jar包备份copy xxx.jar xxx.jar_bak 2.建立一个新的目录便于后面的打包mkdir jar_tmp 3.将包放到刚刚创建的目录里解压mv xxx.jar jar_tmp/unzip xxx.jar 4.删除xxx.jarrm -rf xxx.jar 5.打包修改过文件的所有文件与目录jar -cfM0 xxx_new.jar *注意:cfM0最后一个是零不是英文o....
2021-02-08 15:52:03
553
2
原创 自定义git脚本
本文以自定义脚本命令mypush.sh为例1.找到git安装目录,打开usr/bin,在此处存放.sh脚本文件,一般需要管理员权限才能创建,新建脚本文件mypush.sh脚本为自己要用的git指令流,举例如下:其中$n---n为命令后的第几个参数 ,多个参数用空格分开;上例中,$1为分支名,$2为提交信息即commit信息我这里开始先用stash保持一下,后面再apply出来,而没有用pop是为了保留现场,一旦提交出错,可以先把代码回到上次pull,再去stash中找回本次修改的
2021-01-26 09:23:54
1401
2
原创 HTTP协议零碎笔记
先引入几张基础图片应用层:为应用软件提供了很多服务,构建于TCP、UDP等协议之上,屏蔽网络相关传输细节;传输层:向用户提供可靠的端到端的END-TO-END服务,传输层向高层屏蔽了下层数据通信的细节;(tcp面向连接,可靠;udp面向无连接,不可靠)网路层:为数据在节点之间传输创建逻辑链路;数据链路层:在通信实体之间建立数据链路连接;物理层:定义物理设备如何传输数据;历史http 0.9 是发布的第一版 ,请求方式只支持get方式,且不支持header等描...
2021-01-25 11:00:46
934
1
转载 Chrome 开发者工具
1.Element面板Elements 面板主要用于对页面 HTML 和 CSS 的检查以及可视化编辑。DOM树右击页面任意处,选择检查 / 审查元素,查看选中页面对应的 DOM 元素 点击,当图标显示为蓝色时,鼠标点击页面任意一处,可以查看选中页面对应的 DOM 元素 鼠标悬停 DOM 树上的任意一个节点,页面会用淡蓝色的蒙板在页面上标记 DOM 节点对应的页面 按键盘的向上向下键可以在展开的节点之间进行切换,向左向右键可以收缩和展开节点编辑DOM 你可以任意修改 ...
2021-01-22 16:52:37
425
转载 再谈HTTP2性能提升之背后原理—HTTP2历史解剖
即使千辛万苦,还是把网站升级到http2了,遇坑如《phpcms v9站http升级到https加http2遇到到坑》。因为理论相比于 HTTP 1.x ,在同时兼容HTTP/1.1 完全语义,进一步减少了网络延迟。对于前端开发人员来说,无疑减少了在前端方面的优化工作。比如雪碧图&文件合并||内容内嵌||域名分片http1.0的缺点http1.0被抱怨最多的就是连接无法复用,和head of line blocking这两个问题。理解这两个问题有一个十分重要的前提:客户端是依据域名.
2021-01-18 16:39:02
437
转载 jenkins+docker 持续集成 持续交付
引言面对越来越多的微服务,越来越频繁的版本发布,上周末在家倒腾了jenkins+docker的持续集成和持续交付。==实现了push tag 到git服务器后坐等新版本发布的邮件通知==,她会自动触发工程构建和版本发布,那叫一个爽歪歪啊省心、省力。下面来和大家的一起分享一下我的实践过程。持续集成原理持续集成, 简称CI(continuous integration).CI作为敏捷开发重要的一步,其目的在于让产品快速迭代的同时,尽可能保持高质量. CI一种可以增加项目可见性,降低项目
2020-06-11 20:51:44
466
转载 深入浅出Object.defineProperty()
讲解大致会根据下图展开本文部分参考了书籍《你不知道的javascript》上卷对象的定义与赋值经常使用的定义与赋值方法obj.prop =value或者obj['prop']=valueObject.defineProperty()语法说明Object.defineProperty()的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性Object.defineProperty(obj, prop, desc)obj 需要定义属性...
2020-05-25 09:43:51
150
转载 如何自学 D3
在数据可视化的世界中,D3 可谓极其耀眼的明星。很多人着迷于 D3 那近乎无限可能的图形开发能力,而又被 D3 那海量的 API 所困住,往往学了很久却不得其道。(还不了解 D3 的同学,可看《D3 vs G2 vs Echarts》)下面,我以数据可视化开发为目的,说下我的 D3 入门路径:一、学习 SVGD3 全名为 Data Drive Document,即通过 Data 操作 Document,而在做数据可视化时,Data 最常 Drive 的 Document 便是 SVG。SV
2020-05-18 17:31:08
649
转载 SVG之Path
SVG之Path目录 一、Path概述 1、控制命令 2、格式 3、简单的演示编辑器 二、移动和直线命令 三、弧线命令 四、贝塞尔曲线命令 1、贝塞尔曲线概述 2、二次贝塞尔曲线命令:Q 3、三次贝塞尔曲线命令:C 4、光滑贝塞尔曲线 5、知识回顾与拓展思考一、Path概述 1、控制命令 SVG提供了一些基础图形元素标签如<circle>、<rect>、<e.
2020-05-11 15:57:48
1869
转载 禁止eslint对指定代码检测
有时候我们引入外部文件的API时,eslint无法识别,编译的时候就会出现warn,如下图image.pngVueAwesomeSwiper 是全局对象所以在这个文件不用另外导入,但是eslint 并不清楚这些逻辑,它会以为是你写错了变量,所以编译时会提出警告。解决方法方法1:单行注释// eslint-disable-line 放在该行结尾处或者// eslint...
2020-04-27 13:42:46
2428
原创 为什么在vue中的methods中箭头函数的this指向undefined
先声明,本文站在巨人的肩膀上发散的思维。如题,首先this不会是vm,这一点很笃定。但为何是undefined不是window,想着有些困惑。搞明白这个,首先得晓得这几个前提:1.箭头函数的this是在定义函数时继承了其父级作用域的this,不是在执行过程中绑定的。2.vue默认开启了严格模式。3.全局作用域下的函数中使用this,在严格模式下this指向undefined以上...
2020-04-27 10:29:21
8152
7
原创 启动本地服务+配置反向代理
首先目前前端市场中,启动前端本地服务和配置反向代理的技术已经太多了,随随便便就能列出个一二三四,我这里只是记录自己用到的两种方式,以及自己遇到的遗留问题:第一种:Nginx 第二种:node+express一、先说第一种,比较传统,但是nginx的不好管理的缺点一致为大家所诟病。直接上配置: # ml(服务名称,随意起,仅仅是给自己看的) server { ...
2020-04-21 09:33:58
2378
转载 cnpm : 无法加载文件 C:\software\nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行脚本
以管理员身份运行windows powershell,运行命令set-ExecutionPolicy RemoteSigned即可。
2020-04-11 12:43:59
663
linux下离线部署sphinx1.8.3,且安装python3.6.8的所有依赖包
2022-10-13
ElementUI静态主题样式包,实现elementui动态换肤
2020-01-09
eclipse_neon&jdk;_1.8
2018-06-08
模仿电商平台360度旋转展示商品
2017-11-09
懒加载插件+demo+API
2017-10-23
html5调取移动端摄像头或相册
2017-03-01
Cypress截图控制大小、像素
2022-11-17
自定义git bash脚本,如何识别冲突,并终止命令
2021-02-08
html5开发在Android端浏览器阻住键盘默认事件无效
2018-03-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人