本人开发一个名片快速生成的方式。通过输入名片相关的信息，就可以显示含有这些信息不同风格名片。这样可以最真实的看到名片样式。可以节省很多时间哦。

给css添加前缀（js，webpack）关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站代码中某些地方添加。在项目中，有时需要在某个情况下需要添加css前缀，这个时间一般会用js给css添加。下面提供一个通用方法，用来添加前缀。 {代码...} 用webpack给项目整体添加css前完成这个需要3步，需要使用两个插件（postcss...

字符串进行转义，防止xss攻击关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...} 我们小滑轮网站上还有其他字符串的工具函数去除空格字符大小写转换下划线格式字符串转为驼峰格式驼峰格式字符串转为下划线格式可以去看看，希望对你的开发有帮助～

webp格式的图片在质量相同的情况下，可以拥有更小的体积。而且现在很多资源存储的云服务商都支持请求webp格式的图片。所以说，在网站中使用时webp格式，可以让网站打开更快，也更节省网络带宽。但是并不是所有的网站都支持webP格式的，所以在使用之前，先判断下是否支持webP格式，下面的代码就提供了判断的方法。

js实现浏览器的全屏和退出全屏关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

防抖和节流关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

获取cookie的值，设置cookie，删除cookie关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

还有更多的日期操作：设置几天后的日期，获取当前时间的n天后的时间戳， 本周第一天， 本月最后一天， 星期转换，将数字转换成英文等等。可以在小滑轮网站（[链接]）找到

颜色格式进行转换关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 将HEX格式转换为RGBA，RGB格式转换HEX {代码...}

图片转成base64关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

将数字转换为大写金额关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

获取设备像素比关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

禁用浏览器的默认行为关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 {代码...}

将文本插入到文本区域的光标位置关于更多公共类的操作方法，可以关注下小滑轮网站 {代码...}

设备环境判断关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站判断是否在微信环境是否安卓环境是否iphone环境是否ios环境（包括iPhone和ipad）是否safari环境是否为windows系统是否为mac系统（包含iphone手机）判断是否在微信环境@return {boolean}*/function isWeixin() { // 如果需要可以增加判断电脑版微信...

URL相关操作关于更多公共类的操作方法，可以关注下小滑轮网站获取window.URL 实例获取url中的参数删除url中参数增加url中的参数获取URL里domain返回url的pathNamehttp协议转换为https将dataURL转换为blobblob2DataURL {代码...} http协议转换为https@param url@return {*}*/function url2https(url) { return addProtoco...

欢迎关注小站小滑轮。关于小站的内容也可以在博客下面留言哦。有什么使用的工具想让我补充，也可以留言。谢谢

问题背景在我们自己研发的页面里我们经常会使用微信的jssdk获取微信用户的头像和妮称。一般情况下，我们的展示的头像都比较小，不会有模糊的问题。但是如果头像显示的比较大时，图片的模版的问题就会显现出来，尤其在iphone手机上。比如下面的图。

Ace是一个功能非常强大的编辑器。它实现了语法着色，缩进，代码提示功能。且具有大量的主题，支持大量语言。但是Ace的文档基本上是英文的。先展示下Ace的例子。

本章主要是解释几个大部分人关于promise疑惑的地方，或者可能跟你想象不太一样的地方，所以需要对promise有一定的基础才行，最好在项目里用过。在开始之前，先跟大家确认一个概念：决议。决议就是promise的判定。比如执行reslove（）或者reject（），这个promsie就被判定成一个状态了，或者说被决议了

在有需要正则表达式，很常见的操作就百度一下。看能不能找到满足我需求的。有时候你会找到的，比如手机校验，密码校验，邮箱校验。但是很多人往往都看不懂网上的正则的意思。这个就是学习正则的一个误区。在我看来，我们学习正则应该是：了解其匹配过程，再看懂正则表达式，最后才是自己写正则表达式。下面主要讲的就是...

splice： v 绞接，捻接(两段绳子);胶接，粘接(胶片、磁带等); n 胶接处;粘接处;绞接处.split: v 分裂，使分裂(成不同的派别);分开，使分开(成为几个部分);分担;分摊;分享; n 分歧;分裂;分离;划分;分别;份额;裂缝;slice: v 把…切成(薄)片;切;割;划;削(球);斜切打; n 部分;(切下的食物)薄片，片;份额;锅铲;(餐桌用)小铲

在现实研发过程中，我们经常需要借助chrome Devtool 查看页面的dom节点。但有的时候比较难找，经常被困扰者。本篇文档就是对其中两个情况提供一下好的建议。

这只是小的知识点，但在前端开发中经常遇到的。 js 遍历数组大家知道。 {代码...} 上面就是两个方法遍历数组，当然还有其他方法，很多js包都有自己遍历数组方法。 下面就是js遍历json的属性 {代码...} 从代码上看，就是用for .. in.. 来实现遍历的json的属性的。这个还是很重要，以后项目开发会经常遇到需要遍历json属性...

前几天公司项目里有这样一个需求，把网页的某一部分能够一键截图。这个功能其实就是对人力的一个优化，如果是人为做的话，相信大家都知道怎么做（用截图工具在指定区域截图，然后保存到本地，再上传的服务器上去）。我这个主要就解决这个批量的人力的优化。好，废话不多说了。直接上逻辑和代码。'

我们在前端开发时有时遇到这样的需求，同过button直接把input 或者textarea里的值复制到粘贴板里。这里提供一个方法实现这个功能，在你的项目里直接引入就行。

我用jquery开发我们前端时，我们用js添加和删除元素是不可避免的。我总结了一点用jquery添加和删除元素。 添加元素： 例如你需要在<div id="main"></div>中添加元素：

当我做前端开发时，我们会经常遇到这样的情况：我可能需要引入一些包做一些特殊的事情，可是这个包在部分的情况是用不到的。所以我们就希望在需要的时候再加载这个包。下面提供一个比较好的方法，用来动态加载这个js 和css文件

作为一个前端攻城狮，我们当然知道必须知道webstorm，这是我目前见到最好用的前端开发IDE。我在刚开始用的时候，很不习惯webstorm自带样式，所以我花了很长时间研究如何更改样式和主题。现在分享如下：

最近项目中用到下拉列表，由于浏览器对下拉列表的解析不一样，且项目要求要用各自浏览器自带的select效果。这个让我彻底放弃了使用别人写的下拉列表控件（比如： bootstrap dropdown）。下面是我select的一些总结。