function compareVersion(v1, v2) { v1 = v1.split('.') v2 = v2.split('.') const len = Math.max(v1.length, v2.length) while (v1.length < len) { v1.push('0') } while (v2.length < len) { v2.push('0') } for (let i = 0; i < len; i++) { const num1 = pars…

基于原生JS的jsonp方法的实现 jsonp,相信大家并不陌生,是在js异步请求中解决跨域的方法之一,原理很简单,有不清楚的同学可以google下,这里就补详细解释了.在Jquery库中,jQuery直接封装有jsonp的方法,很简便,只需在ajax请求的参数中加入datatype:jsonp,jsonp:jsonpcallback即可,这里写下用原生js实现jsonp的源码. load= function (url, cfg, success) { var op = Object.proto…

webview开发,在Android4.4下js调用java方法报错"Uncaught TypeError: Object [object Object] has no method,同样的写法在4.3及下都没问题,4.4怎么不行; 在你的方法前面加上 @JavascriptInterface:因为4.4安全性要求更高了: 例:Uncaught TypeError: Object [object Object] has no method 'showResult': 你的方法: public v…

在web项目开发过程中,我们经常会引用css.js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案: 1.手动清除浏览器缓存 2.添加版本号(如 layout.css?v=1) 个人认为方法2更快,因为清除浏览器缓存还要等浏览器响应.但是每次更改版本号也很麻烦,所以需要想办法自动添加版本号, 以下是本人收集的方法: 方法一:可以通过js自动给html添加版本号 <script type="text/javascrip…

slice()方法和splice()方法都是原生js中对数组操作的方法. slice(),返回一个新的数组,该方法可从已有的数组中返回选定的元素.例如:arrObject(start,end),start是必选的.规定从何处开始选取,如果是负数,则是从数组元素尾部选取,也就是说-1指最后一个元素,-2指倒数第二个元素:end是可选元素.规定从何处结束选取.该参数没有,表示从开始位置截取到数组末尾,如果是负数,表示从数组末尾向前截取元素.该方法不会修改原数组,如果想删除数组中某一段元素,使用spl…

说一说自己粗心踩到的一个不算坑的坑: 项目是安卓webview嵌入SPA单页应用页面,涉及到JS调用原生安卓方法,但就是在调用安卓方法时死活一直报错xxx  NPObject一堆错误.写了一个测试页面,调用一点问题没有,这也让安卓开发头疼不已,这破问题查了一两个小时,最终还是出在前端. 问题原因:JS调用安卓方法多传了一个undefined参数,本来这在JS中是一个小问题,但在桥接中就成了一个大问题了.JS调用JS方法一般这么写: function a () {}; function b (o)…

在w3c school中描述如下: 定义和用法splice() 方法用于插入.删除或替换数组的元素.语法arrayObject.splice(index,howmany,element1,.....,elementX)参数 描述index 必需.规定从何处添加/删除元素.该参数是开始插入和(或)删除的数组元素的下标,必须是数字.howmany 必需.规定应该删除多少元素.必须是数字,但可以是 "0".如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素.element1…

在项目中遇到js中escape过的json字符串,需要在C#中对应模拟编码,记得原来遇到过这个问题,但是当时没记录下来方案, 于是又搜索了一番,发现别人说的都是HttpUtility.UrlEncode方法,但是在使用中发现有汉字时得到的结果并不一致,试了几个不同的编码方式, 始终得不到一致,最后试了HttpUtility.UrlEncodeUnicode方法,发现结果一致,记录一下.…

var tmp = arguments.callee.toString(); var re = /function\s*(\w*)/i; var matches = re.exec(tmp);//方法名 var id=matches[1]; alert(id);…

1. 方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象. 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj. apply方法: 语法:apply([thisObj[,argArray]])…

摘要:本文将全面的,详细解析call方法的实现原理 本文分享自华为云社区<关于 JavaScript 中 call 方法的实现,附带详细解析!>,作者:CoderBin. 本文将全面的,详细解析call方法的实现原理,并手写出自己的call方法,相信看完本文的小伙伴都能从中有所收获. call 方法的实现 1.函数作用 调用函数,可传入参数,改变this指向 2.总体步骤 边界判断(this,context) 将调用的函数设置为对象(传入的context)的方法(改变this指向) 调用函数,…

定义和用法 split() 方法用于把一个字符串分割成字符串数组. String.split() 执行的操作与 Array.join 执行的操作是相反的. join() 方法用于把数组中的所有元素放入一个字符串. 元素是通过指定的分隔符进行分隔的. 实例: var str1="上海@北京"; var str2=["上海","北京"]: str1.split("@");//通过 “@”分割符把字符转数组 "上海@北京&…

索引: Node.js的安装以及Node.js的模块管理Node.js开发环境搭建以及对ES6的支持Node.js构建Vue.js项目Vue.js单文件组件的开发基于Vue.js的UI组件(Element)的使用 一:Node.js正确写法 在很久以前,写过一篇 jQuery插件定义 的博客,给我留下了深刻的印象.当时本意是讨论jQuery插件的标准化定义,引出了jQuery写法的问题. jQuery写法是千变万化:Jquery,jquery,JQUERY,JQuery.好些人都没留意这个写法的…

索引: Node.js的安装以及Node.js的模块管理Node.js开发环境搭建以及对ES6的支持Node.js构建Vue.js项目Vue.js单文件组件的开发基于Vue.js的UI组件(Element)的使用 一:Node.js正确写法 在很久以前,写过一篇 jQuery插件定义 的博客,给我留下了深刻的印象.当时本意是讨论jQuery插件的标准化定义,引出了jQuery写法的问题. jQuery写法是千变万化:Jquery,jquery,JQUERY,JQuery.好些人都没留意这个写法的…

一:node.js安转 方法一:下载node.js for Mac 地址: http://nodejs.org/download/ 直接下载 pkg的,双击安装,一路点next,很容易就搞定了. 安装完会提醒注意 node和npm的路径是 /usr/local/bin. 方法二:用Homebrew安装 1.安装Homebrew Homebrew的安装非常简单,打开终端复制.粘贴以下命令,回车,搞定. ruby -e "$(curl -fsSL https://raw.githubusercont…

JS是前端的核心,但有些使用技巧你还不一定知道:本文梳理了JS的41个技巧,帮助大家提高JS的使用技巧: Array 1.数组交集 普通数组 const arr1 = [, , , , , ,],arr2 = [, , , , ]; const intersection = arr1.filter(function (val) { return arr2.indexOf(val) > - }) console.log(intersection) //[5, 8, 9] 数组对象数组对象目前仅针对…

https://www.npmjs.org/package/rjs-optimhttps://www.npmjs.org/package/grunt-requirejs-md5指定js版本号 但不是MD5 没有检测文件是否更新机制https://www.npmjs.org/package/grunt-static-versioning-requirejs…

开发过程中经常需要动态加载js和css,今天特意总结了一下常用的方法. 1.动态加载js 方法一:动态加载js文件 // 动态加载js脚本文件 function loadScript(url) { var script = document.createElement("script"); script.type = "text/javascript"; script.src = url; document.body.appendChild(script); } /…

JavaScript Date format(js日期格式化) 方法一:// 对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") ==> 2006-07-02 08:09…

一.配置开发环境: 1.先安装node (1).访问http://nodejs.org打开安装包,正常安装,点击next即可. 为了测试是否安装成功,打开命令提示符,输入node,则进入node.js交互模式,如图: 通过这种方式安装node.js还自动附带了npm (2).安装node.js包管理器(Express) 新开一个命令行窗口 在命令行输入 npm install -g express Express 目录结构 t-1 目录/文件 说明 ./  根目录,我们的node.js代码都会方…

本来想一气呵成,把加载的过程都写了,但是卡着呢,所以只好在分成两份了. 1.页面里使用<script>来加载 boot.js . 2.然后在boot.js里面动态加载 bootLoad.js.以时间作为标识 var dateVer = date.getYear() + '_' + date.getMonth() + '_' + date.getDate() + '_' + date.getHours(); 这样可以保证一小时内肯定会被更新.同时也避免了每次都去更新. 3.boot.js里面根据…

<!DOCTYPE html> <html> <head> <title>ajax</title> </head> <body> <script src="js/dui.js"></script> <script> // 方法一 ajax('/', function (data, obj) { alert(obj.getResponseHeader("Dat…

不久前折腾了一晚上关于app上的页面和js的调试: 首先得准备几个比较比较常用的工具: 1.chrome(这个都没有你还干啥fe呀) 2.Fiddler(抓包神器,基本也是必备咯) 3.sublime(编辑器至少得有一个吧) then? 打开Fiddler,配置设置啥的都不在这里说了,篇幅有点长,PS:(不过比较方便的一个东西就是Fiddler上可以配hosts,不用再hosts文件下去配hosts了) 这里说一下app里面的调试和一般的M端web调试的不同,在M端调试时把页面和js代理到本地修…

在Windows上安装 Node.js十分方便,我们只需要访问node.js官网http://www.nodejs.org/,点击Download链接,然后选择Windows Installer(32bit,64bit可选),下载安装包.下载完成后直接双击安装.一路next就可以了. 选择需要安装的组件,默认就行,默认安装了npm包管理器及自动添加了环境变量,然后点击“Next” 点击“Install”,开始安装,然后会出现安装进度条,最后点击“Finish”即可完成安装. 启动node 我们可…

1:实现一个函数clone,可以对JavaScript中的5种主要的数据类型(包括Number.String.Object.Array.Boolean)进行值复制. function clone(Obj) { var buf; if (Obj instanceof Array) { buf = [];  //创建一个空的数组 buf=buf.concat(obj)//连接数组 return buf; }else if (Obj instanceof Object){ buf = {};     …

方法一:用resize事件来判断,利用屏幕的宽高比,来判断横竖屏 (兼容性较好) (function () { var updateOrientation = function () { var orientation = (window.innerWidth > window.innerHeight)? 'landscape' : 'portrait'; if(orientation === 'landscape'){ //横屏 } else if(orientation === 'portr…

js数组去重是面试中经常会碰到的问题,无论是前端还是node.js数组常见的有两种形式,一种是数组各元素均为基本数据类型,常见的为数组字符串格式,形如['a','b','c'];一种是数组各元素不定,元素中既有基本数据类型,也有引用数据类型,形式如[{name:1,age:2}];这里介绍两种常见的js去重方式. 方法一:针对数组字符串形式(利用set) let arr = [1,2,3,4,5,4,3,2,1]; let set = new Set(); arr.forEach((item)=…

限定项目运行所需的 Node.js 版本可保证项目在一个稳定可预期的环境中运行,减少不必要的故障.甚至有些依赖库只能工作于某些版本下.同时,不加以限制的话,在多人合作的项目中恐怕会引起环境不一致带来的兼容性问题,部署上也会存在相同的问题. 为项目指定 Node.js 的版本可通过版本管理器,或者通过 package.json 中添加相应属性来实现. nvm 管理 Node.js 的版本最好可通过相应的版本管理器来完成,比如 nvm.用法在 nvm --help 中描述得很详尽. 通过在项目根目录…

前一段时间,nw.js 项目中想用一个本地数据,最后选择了sqlite3.选好之后就开始干吧,结果mmp,被坑了好久. nw.js官方文档也有调用node原生模块的API,但是照着文档那样配置,以为会成功,然而,那一刻我的心是凉的,结果是并没有成功,然后各种瞎搞,还是失败了. 最后百度呀,google啊,搜了一大堆相关资料,怎么地,没辙呀,照着那些资料一步一步来呗,庆幸的是功夫不负有心人呀哈哈,居然成功了,尽管花了好长好长的时间,但是不要在意这些细节是吧. 反正这个坑踩了很久,才过去的.好了废话…

使用场景: 页面分为header.home.footer三部分,需要在home中调用header中的方法,这两个没有相互引入 官方给出方法: 需要在展示页里调用顶部导航栏页里的方法,两者之间没有引用关系,看了一下vue的API发现可以用这个方法实现. https://cn.vuejs.org/v2/api/#vm-on 在项目中实现: 1.首先同一个vue实例来调用两个方法.所以可以建立一个中转站. 建立 util.js 中转站文件(任意位置,我是在/assets/js/util.js) imp…