- 博客(23)
- 收藏
- 关注
RSS订阅原创 超好用的 chrome 浏览器插件推荐（外语阅读困难者福音）
功能：该插件支持Chrome、Firefox、MS-Edge浏览器，内部工具集持续增加，目前包括 JSON自动/手动格式化、JSON内容比对、代码美化与压缩、信息编解码转换、二维码生成与解码、图片Base64编解码转换、Markdown、 网页油猴、网页取色器、脑图(Xmind)等贴心工具，甚至在目前新版本的FeHelper中，还集成了FH开发者工具， 如果你也想自己搞一个工具集成到FeHelper中，那这一定能满足到你。，通过该插件可以翻译成各种语言，支持整页、段落、选词翻译等。
2024-01-07 15:11:39
5929
1
原创 git reset和git revert详解
程序员在编码开发提交代码的时候，经常会出现需要回退、回撤代码的情况，比如某个功能延期了，需要回退某个功能提交的代码，遇到这种情况的时候发现有不少工作很多年的程序员都不太清楚怎么处理，这也是令我有点意外的，为了更好的帮助哪些不了解怎么进行代码回退或者代码撤销的新老程序员，特意写了这篇文章，希望对大家有所帮助。命令的作用是将指定提交之后的内容从当前分支中移除，并将HEAD指针移动到指定提交，同时将当前分支指针移动到指定提交，并将之后的提交从历史中移除。则通过创建新的提交来撤销指定提交，保留了提交历史的完整性。
2023-12-29 00:19:36
645
1
原创 如何优雅的实现前端版本投产自动触发浏览器刷新更新版本内容
事件，纯前端实现版本投产自动刷新浏览器更新版本内容，相比定时轮询等实现方式更加优雅，也不需要后端配合，当然也不会增加后端服务器的压力，唯一的缺点可能就是，频繁切换标签打开页面会多次请求git版本信息json文件，不过由于该文件很小只有500字节左右，还是可以接受的。为了避免以上问题，确保在前端版本投产后，能及时获取到最新的前端静态资源，比如js、css和图片等，我们需要使用一种比较好的方案来实现该需求，那么，目前有哪些比较常见的解决方案呢？
2023-06-14 19:11:10
647
原创 前端需要掌握的十大排序算法
选择排序（Selection Sort）是一种简单直观的排序算法，它的原理是每一轮从待排序的元素中选择最小（或最大）的元素，将其与序列中的第一个元素交换位置，然后再从剩下的元素中选择最小（或最大）的元素，与序列中的第二个元素交换位置，以此类推，直到整个序列有序。归并排序是一种分治算法，通过将数组分成较小的子数组并对它们进行排序，然后再将排好序的子数组进行合并，从而实现整体的排序。在最坏情况下，时间复杂度为O(n^2)，但快速排序的平均时间复杂度较低，因此它通常被认为是一种高效的排序算法。
2023-06-13 22:14:59
864
原创 前端开发应该掌握的查找算法
二分查找适用于有序的数据集合。查找算法作为程序员编码开发中使用最多的一种算法，掌握像线性查找、二分查找、插值查找、哈希查找算法，基本可以覆盖平常开发中绝大多数场景了，至于最后章节提到AVL树、红黑树、B树/B+树等自平衡二叉搜索树，由于实现复杂度比较高，而且对性能要求特别高的场景才会使用到，因此大致了解即可，感兴趣的可以自行掌握。请注意，二叉搜索树的性能受树的平衡程度影响，如果树过于倾斜，可能会导致查找性能下降，因此在实际使用时，需要考虑平衡二叉搜索树（如AVL树、红黑树等）来维持树的平衡性。
2023-06-08 19:50:42
183
原创 JS中的面向切片编程（AOP）
在上面的代码中，withLogging是一个高阶函数（Higher Order Function），它返回的函数可以包装一个函数，并能够记录该函数的输入和输出。add是一个需要包装的函数，它的功能是相加两个数。用withLogging包装add得到的loggedAdd函数，可以在add函数执行前输出"entering add"，在add函数执行后输出"exiting add"，并返回add函数的执行结果。方法的描述符，用一个新的函数来替代原有的方法，并在新的函数中添加了日志记录的功能。
2023-05-10 21:11:01
317
原创 JS中常见的函数式编程
而在JavaScript中，也提供了函数式编程的支持，例如ES6中的箭头函数、高阶函数、Map/Reduce等方法，以及函数式库Lodash和Underscore.js，还有React和Redux等也采用了函数式编程的思想。函数组合在函数式编程中非常常见。同时，不同编程范式的组合和交叉也可以产生新的编程方式，如面向对象和函数式的结合产生了面向对象的函数式编程。函数柯里化（Currying）是一种函数式编程的技术，通过把接收多个参数的函数转化为接收一个参数并返回新函数的形式，来简化函数的调用和使用。
2023-05-09 21:29:06
232
原创 Nginx安装配置详解（万字长文典藏版）
变量值的计算是在每个请求中进行的，因此可以在 Nginx 配置中动态地设置变量。当请求的URI与该前缀字符串匹配时，将会执行该location块中的指令，如果URI匹配多个前缀字符串，则选择最长匹配的前缀字符串，其优先级次于精确匹配。reload会重载Nginx的配置文件，并启动新的worker进程，新的worker进程会用新的配置重新跑，旧的worker进程会继续处理旧有的连接，新配置生效后，新的连接会从新的worker进程处理，而reopen是重新打开日志文件，在日志文件较大的时候，方便日志切割。
2023-04-28 00:28:44
5291
原创 Linux常用命令详解(两万字超长文)
Linux常用命令详解作为一枚程序员，熟练掌握一些常见的linux命令是很有必要的，掌握这些命令能帮助我们更好地管理Linux系统，提高工作效率，并有效地解决各种问题，为了方便自己后续查阅以及帮助不熟悉linux命令的小伙伴，特意花费了大量时间整理了这篇两万字的超长文博客，大家可以先收藏起来，然后细读一两遍留个印象，后续有用到不熟悉的命令的时候再回来查阅这篇文章（当然英文厉害的也可以直接查看帮助手册，只不过帮助手册干扰项太多，也没有突出重点）。快捷操作搜寻目录的时候，按tab键自动补全使用上下箭头，
2023-04-24 20:45:43
300
原创 git管理项目关联多个远程仓库（github、coding）
由于github屏蔽了百度蜘蛛，所以github上的东西，百度搜索不到，想让自己部署在github的个人博客网站中的文章能让百度搜索引擎搜索到，所以想把github.io上的代码迁移到coding仓库管理，coding服务器部署在国内，所以国内访问相对在外网的github速度可能会快一点，而且coding还可以免费设置私有仓库等优点。4、把github仓库项目关联到coding以后，我们拉取github远程仓库的代码到coding仓库，使用。7、git提交修改到多个远程仓库，以coding仓库项目为例。
2023-04-10 23:39:08
880
原创 H5实现类似微信可拖拽左右吸边浮动按钮
然后在做另外一个需求的时候产品经理无意中看到我手机微信的那个可以拖拽并且可以自动左右吸附的浮窗按钮，说这个效果不错，就按照微信的这个效果来，于是在原来的那个基础上有实现了一个。，刚好我们移动端H5用的调试工具vconsole也有类似功能，于是研究了一下vconsole里面具体实现的源码，参考其中代码自己也实现了一个,废话不多说，直接上源码，这里只放js代码，要看html/css/js，直接可以在demo页面，按。其实实现这个功能所使用到的技术点并不难，主要是要处理边界情况和各种细节。
2023-04-09 12:48:00
582
原创 vscode编辑器常用插件汇总
点击鼠标右键->run code, 执行对应的编程语言，比如C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go等等。在vscode中用于生成文件头部注释和函数注释的插件，经过多版迭代后，插件：支持所有主流语言,功能强大，灵活方便，文档齐全，食用简单！在扩展搜素里面输入输入关键字，如"react"，即可查看react相关插件，可根据需要自行安装。编写markdown使用快捷命令插件，在.md文件中，点击鼠标右键，显示快捷方式。
2023-04-08 00:10:39
486
原创 前端面试常见编程题汇总
使用时间戳，当触发事件的时候，我们取出当前的时间戳，然后减去之前的时间戳(最一开始值设为 0 )，如果大于设置的时间周期，就执行函数，然后更新时间戳为当前的时间戳，如果小于，就不执行。使用定时器：当触发事件的时候，我们设置一个定时器，再触发事件的时候，如果定时器存在，就不执行，直到定时器执行，然后执行函数，清空定时器，这样就可以设置下个定时器。实现 add(1)(2)(3)(4)(5).sum()和 add(1)(2, 3)(4)(5).sum()参数不定的累加效果。
2023-04-07 23:53:30
798
原创 一句话理解原型和原型链
，层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。）指向它的构造函数的原型对象（prototype ）。该原型对象也有一个自己的原型对象(每个实例对象（ object ）都有一个私有属性（称之为。由于函数也是对象，所以函数都有这两个属性。都指向它构造函数的原型(用一句话概括原型和原型链。一句话理解原型和原型链。
2023-04-07 21:58:20
123
原创 前端那些你不知道的小技巧（CSS篇）
SVG对所有的分辨率类型都具有良好的扩展性，并支持所有浏览器都回归到IE9。可以选择一个表单元素的占位文本，它允许开发者和设计师自定义占位文本的样式。持续更新中，欢迎大家留言，收集更多的实用小技巧，共同学习，共同进步。产生的原因：因为连续多个空白符（空格，换行符，回车符等）引起的。用来创建一个伪元素，其将成为匹配选中的元素的第一个子元素。CSS复位可以在不同的浏览器上保持一致的样式风格。用来创建一个伪元素，作为已选中元素的最后一个子元素。生成的伪元素，只能用于包含在元素格式框内，如。
2023-04-05 13:32:35
90
原创 前端那些你不知道的小技巧(JS篇)
从打印的结果来看，这种实现方式还存在很多问题：这种方式只能实现特定的object的深度复制（比如对象、数组和函数），不能实现null以及包装对象Number，String ，Boolean，以及Date对象，RegExp对象的复制。注意：ES6 中的扩展运算符...也能将某些数据结构转换成数组，但是这种数据结构必须是可迭代的对象。持续更新中，欢迎大家留言，收集更多的实用小技巧，共同学习，共同进步。将数组扁平化并去除其中重复数据，最终得到一个升序且不重复的数组。用一行代码实现一个简易的模板字符串功能。
2023-04-05 13:27:55
59
原创 如何开发一个npm包并发布到npm中央仓库
需求背景：平时在项目工作中可能会用到很多通用性的代码，比如，框架类、工具类以及公用的业务逻辑代码等等，通过打包发布到npm中央仓库或者私有仓库，来进行维护和托管代码，方便公用代码的使用，如果涉及到不方便公开的代码组件可以发布到私有仓库。每个npm包根目录下都包含一个index.js文件和package.json文件。发布成功以后，就可以在npm个人中心看到刚刚发布的npm包了。如何开发一个npm包并发布到npm中央仓库。发布npm到npm中央仓库(公共仓库)3、发布npm到npm公共仓库。
2023-04-05 13:11:16
560
原创 阿里云服务器（centos）部署nginx以及配置https
网站从http改到https后的一段时间，百度、谷歌、360这些搜索引擎需要重新抓取、判断、计算，收录，网站的排名和流量都会发生阶段性下降。进入“SSL证书”页面，点击“购买证书”按钮，进入证书购买页面，选择需要购买的证书（可选择免费型证书）1、首先，升级所有的包，更新CentOS的内核到最新版本，centos使用yum包管理命令。在阿里云服务控制台，打开“产品与服务” -> “安全（云盾）” -> “SSL证书”证书申请成功以后，即可点击“下载”按钮，下载证书。, 并把下载的两个证书文件放在该目录下。
2023-04-05 12:31:36
347
1
原创 前端学习资料网址汇总
JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。javascript标准参考教程 - node.js（阮一峰）JavaScript 标准参考教程（alpha）（阮一峰）不要依赖 JavaScript！浏览器中预览PDF文件无需使用JS（最常用的几种方法）拖拽排序jQuery.dragsort（中文文档）服务端渲染（server-side render）nodejs API文档（中文版v4.2.4）JavaScript语言精粹学习笔记（总结）
2023-04-05 11:44:12
200
原创 前端开发中常用的工具方法
毫秒数转换成日期（格式：yyyy-mm-dd、yyyy-mm-dd hh:mm、yyyy-mm-dd hh:mm:ss）注意：微信浏览器判断要放在第一位，因为ios和android手机微信浏览器代理信息中都包含ios或者android。手机格式化（135 **** 1025、135-****-1025）前端开发中经常使用到的公用方法（使用的是ES6的语法）获取url地址参数（将url参数转成对象返回）过去了多长时间（几秒前、几分钟前、几小时前）就可以了，但是相同对象去重，不能使用这个方法。
2023-04-04 21:53:11
179
1
原创 git常用命令操作手册
解决 Git 默认不区分文件名大小写的问题。git清理不必要的文件和优化本地仓库内存。git导出某个时间段的代码提交记录到桌面。git获取不到gitLab创建的新分支。git查看相关命令用法或帮助。git常用命令操作手册。git切换远程仓库地址。fork模式切换新分支。
2023-04-03 23:53:49
122
原创 文章标题
本人刚学习AngularJS,同时在工作中也遇到了用AngularJS制作省市区三级联动下拉列表，为了更好的学习和巩固AngularJS以及方便自己以后查阅，所以自己又重新写了一遍，把它分享出来，同时也为刚学习AngularJS的新人提供一定的参考。由于代码中的省市区比较长，所以AngularJS相应的代码在最底部<!DOCTYPE html><html ng-app="myModule"><h
2016-03-25 22:15:46
181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人