随笔分类 -  Fore-end

仿写百度百科的目录树
摘要：一、首先来看一下需求(截图为百度百科“医保”词条)： 1、点击右侧的目录树，左侧跳转到指定的锚点位置； 2、滚动鼠标，游标跟随一起滚动至响应链接位置 二、实现思路 1、针对第一个需求，只需要设置游标所在div和右侧列表div的position为fixed，根据浏览器窗口定位，然后给左侧文章各区块增加 阅读全文
posted @ 2017-01-01 14:20 惟吾德馨‘ 阅读(1146) 评论(0) 推荐(2)
举个栗子学习JavaScript设计模式
摘要：目录 前言 创建型模式 单例模式 构造器+原型 简单工厂模式 工厂模式 创建型模式比较 结构性模式 模块模式 外观模式 混入模式 装饰模式 适配模式 行为型模式 观察者模式 中介者模式 命令模式 责任链模式 设计原则 单一职责原则 最少知识原则 开放-封闭原则 前言 前言 为什么要学习设计模式？ 解 阅读全文
posted @ 2016-12-29 09:10 惟吾德馨‘ 阅读(994) 评论(2) 推荐(3)
Js ==和===的区别
摘要：判断： Undefined Undefined，返回 true Null Null，返回 true null == undefined，返回 false NaN NaN，返回 false (其中typeof NaN : Number) +0 -0，返回 true 如果左右引用的是同一个对象，返回 t 阅读全文
posted @ 2016-12-19 21:00 惟吾德馨‘ 阅读(233) 评论(0) 推荐(0)
Chrome调试中的奇技淫巧
摘要：网上有关Chrome调试的文章一搜一大堆，本文主要记录一下自己平时经常用并且又比较冷门的一些技巧。 打开Chrome调试工具 1、打开控制台的情况下，长按页面的“刷新”按钮可以选择按何种方式刷新（有正常重新加载、硬性重新加载、清空缓存硬性重新加载三种）; Element 1、选中一个Dom元素之后， 阅读全文
posted @ 2016-12-13 14:43 惟吾德馨‘ 阅读(909) 评论(0) 推荐(1)
正则表达式学习记录
摘要：正则表达式参考资料：http://deerchao.net/tutorials/regex/regex.htm 阅读全文
posted @ 2016-12-13 13:50 惟吾德馨‘ 阅读(152) 评论(0) 推荐(1)
探寻<a>中的href和onclick
摘要：一、知识点： 二、PS 在IE8 下的URL地址总长度为：4076，超过该长度会自动忽略后面的内容； 在firefox 25下的URL地址总长度可以达到:7530，超过该长度会访问错误； 在chrome 29.0.1547.62 的最大总长度达到:7675，超过该长度会访问错误； 阅读全文
posted @ 2016-12-13 10:26 惟吾德馨‘ 阅读(438) 评论(0) 推荐(0)
鼠标事件记录
摘要：问题：双击某个对象，在鼠标位置显示一块工具栏 解决：见代码 问题：在一个对象上绑定了单击事件和双击事件，总是会在触发双击事件之前触发两次单击事件，如何在双击事件的时候屏蔽掉单击事件？ 解决：给单击事件一个延时执行函数（setTimeout必须为匿名函数），具体见下面代码 阅读全文
posted @ 2016-10-20 10:37 惟吾德馨‘ 阅读(195) 评论(0) 推荐(0)
浏览器兼容性问题汇总
摘要：1、问题：某个按钮在ie8下点击不了，鼠标移上去没有呈现手型，代表没有移到该按钮上 解决：设置该按钮的定位，调整其z-index 2、问题：某些样式在特定的浏览器下渲染出现偏差 解决：定义只有该浏览器识别的css样式，通过该样式去调整就不会影响其他浏览器的渲染，例：css hack 3、问题：IE9 阅读全文
posted @ 2016-07-12 13:53 惟吾德馨‘ 阅读(274) 评论(0) 推荐(0)
前端经验总结
摘要：2、parent.parent.parent.mainFrame.removeTab(...) 其中每个parent代表一个页面的iframe框架，每次调用.parent实则是获取父页面 3、$.each(Arr,function(){ }) jQuery的该方法没有continue，要跳至下层循环 阅读全文
posted @ 2016-07-12 13:47 惟吾德馨‘ 阅读(544) 评论(0) 推荐(0)
javaScript笔记
摘要：两边符号是tab键上面的那个键，不是单引号 即在sort内置的函数中先将各字符串转化为统一的大写或者小写，再进行比较即可。 -------------------------------------------------------------经验干货分隔符-------------------- 阅读全文
posted @ 2015-12-23 09:24 惟吾德馨‘ 阅读(251) 评论(0) 推荐(0)
miniui中的相关问题
摘要：miniui中的datagrid，若需要为其中表格设置值，则： 必须保证查出来的json中字段对应field，且json的格式必须为： {“data”:[{"id":"01","name":"allen","desc":"nice"}]} 如果是grid.setData，则参数必须是直接的数组：[{ 阅读全文
posted @ 2015-12-03 18:26 惟吾德馨‘ 阅读(3328) 评论(3) 推荐(0)
jQuery对象和DOM对象的区别
摘要：jQuery对象和DOM对象使用说明，需要的朋友可以参考下。1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象，哪些是 DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象，即是我们用传统的方法(javascript)获得的对 阅读全文
posted @ 2015-11-18 13:45 惟吾德馨‘ 阅读(277) 评论(0) 推荐(0)
JS去除空格方法记录
摘要：JS中去掉空格 //去除空格 String.prototype.Trim = function() { return this.replace(/\s+/g, ""); } //去除换行 function ClearBr(key) { key = key.replace(/<\/?.+?>/g,"" 阅读全文
posted @ 2015-11-16 19:24 惟吾德馨‘ 阅读(538) 评论(0) 推荐(0)
10分钟学会前端调试利器——FireBug
摘要：概述 FireBug是一个用于网站前端开发的工具，它是FireFox浏览器的一个扩展插件。它可以用于调试JavaScript、查看DOM、分析CSS、监控网络流量以及进行Ajax交互等。它提供了几乎前端开发需要的全部功能。官方网站：www.getfirebug.com 如何获取Firebug？ 因为 阅读全文
posted @ 2015-09-01 10:54 惟吾德馨‘ 阅读(3755) 评论(9) 推荐(11)