携手天下

本文发布于我的个人网站：https://wintc.top/article/22 目前前后端数据交互通常会使用json，如果前后端变量命名风格不一致，就会导致某一端要迁就另一端，这样在自己的代码中就会同时出现两种命名风格。为了避免这种尴尬，我们可以在接口获取数据和发送数据的地方做统一处理，将收到的数据统一转为前端的风格，而将发出的数据转为后端的风格。 这不，项目里后端用了下划线形式的命名风格，而前端用的是小驼峰格式，所以写了两个函数进行转换，主要用到了递归算法和字符串正则替...

本文最先发布于我的个人网站：https://wintc.top/article/33。转载请注明出处　　本文介绍一下JS中的一个重要概念——闭包。其实即便是最初级的前端开发人员，应该都已经接触过它。一、闭包的概念和特性　　首先看个闭包的例子：function makeFab () { let last = 1, current = 1 return function inner() { [current, last] = [current + last, current.

本文发布于我的个人网站：http://wintc.top/article/27，转载请注明。　　前两天给个人网站添加了一个小功能，就是在文章编辑上传图片的时候自动给图片加上水印。给网页图片添加水印是个常见的功能，也是互联网内容作者保护自己版权的方法之一。本文简单记录一下借助canvas在前端实现图片添加水印的实现方法。　　canvas元素其实就是一个画布，我们可以很方便地绘制一些文字、...

给定输入为英文字母组成的字符串，对字符串进行压缩，'abbbcc'压缩为‘ab3c2’，即统计连续相同字符个数，将字符连续出现2次及以上的子串压缩为“字母+出现次数”的形式。本文发布在我的个人网站：http://wintc.top/article/25...

http://wintc.top/article/20本文解读了JS树结构的深度优先遍历、广度优先遍历，树结构查找节点、查找节点路径，树结构和列表结构的相互转换等，实现方法包含了递归、非递归，代码非常简洁。...

http://wintc.top/article/18

　　在实现一个项目需求的时候，需要监听到某个div元素的宽高变化，第一时间想到的是resize事件，但是很不幸运的是，resize事件只能加在window对象上，并不能监听具体某个DOM元素。　　多方查阅之后，了解到MutationObserver，这是一个可以用来监听整个DOM中任何变化的东西，可以把它理解为一个类，实例化之后调用类实例的几个简单接口即可完成监听，以下具体介绍。一、Mut...

   每次百度搜索，搜索结果的右边总是出现些乱七八糟的搜索热点（推的都是些什么玩意，高校替课和我有毛关系，几个悲伤的热点我用信号顶掉了）。  强迫症想把它隐藏掉，我用的是chrome浏览器，受adblock（超强屏蔽广告插件）的启发，想到做浏览器插件的方式。  本文简单记录一下插件开发过程，chrome插件开发真的非常简单，只需要一点点前端的知识就可以了，以下是本次插件开发、打包、安装全部过...

源于一次面试，一起面试的同事问面试者的一个问题：数组遍历有哪些方式？想来数组操作是平时开发中的常用技能，面试者吞吞吐吐大概就说出了两种方式吧，最后就淘汰掉啦（面试者是个很认真的妹纸，面试都在简单做一些笔记，不过基础确实有些困难～）。对于＂数组遍历＂这个问题，其实答案很宽泛，关键在于你能不能列举出一定数量的方法以及描述它们之间的区别。本文即介绍一下数组的基本遍历操作和高阶函数。一、数组基本遍历...