![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 76
han_hanker
web前端菜鸟级,知识搬运工
展开
-
js 加减乘除精度问题
//加法 Number.prototype.add = function (arg) { var r1, r2, m; try { r1 = this.toString().split(".")[1].length } catch (e) { r1 = 0 } try { r2 = arg.toString().split(".")[1].length } catch (e) { r2 = 0 } m = Math.pow(10,...转载 2020-06-18 12:16:29 · 457 阅读 · 0 评论 -
vue格式化,用tab写4个空格的问题
强迫症的福音环境vue脚手架+vscode我们安装脚手架或者下载大神们的框架的时候,里面书写的格式和自己的不一致,什么空格啊,引号,对其方式啊,很折磨人我们来统一一下1.安装vetur+prettier2.设置vscode文件-》首选项-》设置 // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 4, /原创 2020-05-10 15:00:35 · 5673 阅读 · 0 评论 -
封装uni ajax
基于uni微信小程序的封装一种是函数,一种是Promise注意:当needToken为true的时候,需要提前登陆,且需要在全局定义siteBaseUrl地址。/* hanker param: token: 默认取本地的hankerToken loading :默认值是true*/function post(url,data,success,error,needToken...原创 2020-04-24 11:13:32 · 705 阅读 · 0 评论 -
promise的学习
在学习vue的时候,会看到Promise。个人理解,如有错误请包涵为了解决某些异步的问题,比如多层嵌套,让写法更加优美最基本的写法let a = new Promise((resolve,reject)=>{ let r = Math.random()*10; if(r>5){ resolve(r) }else{ reject(r) }...原创 2020-04-22 19:27:48 · 157 阅读 · 0 评论 -
日期格式化函数
//添加日期函数 function getFormatDate(arg) { if (arg == undefined || arg == '') { return ''; } var re = arg + ''; if (re.length < 2) {...转载 2019-05-17 17:43:23 · 963 阅读 · 0 评论 -
【前端性能】高性能滚动 scroll 及页面渲染优化
转载于:http://www.cnblogs.com/coco1s/p/5499469.html最近在研究页面渲染及web动画的性能问题,以及拜读《CSS SECRET》(CSS揭秘)这本大作。本文主要想谈谈页面优化之滚动优化。主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动。因为本文涉及了很多很多基础,可以对照上面的知...转载 2018-03-05 18:00:13 · 3868 阅读 · 0 评论 -
模板设计模式的思路
var Coffee = function(){ } Coffee.prototype.boilWater = function(){ console.log('boilWater') } Coffee.prototype.brewCoffee = function(){ console.log('brewCoffee') }转载 2018-03-02 14:00:22 · 263 阅读 · 0 评论 -
_.debounce防抖动和节流
转载于vue官网 https://cn.vuejs.org/<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>侦听器&转载 2019-02-26 10:34:15 · 1151 阅读 · 1 评论 -
闭包,函数嵌套, 经典面试题
转载于:http://web.jobbole.com/84328/由工作中演变而来的面试题这是一个我工作当中的遇到的一个问题,似乎很有趣,就当做了一道题去面试,发现几乎没人能全部答对并说出原因,遂拿出来聊一聊吧。先看题目代码: function fun(n,o) { console.log(o)转载 2018-02-28 10:40:01 · 1210 阅读 · 0 评论 -
es6处理时间的函数
转载于:https://panjiachen.github.io/vue-element-admin-site/#/计算时间跨度function pluralize(time, label) { // 时间戳以秒算, 分钟,小时,天数 if (time === 1) { return time + label } return time + label ...转载 2018-12-13 10:32:20 · 2743 阅读 · 1 评论 -
深入理解移动端像素知识与Viewport知识
在做移动端网页开发时,首先要搞清楚三种viewport和三种像素,只有明白了这些概念,才能更好地开发出适配不同分辨率设备的网页。 但参阅的博客越多,对这些概念越是混乱,同样的一个概念,在一篇博客中是这种说法,在另一篇博客中又变成了另外一种说法,越看越成了一团乱麻! 本文试着去综合一下多篇博客中的这些概念,并尝试去理顺这些概念间的复杂关系,如有错误,欢迎指正! 声明: 本人在转载 2017-02-08 20:36:55 · 540 阅读 · 0 评论 -
this,创建一个对象
转载于网络字面量var obj = { name: 'hanker', speak: function(){ return 'hello ' + this.name; }, age: 20}属性之间没有顺序的分别方法直接访问该对象的属性和方法前要加this属性名字可以加”,’也可以不加也可以先定义一个空对象,然后给这个空对象...转载 2018-02-26 17:45:24 · 423 阅读 · 0 评论 -
jsonp 百度搜索框
转载于:https://www.cnblogs.com/xiaohuochai/p/6568039.html<style>body{margin: 0;}ul{margin: 0;padding: 0;list-style: none;}a{color:inherit;text-decoration: none;}input{padding: 0;border: 0;}...转载 2018-02-26 11:20:21 · 337 阅读 · 1 评论 -
JS数组中的indexOf方法
转载于:http://www.jb51.net/article/94627.htm 简单谈谈JS数组中的indexOf方法 投稿:daisy 字体:[增加 减小] 类型:转载 时间:2016-10-13 我要评论 最近在工作中遇到一个小问题,这篇文章代码我会简化成小例子展转载 2017-03-15 14:37:58 · 986 阅读 · 0 评论 -
日期控件datepicker的日期剔除解决方法
需求1.从后台中传入数据 2.把一段日期中的一些时间剔除 过程设置每段时间的最大、最小值 把要剔除的字段拼接并转为一个以数字代表的数组 3.把能售卖的日期放入一个全局的数组中 . 4.创建一个函数作为日期控件beforeShowDay的参数 5.日期控件的参数原创 2017-03-23 17:31:24 · 1001 阅读 · 0 评论 -
HTTP-服务器端CooKie与浏览器端Cookie
Cookie的来源由于HTTP协议是无状态的,而服务器端的业务必须是要有状态的。Cookie诞生的最初目的是为了存储web中的状态信息,以方便服务器端使用。比如判断用户是否是第一次访问网站。目前最新的规范是RFC 6265,它是一个由浏览器服务器共同协作实现的规范。 Cookie的处理分为:服务器像客户端发送cookie浏览器将cookie保存之后每次http请求浏览器都会将cookie发送转载 2017-03-22 13:19:42 · 1430 阅读 · 0 评论 -
简单的选项卡(jq/angular)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- <script type="text/javascript" src="jq/jquery-1.11.3.min.js"></script> --> <script type="text原创 2017-03-27 23:37:00 · 344 阅读 · 0 评论 -
判断是否是手机端并跳转
转载于:http://www.xker.com/page/e2014/0325/131654.html常用跳转代码<script type="text/javascript"> // borwserRedirect (function browserRedirect(){ var sUserAgent = navigator.userAgent.toLowerCase()转载 2017-02-05 15:03:14 · 5270 阅读 · 0 评论 -
JSX语法详解
转载于 http://blog.csdn.net/a153375250/article/details/53434299 JSX语法详解 本文在官方文档的基础上,进行了扩展扩展补充和一些解读。基本涵盖了JSX语法的细枝末节,JSX语法本身并不复杂,也容易掌握。本文供学习参考使用。 一、基础1、JSX是什么JSX是一种像下面这样的语法:const element = <h1>转载 2017-03-04 14:46:20 · 2163 阅读 · 0 评论 -
javascript中BOM部分基础知识总结
转载于:http://www.cnblogs.com/2010master/p/5824215.html一、什么是BOM BOM(Browser Object Document)即浏览器对象模型。 BOM提供了独立于内容 而与浏览器窗口进行交互的对象; 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window; BOM由一系列相关的对象构成,并转载 2017-02-04 01:48:52 · 248 阅读 · 0 评论 -
$(document)与$(window)的区别
转载于http://www.cnblogs.com/piuba/archive/2013/01/06/2847295.html$(document)与$(window)的区别$(window)和$(document)获取到的对象不同。1、Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算.2、Docume转载 2017-02-04 00:35:37 · 1632 阅读 · 0 评论 -
js中call()与apply()方法
菜鸟级别的选手,学习+意会。欢迎指正参考文章http://uule.iteye.com/blog/1158829 http://blog.csdn.net/myhahaxiao/article/details/6952321语法规则call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) apply方法: 语法:apply([thisO原创 2017-02-04 00:00:46 · 275 阅读 · 0 评论 -
sessionStorage和localStorage
转载于:http://www.cnblogs.com/yuzhongwusan/archive/2011/12/19/2293347.htmlhtml5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁转载 2017-03-27 13:32:08 · 190 阅读 · 0 评论 -
有用的代码块
网上收集欢迎转载数组去重(原型方式)<script type="text/javascript"> Array.prototype.unique3 = function () { var res = []; var json = {}; for (var i = 0; i < this.length; i++) { if转载 2017-04-06 17:29:03 · 304 阅读 · 0 评论 -
不常见的事件
收集一些不常用的事件禁止鼠标右键:oncontextmenu=”return false”;禁止选择:onselectstart=”return false”;css样式: div{ -moz-user-select:none;/火狐/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtm转载 2017-05-15 14:00:49 · 184 阅读 · 0 评论 -
window.postMessage
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Html5 postMessage</title> <style> #otherWin { width: 600px;转载 2018-02-26 09:44:56 · 454 阅读 · 0 评论 -
Math.random()函数生成n到m间的随机数字
装载于:http://www.jb51.net/article/56019.htm函数方法Math.random()函数返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1)生成n-m,包含n但不包含m的整数[n,m)第一步算出 m-n的值,假设等于w第二步Math.random()*w第三步Math.random()*w+n第四步parseInt(Math.random()*w+n, 10)转载 2017-11-28 10:01:41 · 886 阅读 · 0 评论 -
把一个数组拆分成元素为数组的数组(猴子吃香蕉)
转载于:https://segmentfault.com/a/1190000011106939 var mybody=response.body; //mybody为要处理的数组,每隔8个分为一个新数组 var num=parseInt(mybody.length/8); //num为mybody里含有几个长度为8的数组 var category=[];转载 2017-12-22 14:18:26 · 417 阅读 · 0 评论 -
兼容低版本的浏览器各种汇总
识别html5新标签、使用css3媒体查询(响应式) <!--[if lt IE 9]> <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://cdn.bootcss.com/respond.js/1.4.2/respon原创 2017-02-05 15:10:11 · 2069 阅读 · 0 评论 -
有意思的拖拉条
转载于:http://www.treejs.cn/v3/main.php#_zTreeInfo这是 ztreejs例子中使用的拖拉条。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src=转载 2017-03-21 16:25:14 · 467 阅读 · 0 评论 -
HTML的footer置于页面最底部的方法
转载于:http://www.cnblogs.com/pinganzi/p/6383487.html方法一:footer高度固定+绝对定位<html> <head> <style type="text/css"> html{height:100%;} body{min-height:100%;margin:0;padding:0;position:rel转载 2017-05-26 16:24:12 · 12006 阅读 · 0 评论 -
字符串转为json格式方法
转载于:http://www.jb51.net/article/40842.htmeval()定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。eval("x=10;y=20;document.write(x*y)")就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象,以下举例说明:var data='{"转载 2017-06-26 14:31:52 · 3547 阅读 · 0 评论 -
封装jQuery的ajax
学习代码,摘抄function galasysJsonGet(url, json, callback, isAsync) { var isAsync = isAsync == undefined ? false : isAsync; if (url == '' || url == null || url == undefined) { return false;转载 2017-05-16 15:29:28 · 252 阅读 · 0 评论 -
移动端视口
名称解释物理像素(设备分辨率) 物理分辨率:显示屏的最佳分辨率,即屏幕实际存在的像素行数乘以列数的数学表达方式,是显示屏固有的参数,不能调节,其含义是指显示屏最高可显示的像素数。(我们可以这样理解,如:iPhone5物理分辨率640*1136,那么他实际上横轴有640个点,纵轴有1136个点。)设备独立像素(逻辑分辨率)(dips)设备独立像素 device-independent pixel转载 2017-02-08 16:40:39 · 3528 阅读 · 0 评论