js的数据处理记录

mongoDB的mapReduce返回的数据有可能会非常之多,所以单独拎出来先在浏览器里面玩一玩; // 数据源 var arr = [ {"address": "四川汶川", "count": 1, "value": 1.5}, {"address": "云南玉龙", "count": 20, "value": 2.2}, {"addr…

这两天突然想弄弄js的键盘记录,所以就小研究了一下. 主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结第一部分:浏览器的按键事件用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件…

js实用方法记录-js动态加载css、js脚本文件

js实用方法记录-动态加载css/js 附送一个加载iframe,h5打开app代码 1. 动态加载js文件到head标签并执行回调方法调用:dynamicLoadJs('http://www.yimo.link/static/js/main.min.js',function(){alert('加载成功')}); /** * 动态加载JS * @param {string} url 脚本地址 * @param {function} callback 回调函数 */ function dynam…

js实用方法记录-简单cookie操作

js实用方法记录-简单cookie操作设置cookie:setCookie(名称,值,保存时间,保存域); 获取cookie:setCookie(名称); 移除cookie:setCookie(名称,值,-1,保存域); 设置cookie 测试代码:setCookie('test','hello') //保存session级的cookie到根域测试代码:setCookie('test','hello',30,false) //保存30天且保存到当前全域名 /** * 设置cookie * @…

js实用方法记录-指不定哪天就会用到的js方法

