不万能的杂货铺

Record my life


  • 首页

  • 标签

  • 分类

  • 归档

  • 个人简历

  • 公益404

  • 搜索

js常见算法题

发表于 2017-08-16 | 分类于 javaScript

判断一个单词是否是回文

1
2
3
4
5
var str = 'helloolleh';
function checkPalindrom(str) {
return str == str.split('').reverse().join('');
}
console.log(checkPalindrom(str));//true
阅读全文 »

jsonp解决跨域问题

发表于 2017-08-13 | 分类于 javaScript

image

阅读全文 »

js中的函数节流(throttle)和函数去抖(debounce)

发表于 2017-07-22 | 分类于 javaScript

前言

在js中,我们经常会遇到这种情况,需要监听页面的scroll事件或者鼠标的mousemove事件等。由于这些事件在鼠标移动的过程中会被浏览器频繁的触发,会导致对应的事件也会被频繁的触发,这样就会造成很大的浏览器资源开销,而且好多中间的处理是不必要的,这样就会造成浏览器卡顿的现象。我们无法做到让浏览器不去触发对应的事件,但是可以做到让处理事件的方法执行频率减少(throttle)或者在执行动作完成后执行一次(debounce),从而减少对应的处理开销。

阅读全文 »

VSCode好用的插件

发表于 2017-06-26 | 分类于 工具

Open-In-Browser

由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firefox,Chrome,IE)中打开命令面板选项。

阅读全文 »

查找数组中某个元素出现的所有下标

发表于 2017-06-12 | 分类于 javaScript

前言

前几天在工作中遇到一个需求,需要在一个url中截取第二个’/‘开始后面的字符,于是就需要获取到第二个’/‘的小标。如何在字符串中获取某个字符第n次出现的下标呢?用此文记录一下。

阅读全文 »

图片懒加载的简单实现

发表于 2017-05-25 | 分类于 javaScript

为什么要使用懒加载

在网页中,我们有时候需要展示多张图片。如果图片太多,页面的加载速度会慢很多,这样会非常影响用户体验。所以,在图片过多的页面,为了加速页面的加载进度,我们需要将页面中没出现在可视区域内的图片先不做加载,等图片滚动到可视区域内时,再把图片加载出来,这样对于页面的加载性能会有很大的提升。

阅读全文 »

移动端点击(click)事件延迟问题的产生与解决方法

发表于 2017-05-13 | 分类于 javaScript

为什么会存在300ms延迟?

移动浏览器为什么会设置300毫秒的等待时间呢?这与双击缩放的方案有关。平时我们可能已经注意到了,双击缩放,即用手指在屏幕上快速点击两次,可以看到内容或者图片放大,再次双击,浏览器会将网页缩放至原始比例。

阅读全文 »

元素宽高成比例自适应

发表于 2017-04-11 | 分类于 css

前言

在开发过程中,我们经常会遇到让元素的宽高成一定比例的情况。或者在使用轮播图时,如果我们只是靠图片撑开元素的高度,那图片未加载出来时,页面会出现抖动的情况。为了避免这种情况,我们就需要让容器宽高成一定比例,如果图片是600*300的尺寸,我们就需要让容器的宽高比为2:1。

阅读全文 »

圣杯布局

发表于 2017-04-02 | 分类于 css

前言

在上一篇实现了双飞翼布局,这篇来实现一下圣杯布局。圣杯布局和双飞翼实现的效果是一样的,都是三栏布局,两侧栏宽度固定,中间栏自适应并且能在浏览器中优先展示渲染。

阅读全文 »

双飞翼布局

发表于 2017-04-01 | 分类于 css

前言

双飞翼布局和圣杯布局,都是三栏布局,两侧栏宽度固定,中间栏自适应并且能在浏览器中优先展示渲染。它们实现的效果是一样的,差别在于其实现的思想。

阅读全文 »
123
About Mr

About Mr

30 日志
7 分类
42 标签
RSS
GitHub E-Mail
© 2016 — 2021 About Mr
本站总访问量 次