JavaScript温故:制作一个backtotop按钮

backtotop按钮可以在内容滚动时,给用户一个返回顶部的方便。制作一个backtotop按钮的关键是告诉浏览器此元素相对于浏览器固定,而不随着内容的滚动而滚动。代码: <div href=”#” id=”top” title=”Back to top”>&uarr;</div> <div id=”content” style=”height: 2000px […]


你真的懂ajax吗?

前言 总括: 本文讲解了ajax的历史,工作原理以及优缺点,对XMLHttpRequest对象进行了详细的讲解,并使用原生js实现了一个ajax对象以方便日常开始使用。 damonare的ajax库:damonare的ajax库 原文博客地址:你真的懂ajax吗? 知乎专栏&&简书专题:前端进击者(知乎)&&前端进击者(简书) 博主博客地址:Damonare的个人博 […]


Mongoose 多条件模糊查询的实现

这是今天手头项目中遇到的一个问题,关于mongoose如何实现类似于SQL中 nick LIKE ‘%keyword%’ or email LIKE ‘%keyword%’ 这种多条件模糊搜索的问题。 查阅了mongoose文档才得以实现,特此记录一下。 主要用到了query.$or和query.$regex这两个find参数。 其中query.$or用于实现多条件查询,其值是一个数组。相关文档 […]


不要过度依赖JQuery(一)

毫无疑问,JQuery是一款非常优秀的JavaScript库,它让我们开发项目变得更加便捷容易。 不过,当你准备在一个项目(特别是移动项目)中使用JQuery时,你真的该好好思考一下,你会用到JQuery的哪些功能,是否真的需要jQuery。因为随着JavaScript的不断改善进化,现在它内置的功能已经非常强大,在很大程度上,已经可以实现以前需要在JQuery中才能实现的技术(如果你的项目需要在 […]


js实现输入3位小数

<body> <input type=”text” /> </body> <script> $(“input”).keyup(function(){ var str = $(“input”).val(); var newstr; if(str.indexOf(“.”)!=-1){ var pos = str.indexOf(“.”); var new […]


Vue 2 | Part 4 v-bind绑定元素属性和样式

这期跟大家分享的,是v-bind指令。它可以往元素的属性中绑定数据,也可以动态地根据数据为元素绑定不同的样式。 绑定属性 最简单的例子,我们有一张图片,需要定义图片的src。我们可以直接在元素的属性里面定义: <div id=”app”> <img src=”https://cn.vuejs.org/images/logo.png” alt=””> </div> […]


使用JavaScript实现部分算法

二分查找 二分查找是一种在有序列表中查找某一特定元素的搜索算法。从列表的中间元素开始,如果中间元素正好是要查找的元素,则搜索过程结束;如果某一特定元素大于或者小于中间元素,则在列表大于或小于中间元素的那一半中查找,而且跟开始一样从中间元素开始比较。如果出现列表为空,则表示找不到该元素。这种搜索算法每一次比较都使搜索范围缩小一半,时间复杂度为Ο(logn) 。 ‘use strict’ functi […]


SUI踩坑记录

SUI踩坑记录 最近做了个项目选型了SUI和vue做单页应用。下面记录一下踩坑经历SUI 介绍 sui文档:http://m.sui.taobao.org/SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。 SUI 简单理解就是 […]


js格式化日期date

方法一、 // 对Date的扩展,将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date()).Format(“yyyy-MM-dd hh:mm:ss.S”) ==> 20 […]


面试闯关1

面试闯关1 在面试过程中,总会被问到一些你用到过、但是记不清一些零碎的知识,现在做一下总结。 第一部分:HTML+CSS 1.常用那几种浏览器测试?有哪些内核(Layout Engine)? 主要内核:Trident,Gecko,Presto,Webkit。 IE(Trident)、Firefox(Gecko)、Opera(Presto)、Chrome(Webkit) 2.box-sizing常用 […]