js实用方法记录-指不定哪天就会用到的js方法常用或者不常用都有判断是否在微信浏览器中测试代码:isWeiXin()==false /** * 是否在微信中 */ function isWeixin() { return ( navigator.userAgent .toLowerCase() .indexOf('micromessenger') > -1 ) } 全角转半角测试代码:wholetoHalf('hello'')=='hello' /** * 转换全角字符串 * @para…

js小功能记录

个人日常中遇到的js小功能记录,方便查看. /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return {Boolean} [ture,false] */function isContains(str,substr) { return new RegExp(substr).test(str);} /** * 判断文件是否是图片 * @param {[type…

.net mvc 站点自带简易SSL加密传输 Word报告自动生成（例如导出数据库结构）微信小程序：动画（Animation） SignalR 设计理念(一) ASP.NET -- WebForm -- ViewState ASP.NET -- 一般处理程序ashx 常用到的一些js方法，记录一下 CryptoJS与C#AES加解密互转

.net mvc 站点自带简易SSL加密传输因项目需要,传输数据需要加密,因此有了一些经验,现简易抽出来分享! 请求:前端cryptojs用rsa/aes 或 rsa/des加密,后端.net 解密返回后端.net用rsa/aes 或 rsa/des加密,前端cryptojs解密图示: 数据发送加密: 返回数据加密: 开源代码分享:https://github.com/guandy/NetSSL 现只是简易抽出,如果后续需求量大可考虑做成组件 Word报告自动生成(例如导出数据库结构)…

JS继续学习记录（一）

JS继续学习记录(一) 总感觉自己的js code写的还算可以,但是又深知好像只知道一些皮毛,所以打算仔细记录一下js晋级学习过程,日日往复先记录一下自己目前对js的了解吧(20180828) js作为脚本语言,包括核心语法,dom,bom三部分组成. 1.核心语法:变量,函数的定义,一些js内置对象的调用,如array,如json,基本数据类型,引用数据类型若干,各自的用法云云. 2.dom对象:html的页面对象的封装,封装成的dom对象内包括html的基础属性,衍生属性,监听器,绑定函数…

正确判断js数据类型总结记录

正确判断js数据类型总结记录判断js中的数据类型有一下几种方法:typeof.instanceof. constructor. prototype. 三方库. js六大数据类型 number: 数字,整数.浮点数等等, string: 单引号或者双引号来说明, Boolean: 返回true和false,这两个值不一定对应1和0 object: 对象,可以执行new操作符后跟要创建的对象类型的名称来创建. null: 只有一个值得数据类型,逻辑上讲,null值表示一个空对象指针. undef…

2017、2018面试分享（js面试题记录）记得点赞分享哦；让更多的人看到~~

2017面试分享(js面试题记录) 1. 最简单的一道题 '11' * 2 'a8' * 3 var a = 2, b = 3; var c = a+++b; // c = 5 2. 一道this的问题 var num = 10; var obj = { num:8, inner: { num: 6, print: function () { console.log(this.num); } } } num = 888; obj.inner.print(); // 6 var fn = obj.…

JS正则表达式学习记录

JS:正则表达式学习记录 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>正则表达式</title> </head> <body> </body> <script type="text/javascript"> //这里写入script代…

Node.js log4js日志记录

这次需要给之前弄的文件服务器添加日志记录,一般每天产生的日志会特别多所以安装日期来划分是最好的,这里我用了express框架,为了适应express框架这里在log.js文件中写了use方法. //日志记录 var log4js = require('log4js'); log4js.configure({ appenders: [ { type: 'console', category: "console" }, { type : 'dateFile', filename : 'lo…

pdf.js插件使用记录，在线打开pdf

天记录一个js库:pdf.js.主要是实现在线打开pdf功能.因为项目需求需要能在线查看pdf文档,所以就研究了一下这个控件. 有些人很好奇,在线打开pdf文档浏览器不是支持吗.是的你说的都是现代浏览器,例如谷歌,360,edg等. 但是很不幸的是我们这个项目是要使用我们最喜欢(很烦)的浏览器IE.所有要想使IE能够在线读取pdf,我就知道两种办法第一种下载Acrobat Reader插件,第二就是使用js库了. 介绍pdf.js pdf.js是一个开源的js库. 官网:http://mozil…

js 操作对象记录

js 对象记录一下: let obj_1 = { name : 'james', age : '22', sex: '1' } for ( i in obj_1 ) { console.log(i) // 遍历属性 name age console.log(obj_1 [i]) //遍历值 name age } Object.keys(obj_1); // 属性转成数组 // 取第3个属性 ; for ( i in obj_1) { ) break; } console.log(i) //或者…

JS+Ajax+Servlet:记录页面访问时间

1.前端JS记录页面访问时间 1.1JQuery版本: <script type="text/javascript" src="js/jquery.min.js"></script> <script language=JavaScript> $(document).ready(function() { var vTimeStart; var vTimeEnd; var vTimeVisit; // 进入页面:记录时间 vTimeS…

【js 正则表达式】记录所有在js中使用正则表达式的情况

说实话,对正则表达式有些许的畏惧感,之前的每次只要碰到需要正则表达式去匹配的情况,都会刻意的躲过或者直接从度娘处获取. 此时此刻,感觉到了某一个特定的点去触及她.但笔者对于正则表达式使用上的理解是这样的,仅仅对她的发展历史和使用语法粗略的过了一遍,接下来就是一次一次的使用和记录下和她的每次邂逅.慢慢的,就能在心里勾勒出她最美的一面. 本篇仅记录正则表达式在js中的邂逅经历,如有读者想在其中窥探她的某种语法,直接搜索你想要实现的功能即可,例如[特定字符多次匹配]之类的即可. 1.特定字符全部匹…

JS利用cookie记录当前位置实现刷新页面后还可以保持菜单栏的展开或闭合

代码如下,重点是JS部分的代码(部分样式引用的是Bootstrapt中的): <style> .sidebar-menu .special{ font-size: 16px; margin-bottom:6px; } .sidebar-menu ul,li{padding:0;margin:0;} .sidebar-menu .black{ background-color:#2c3b41; } .sidebar-menu .size{ font-size: 18px; } </st…

日常css和js小知识点记录

2015-6-29 1.<meta name="viewport" content="width=device-width,user-scalable=no">设置屏幕宽度为设备宽度,禁止用户手动调整缩放 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, u…

qq第3方登录的JS实现方式记录

首先申请qq第3方登录接入的appkey和appid,具体方式http://wiki.connect.qq.com/%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C_oauth2-0 在网站首页如index.html head上加入<meta property="qc:admins" content="212010447760171776375" /> 在网站第3方登录页面如qqlogin.html引入 <script ty…

学习js的点点滴滴记录

从安装完node.js后(里面自带了npm), 每个模块下都有个 package.json文件,在这个目录下打开cmd后输入npm install 就是按照package.json里面的内容进行安装,安装完后后多出来个node_modules文件夹,应该是配置了…

js数组操作记录

一 .splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. arrayObject.splice(index,howmany,item1,.....,itemX) 参数描述 index 必需.整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置. howmany 必需.要删除的项目数量.如果设置为 0,则不会删除项目. item1, ..., itemX 可选.向数组添加的新项目. 事例: let a=[1,2,3]; a.splice(1,1,666); con…

js实现搜索记录列表

<div class="sy_div28"> <div class="sy_div23"> <span>搜索历史</span> <p class="clear-history"> <img src="{SITE_URL}static/pc/img/sy23.png"/> <span>清空</span> </p> <…

Hello vue.js的随笔记录

数据双向绑定的script在组件定义位置后面才顶用. 使用它的话,引用js就好,比较简单. 声明一个vm对象,new Vue({}).这个构造里传一个对象,包含el:界面元素,data:数据,methods:响应函数. 界面使用vue绑定,在元素定义处,用v-for ,v-model这样. 或者没有声明v-xxx的元素如果想使用vue组件的数据,用{{}} 来引用data中的对象.不然直接用v-model="data中的字段名"即可使用.与之半丁的和new Vue()定义名没半毛关系…

vue.js 精学记录

v-bind:class使用的方式: 1.对象与法::class="{'active':isActive}" 此时当isActive为true时,会拥有active 2.数组语法:需要应用多个class时,可以使用数组语法. :class = " [activeCls,errorCls ] ", var app = new Vue({ el:"#app", data:{ activeCls:'active', errorCls:'error' }…

常用到的一些js方法，记录一下

获取字符串长度 function GetStringLength(str) { return str.replace(/[^\x00-\xff]/g, "00").length; } 通过js对html转义和反转义 function HTMLEncode(html) { var temp = document.createElement("div"); (temp.textContent != null) ? (temp.textContent = html) :…

js常用代码记录

1.动态key得到某对象中相对应的value js中想根据动态key得到某对象中相对应的value的方法有二: var key = "name1";var value = obj[key]; var key = "name1";var value = eval("obj."+key); 2.javascript:history.go()和History.back()的区别及应用 <input type='button' value='刷新'…

Deferred跟promise跟js同步问题记录

之前的时候,碰到过几次同事问我,说js的同步怎么处理,就是我想先执行这段代码(耗时相对较长的一行,多数是异步的一些api调用),执行完了之后我再执行下边这句,每次我都很无奈的说不晓得,如果是ajax的话我知道async可以搞定,当然这并没有什么卵用.近段时间在做一个自动化测试的项目,前后端分离的.旁边的同事要做前端websql的增删改查,一直在说jquery的deferred如何如何,我也不懂,就感觉听上去高大上的一个东西,内心忐忑之余就找两篇文章读了一下,然后就有了此文. ----------…

JS正则表达式，记录自己所学所用的内容

还没接触正则表达式感觉确实有那么点难度,但接触到后自己琢磨了几天也没发现那么难. 现在教教刚学的或者还没接触正则表达式的同学们入入门,一起学习. 正则表达式基本语法 *********************************************************************************************** 两个特殊的符号'^'和'$'.他们的作用是分别指出一个字符串的开始和结束. 例子如下: "^The":表示所有以"The&…

使用雅虎YUI Compressor压缩JS过程心得记录

对待发布的项目进行测试时,发现js下载量比较大,从jquery的min版想到了压缩项目中的js文件.很简单的google之(在此,强调一下google的重要性),搜到一个叫做YUI Compressor,是雅虎提供的一个可以压缩js和css的工具,早就对雅虎的css设计有所耳闻,今天先体验一下这个压缩工具,在官网找了好半天才找到这传说中jar文件,版本是2.4.2,我比较喜欢新版本的,继续google之.找到一个最新的yuicompressor-2.4.8.jar和源码文件,如果各位童鞋找不到,…

js 视差滚动记录备份

<!doctype html> <html> <head> <meta charset="utf-8"> <title>社区</title> <meta http-equiv="X-UA-Compatible" content="edge,chrome=1" /> <meta http-equiv="Cache-Control" cont…