web
关注
分享
扫一扫
文章平均质量分 63
iteye_15462
这个作者很懒，什么都没留下…
展开
-
Javascript运算符优先级
我晕，最近写代码时不时遇见不确定运算符优先级的情况，所以去找了一份，记录在此，待查优先级运算类型运算符19圆括号( )18成员访问，构建对象(有括号)．[ ] new ..()17函数调用，构建对象(没括号)...(...) new ...16后置递增，后置递减..++ ...--15逻...原创 2015-07-06 17:28:44 · 104 阅读 · 0 评论 -
缓存的js实现
缓存的js实现 https://github.com/leemotive/lcache 对于常用的值，模板之类的可以缓存起来，以便下次使用时不再重新解析或重新请求2016-06-04 20:25:42 · 208 阅读 · 0 评论 -
头部侧边栏内容区布局
这是一个常用的布局，尤其是在管理系统中，要求头部高度固定，左侧宽度固定，内容区高度和宽度随浏览器窗口大小变化而变化并充满浏览器窗口右下角 之前都是用js实现的，在窗口大小变化时，去设置相关区域的宽度和高度 后来发现可以直接用css实现，主要用的是绝对定位，top, right, bottom, left同时使用，关键是不能给内容区域设置宽度和高度，要不然绝对定位中的right...2016-06-16 23:31:45 · 746 阅读 · 0 评论 -
chrome插件开发二
补上次写的 chrome插件开发在上篇文章里面用chrome.tabs.executeScript({file: 'statics/js/insert.js'}, function () { }); 这样的方式在当前页面注入一段js脚本，从而达到操作当前页面的功能，然而在有一些情况用这样的方式来注入文件是有问题的，比如jquery这样的一些公用库，如果在多个操作中需要用到jqu...2016-08-10 13:54:02 · 150 阅读 · 0 评论 -
velocity模板文件的变量未使用!检查提示
如果你的项目中还在使用velocity，那你一定知道velocity的模板文件中对变量的使用可以有如下几种写法1. $name2. ${name}3. $!name4. $!{name} 用过velocity肯定知晓，{}可以明确变量名的边界，而！则是为了不让在变量未定义的时候，直接将变量表达式显示在页面上 为此需要统一风格，在模板文件中使用“!”, 我的项目中也...2016-09-27 21:28:18 · 505 阅读 · 0 评论 -
javascript中一些不常用的实用功能
差不多两个月的996啊，一个月多月没有写点什么了，今天记录一点javascript中用起来方便，却又不怎么常用的用法 1. ~indexOf() 一般来讲，判断一个字符串中是否包含一个子串，可以用 indexOf(subString) > -1 来表示 我们也可以用 ~indexOf(subString) 来表示 indexOf() 返回-1...原创 2016-12-06 23:29:19 · 193 阅读 · 0 评论 -
nodejs程序debug
写Nodejs也不多，用debug就更不多了，平时的小问题，用log也就基本能解决了，但是最近遇到些问题需要进行debug详查，但是以前的debug方式却不能用了 以前偶尔debug一次，用node-inspector 进行debug，安装node-inspector执行命令 ' node-inspector & '然后以debug方式启动程序 node --debug...原创 2017-01-10 22:59:40 · 205 阅读 · 0 评论 -
使用background-position
css里有个background-position 属性，用来设定背景图沿x ,y 方向的偏移量可以设置像素值，百分比，或者固定的值,如top,bottom,center, left,right 下面例子中用的图片大小是200*200的，容器是300*280的一般情况下设定 background-repeat: no-repeat 且 容器大于图片，图片位于左上角，如下图 此...原创 2014-09-07 18:52:52 · 231 阅读 · 0 评论 -
Array.sort方法
掉坑里了，以前看介绍，只知道js里面数组有个sort方法，可以用来排序，但怎么排序的，不知道了var arr = [3,6,4,55,23,63,415,42]console.log(arr.sort());以为是数字升序排列，得到[3,4,6,23,42,55,63,415] 我错了，当时没看清楚介绍。 运行结果其实是[23, 3, 4, 415, 42, 55, 6, 63...原创 2014-10-18 11:00:07 · 120 阅读 · 0 评论 -
js String的几个方法
1. indexOf方法 查找子串起始位置 var str = 'hsfwefwef';var k = str.indexOf('wef')console.log(k) 结果是3，明显是匹配的首次出现的位置 var str = 'hsfwefwef';var k = str.indexOf('wef', 4)console.log(k) 此...原创 2014-10-18 17:40:41 · 107 阅读 · 0 评论 -
jquery width
脑子不好使了，看过一段时间就又忘了jquery 提供了width innerWidth outerWidth方法来取元素的宽度width: 仅仅取content的宽度，没有padding, border, margin部分innerWidth: 取content + padding 宽度outerWidth (不提供参数或false) : 取content+padding+bo...原创 2014-10-18 20:40:23 · 105 阅读 · 0 评论 -
js事件捕获冒泡
浏览器在发生一个事件时会从经过顶层到目标的捕获过程，目标到顶层的冒泡过程，不多解释，看代码理解 <html> <head> <style> #outer{ width: 200px; height: 200px; background: #...原创 2014-10-22 21:44:47 · 88 阅读 · 0 评论 -
阻止冒泡
阻止冒泡，项目中估计也经常会用到，可以用stopPropagation方法或设置cancelBubble <html> <head> <style> #outer{ width: 200px; height: 200px; backgroun...原创 2014-10-22 22:07:35 · 166 阅读 · 0 评论 -
Jottings
1. 采用addEventListener将同一个函数多次绑定在同一个元素上（相同阶段）, 执行一次 i.addEventListener('click', fun, false); i.addEventListener('click', fun, false);fun只被调用1次 解绑只需一次 i.removeEventListener('click'...原创 2014-10-22 22:52:14 · 109 阅读 · 0 评论 -
js 变量提升
想起来前段时间面试的时候遇到个问题，是关于变量提升的，记不得当时怎么答的了，今天再记一下 var k = 9;function hoist(){ k = 8; console.log(k);}hoist();console.log(k); 这里两次console.log输出k 结果是两次输出8，在hoist方法内部的 k 引用的是函数外部定义的 k ...原创 2014-10-27 11:55:50 · 93 阅读 · 0 评论 -
js中new Date
前两天在项目中遇到，以前一直没注意到这个问题在js中如果采用new Date新建一个时间对象，返回的是当前时间但是如果给了‘2012-10-01’这样的参数，那无疑返回的肯定是2012年10月1日，那时分秒呢，这时候时分秒是多少？如果认为像java那样，是00:00:00那就错了。new Date('2012-10-01')这样写，js会自动作时区处理，比如我电脑设为东8区，...原创 2014-12-08 09:43:17 · 112 阅读 · 0 评论 -
函数递归
以斐波那契数列为例来讲讲递归 function fibonacci(n){ return n < 3 ? 1 : fibonacci(n-1) + fibonacci(n-2);}console.log(fibonacci(6)); 上面的定义了函数fibonacci并在内部调用自己形成递归，上面的调用正确输出8 但是曾经有文章介绍说这样写有问...原创 2014-12-19 22:28:45 · 100 阅读 · 0 评论 -
jquery中的表单提交
在5月的最后一天记一个jquery中的表单提交在ie8中的一个坑 在项目中遇到这么个要求，点击按钮执行一段js，在条件满足之后，post方式提交一个请求，但是不能用ajax 所以在js中我写了段这样的代码var $form = $('<form>', {'action': 'http://www.baidu.com', 'method': 'get'});$f...2016-05-31 21:44:25 · 152 阅读 · 0 评论 -
chrome插件开发
最近看了下Chrome插件的开发新建一个目录作为插件的要目录，在目录下新建 manifest.json文件{ "name": "我的插件", "version": "0.1", "manifest_version": 2, "description": "看看我的插件", "icons": {原创 2016-04-29 00:18:44 · 235 阅读 · 0 评论 -
JS中Date对象中几个用法
近来工作中遇到这样的两个需求1. 给个Date对象，找出该时间所在月的第一天和最后一天2. 给个Date对象，找出该时间所在周的第一天和最后一天 需求1中的找月第一天很简单，我记得api中有setDate方法可以使用使用setDate方法前，先看看getDatevar date = new Date();console.log(date);// Sat Jul ...原创 2015-07-18 17:48:15 · 125 阅读 · 0 评论 -
margin设置百分比
margin，元素的外边距，规定了元素与元素之间的间距，一直以来都是这么用的margin: 10px 20px 15px 30px; 定义上右下左的边距margin:0 auto; 定义居中 直到最近发现它和width,height什么的属性一样，也可以设置百分比。那这个百分比是相对谁的呢？ <!doctype html><html lang=...原创 2015-07-19 00:17:06 · 964 阅读 · 0 评论 -
mouseenter和mouseover小记
对mouseenter和mouseover这两个事件，以前都是在用到的时候，去试试，哪个这个不行，换另外一个，哪个满足要求用哪个，没去具体试过两者之间的区别，今天测试了一下，做如下记录 <div id="blue" class="blue"> <div id="green" class="green"></div>&am原创 2015-08-03 16:10:19 · 156 阅读 · 0 评论 -
将有层级标志的数组转为树状结构
最近项目中遇到了将数组形式的菜单转化为树状结构的菜单例如，原始数据是 [ {id: 1, parentId: 0, name: '第一级菜单A' }, {id: 2, parentId: 0, name: '第一级菜单B' }, {id: 3, parentId: 1, name: '第二级菜单A' }, {id: 4, parent...原创 2015-09-12 11:15:25 · 649 阅读 · 0 评论 -
jquery简单验证
项目上要求输入框是必输项，于是共通组要求在必输项的控件上加上 class＝“required”当时就觉得奇怪，为什么加了个class就能实现，必输项控制，class不是CSS里的类么最近查阅了一下，做个简述这里用了jquery的验证在jsp文件中引入jquery, jquery.validate.js,jquery.message.js,jquery.metadata.js...原创 2013-10-28 19:17:33 · 195 阅读 · 0 评论 -
千分位分割
格式化数字 67235943 为货币金额显示方式 67，235，943要怎么做，这是暂时不考虑有小数的形式采用正则替换，调用字符串replace方法 "67235943".replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1,') 如果有小数部分，如 67235943.4687 此时如果只格式化整数部分，采用上面的正则，不过要稍微修改 ...原创 2015-12-03 12:08:23 · 177 阅读 · 0 评论 -
数字转为大写格式(货币)
不确定是不是能正确转化所有数字，如发现有哪些数字转化不对，请指正 function digit2Uppercase (num) { var digit, iUnit, dUnit, index, iStr, dStr, MAX_NUM = 999999999999.99; if (num > MAX_NUM) { return 'Exce...原创 2015-12-25 20:49:36 · 351 阅读 · 0 评论 -
js 时间 和字符串之间的转化
之前写到过，js中new Date()能接受的字符串格式，各个浏览器不一样，这次写了个关于时间对象和字符串之间的转化的方法 时间对象转化为字符串 function formatDate (date, format) { var convert, res = ''; convert = { 'y': function (str) { ...原创 2015-12-29 21:50:27 · 159 阅读 · 0 评论 -
生成连续的重复字符
之前有遇到过这样的需求，就是造成连续重复的字符 如：“000000” 一般而言，这基本是用来填补空位的，以达到格式上的要求，所以大部分情况下都直接写死 如a + '000000' ，这里一般会多写几个0然后对生成的字符串作截断处理，但是如果遇到重复个数不定，‘0000’这样的字符串不知道写多少合适，写多点总觉得不太好，这时候可以根据个数造成特定重复个数的字符串 var ...原创 2016-01-05 11:16:45 · 543 阅读 · 0 评论 -
ie7中遇到的两个问题offsetTop和tr的border
最近在项目遇到关于IE7的两个问题，一个是offsetTop一个是tr的边框 一. offsetTop 前段时间因项目需求需要计算表格到浏览器顶部的距离，以便在滚动的时候，固定表头，很自然的用到了offsetTop这个属性 dom结构如下 主要样式如下body{ padding-top: 100px; background: lightgre...原创 2016-01-11 23:47:41 · 338 阅读 · 0 评论 -
获取每个月有多少天
最近在项目中偶然发现一段别人写的代码，获取一个中有多少天，以前写这个的时候，基本是定义一个数组[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31] 然后用月份做下标去取得到 days， 然后再执行 days += days < 30 && isLeapYear(year) ? 1 : 0; 以此来修正闰年2月份的天数...原创 2016-02-01 22:33:16 · 399 阅读 · 0 评论 -
数字做格式化
数字格式化应该很常用，保留几位小数，四舍五入，千分位分割奈何项目上原有格式化方法，功能比较单一，只能格式化成如 12,456,451.00这样的数字，整数部分千分位分割，小数部分直接舍弃，用两个0表示 无奈自己写了一个 /** * 格式化数字（小数位数，千分位逗号分割） * @param nStr 数字或者字符串 * @param decimal 数字 小数位要...原创 2016-02-06 15:38:47 · 139 阅读 · 0 评论 -
jquery1.7中通过trigger触发checkbox的click事件的一个小坑
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"原创 2016-02-06 16:33:27 · 1489 阅读 · 0 评论 -
js中类型判断
刚接触js的时候，用typeof 来判断, 可是发现用来判断一些简单类型还可以，但是对象就无法判断的，都是返回object后来发现可以用Object.prototype.toString.call(o) 来判断o的类型，返回 [object Array] [object Date] [object Undefined] 等格式的字符串 本以为可以包打天下，可是又发现，在IE8中...原创 2016-02-15 23:03:44 · 112 阅读 · 0 评论 -
lDate.js
前段时间因为项目需要，写了两个方法用来处理时间和字符串之间的转换js 时间 和字符串之间的转化 最近将其扩充了一下，添加一些常用的时间处理方法组成 lDate.js ...原创 2016-02-29 21:37:13 · 235 阅读 · 0 评论 -
银行卡输入四位自动分割
遇到这样一个需求，输入框在输入银行卡号的时候，需要每4位自动插入一个空格 以下是实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title&原创 2016-03-05 17:46:58 · 1617 阅读 · 0 评论 -
学习transform matrix
这两天有时间学习了一下css里面transfrom的matrix的用法，下面做个记录 css中transform是用来做变形的，支持rotate(旋转)，translate(偏移)，scale(伸缩)，skew(倾斜)，matrix(矩阵变换)，其中前四种的可以说是matrix的简化，只针对某一种变换，而且更容易理解。 先简单说一下rotate, translate, scal...原创 2014-12-27 11:57:16 · 248 阅读 · 0 评论