寒玉知

摘要： 超简单的伪数组转数组的方法， 简单到令人发指！ （这里伪数组使用arguments） 1.使用 Array.prototype.slice slice() 方法返回一个新的数组对象，这一对象是一个由 begin和 end（不包括end）决定的原数组的浅拷贝。原始数组不会被改变。 虽然是浅拷贝， 但是 阅读全文

摘要： 实现new 关键字只需4步 1. 声明一个对象； 2. 把这个对象的__proto__ 指向构造函数的 prototype; 3. 以构造函数为上下文执行这个对象； 4. 返回这个对象。 简洁的代码示例如下： 使用如下： 阅读全文

摘要： 开发过程中经常会遇到 获取元素到屏幕左上角的距离， 当我们使用jQuery开发时，我们可以使用 $.offset()来获取准确的距离。 如果我们的项目中并没有引入jQuer的话，跟希望通过原生方法实现，此时我们使用 offetLeft/offetTop 或者clientLift/clientTop 阅读全文

摘要： 做App内嵌H5项目时，经常会遇到js与App的交互，最普遍的就是方法的互相调用，那么如何实现方法的互相调用呢？ 写在前面： 如果只是小项目且后期扩大的可能性不大的时候，可以忽略，可如果是长期项目的话，那么就需要考虑以下一些问题了。 1. 方法命名规范。 如果考虑到以后会有大量的方法，那么规范化的命 阅读全文

摘要： 用户体验可以说是前端的重中之重，产品使用的舒适度是用户体验的重要衡量标准，可以说用户体验的好坏直接影响这网站或者应用的发展前景，（国企app另说）。 本文就来说一说用户体验方面的鼠标光标状态指示的使用。 实际体验案例请移步这里 PC端我们通常会在不同的场景下使用不同的鼠标光标来表示对应的操作指示。 阅读全文

摘要： 原生js实现仿QQ拖拽删除交互，无需任何依赖。 项目演示请看这里， gitHub请移步这里。 由于源码很长，所以贴到最下面了。 效果截图如下： 核心思想呢，就是点击圆点的时候全屏覆盖个canvas,在canvas上画出想要的效果。 原理： 1.点击圆点，生成全屏canvas，画出两个圆 ， 在原地画 阅读全文

摘要： 1.下载 去官网 https://www.mongodb.com 找到对应版本的mongodb 的下载地址 这样的： https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel62-4.0.0.tgz 2. 去Linux服务器下载下来 1）下 阅读全文

摘要： 一般H5页面在进行分享的时候，都会生成一个分享卡片，但是这些卡片的生成是很多时候是我们是想要生成的卡片， 对于QQ，我们只需要在html页面里加如3个标签即可，如下： 对于上面的代码： itemprop="description" 为分享生成卡片的描述 itemprop="name" 为分享生成卡片 阅读全文

摘要： 一般国际化的网站至少是有中、英文两种语言的，然后就是在不同的语言环境下使用不同的语言页面。 1.实现原理 一般实现这种功能的方法，无非就是两种， 第一种，判断浏览器语言类型； 第二种，判断ip所属国家或地区； 2.实现方法 如果是服务端渲染，可以准备两个不同语言的html，然后判断请求的语言类型，然 阅读全文

摘要： 注意第一部分的内容不兼容Safari，全兼容的请使用第二部分方法 第一部分 查看demo请点 这里。 原生js复制指定内容到剪切板，超简单的实现方式， 实现思路如下： 1.创建一个input，把想要复制的内容赋值到input的value上； 2. 把这个input插入到body内； 3.获取这个in 阅读全文