随笔分类 - 小tip
一些可能忽略的页面小细节的处理方法
摘要：1.安装 VS Code 插件 Vetur Prettier ESLint 为了让代码保存时自动格式化，在 setting.json 【setting.json打开方式：文件 --> 首选项 --> 设置 --> setting.json 或者快捷键 ctrl + , 】 添加如下代码： "edit
阅读全文
摘要：在做微信公众号页面开发里，触发微信返回事件的时候有2个需求。 我现在大概的页面流程是页面a->页面b，在页面b操作数据，在页面b点击返回，会回到a页面并刷新。在页面a点击返回，直接退回到公众号页面。 所以我需要监听2个事件。1是监听a页面的返回事件，2是判断页面a是不是从上个页面返回来的。 监听返回
阅读全文
摘要：防抖debounce装饰器 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 节流throttle装饰器 规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，只有一次生效。 2者区别： 函数防抖和函数节流都是防止某一时间频繁触发，但是这两兄弟之间的原理却不一样。
阅读全文
摘要：display:flex + justify-content: space-between 能够实现2端对齐的布局，这种布局在网页中很常见。不过这种布局方式有一个问题。举个例子，我们假设现在一排放4个图片，而我们数据库里面总共只有6张，此时布局结果如下： 第二排数量少于4张，2端对齐就出现上图这种局
阅读全文
摘要：这篇文章主要记录一些移动端体验小技巧，可能是自己项目中需要用到的，可能是研究别人造的轮子时出于好奇的一些属性，了解后发现能让用户体验更友好的，记录下来，以备不时之需。会不定期更新中~ 1.滚动条 1.1 滚动条平滑滚动 以前我们做平滑滚动到页面某个区域，可能用 jquery的 animate 比较多
阅读全文
摘要：我们以往实现平滑滚动往往用的是jQuery, 如实现平滑回到顶部，就写如下代码： 我们现在可能通过css实现这一功能了，只需要添加一句样式即可： 兼容情况可以点击这里查看。 scroll-behavior的使用你就记住这么一句话—— 凡是需要滚动的地方都加一句scroll-behavior:smoo
阅读全文
摘要：在Bootstarp 中我们可以使用 popover 插件做一些内容的展示， 代码如下： 这样子写的话，如果父级有overflow:hidden属性，你会发现超出容器的部分会显示不出。 如何解决呢？ 我们只要在上面代码中添加一个属性：data-container="body" 即可。效果如下图： 官
阅读全文
摘要：常见高度获取方法： 1.平滑滚动到顶部 2.平滑滚动到底部 3.判断滚动条滚动到底部 var nScrollHeight = $(".js_scroll_area")[0].scrollHeight; //var nScrollHeight = $(".js_scroll_area").prop("
阅读全文
摘要：今天在写代码的时候发现.on('load')绑定的事件没用。代码如下： debugger断点没进来，说明函数压根没进来。 后面在stackoverflow上找到了解决方法，方法如下图： 这样写，如果提示.load() is not a function,那说明你的jquery版本是高版本了。改成下面
阅读全文
摘要：上一篇有讲到如何在浏览器端实现打印功能。后面发现有个问题，就是表格表头有背景颜色，但是实际打印出来无背景颜色。网上的方法主要有以下几种实现方式： 1.把背景颜色写成行内样式，如下图所示： 但是发现这样子写了，并不行。可能还需要设置其他的，如果有知道的亲，望不吝赐教~ 2.在打印的时候用户自己设置，如
阅读全文
摘要：相对浏览器，将指定div滚到到指定位置，其用法如下： ps:obj是需要定位的对象，speed是滚动的速度 然而如果需要相对某一个容器（称之div1），将其内部的div2滚动到相对div1的指定位置，用法如下： 其中div1是需要具有相对位置（position:relative或者position:
阅读全文
摘要：我们在提交数据的时候，在开始提交数据与数据提交成功之间会有一段时间间隔，为了有更好的用户体验，我们可以在这个时间段添加一个那处点点点的动画，如下图所示： 汇总了一下实现这种效果主要有三种方法： 第一种：box-shadow + animate; 第二种：animate; 第三种：等宽字体 + ani
阅读全文
摘要：Math.round(Math.random()*x); Math.round(Math.random()*(y-x)+x); Math.ceil(Math.random()*x);
阅读全文
摘要：平常在工作中对于复选框的操作算频繁的了。尽管在网上已经有很多这方面的文章了，但是感觉总结的不够详细。下面是本人对于操作复选框进行的一些总结。下面的方法大多是基于jquery的，所以要记得引用jquery哦~~用原生js的地方做了说明，大家各取所需吧。 HMTL代码如下： 1.获取复选框 除了上面讲述
阅读全文
摘要：1.利用display:table-cell，具体代码如下： html代码如下： css代码如下： 效果如下： 2.采用背景法： html代码如下： css代码如下： 效果如下图： 3.图片外面用个p标签，通过设置line-height使图片垂直居中： html代码如下： css代码如下： 效果图如
阅读全文
摘要：在别人网站中看到一个类似于弹幕的效果，闲来无事用jquery写了个备用~~
阅读全文
摘要：没事利用js写个对字符串加密的方法，基本原理就是先把字符串转化成对应的unicode（用到的方法是charCodeAt()），再把unicode统一减去100（这里加减随便你取多少），把得到的unicode码再转换成对应的字符（用到的方法是String.fromCharCode()），代码如下：
阅读全文
摘要：通常当你在手机或者pad上长按图像 img ，会弹出选项 存储图像 或者 拷贝图像，如果你不想让用户这么操作，那么你可以通过以下方法来禁止： img { -webkit-touch-callout: none; } PS：需要注意的是，该方法只在 iOS 上有效。
阅读全文
摘要：当涉及到CSS设计时，对开发者和设计者而言Internet Explorer一直是个问题。尽管IE6的黑暗时代已经过去，IE也越来越不流行，它始终是一个能够容易检测的好东西。当然了，下面的代码也能用于检测别的浏览器。 $(document).ready(function() { if (naviga
阅读全文
摘要：直接上干货: 需要的材料: change_select.js (文末会给出下载地址) 使用方法: 1.调用方法:<script type="text/javascript" > $(function(){ $("select").selectCss(); })</script> *使用时必须引用jq
阅读全文
