随笔分类 -  HTML+CSS+JS

【前端分享】jQuery.lazyload详解（转）
摘要：jQuery实现图片延迟加载，不知道是否可以节省带宽呢？有人知道吗？这究竟只是一个视觉特效还是真的能延迟加载减少服务器的请求呢？ <script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/jquery 阅读全文
posted @ 2017-06-03 09:54 不发福的橘猫 阅读(133) 评论(0) 推荐(0)
【Js闭包】由一道面试题简单扩展
摘要：在一个前端公众号，看到这么一个号称简单的面试题: 1、以下程序输出什么？ 2、若需要输出0123456789，应该怎么修改？ 结果，输出的为10101010101010101010 若要输出0123456789，则可以将代码改成 解释： 1、for循环每次注册一个延迟函数， setTimeout是异 阅读全文
posted @ 2017-03-03 20:32 不发福的橘猫 阅读(1992) 评论(0) 推荐(1)
【HighChart】基础图表
摘要：将近两年，在工作内容中经常遇到图表的展示，经常遇到各种问题 从一开始的入手，复制，黏贴，各种图表类型，每个属性都需要百度 到更喜欢自行查看API文档逐一尝试属性效果 到遇到问题逐渐尝试结合各个属性表现出所需要的效果 对于扩展和重写组件方面还有待提高 每次完成一个复杂的图表，有种成就感。 但，却缺少了 阅读全文
posted @ 2017-02-11 13:46 不发福的橘猫
【前端分享】 JavaScript最经典的55个技巧（转）
摘要：从别的地方看到的，保存下，有空实践下再补充。 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)> <td>no </table> 可用于Table 阅读全文
posted @ 2017-02-11 13:41 不发福的橘猫 阅读(292) 评论(0) 推荐(0)
【前端效果】滚动条悬浮
摘要：从你的全世界路过 从你的全世界路过 总有几分钟，其中的每一秒，你都愿意拿一年去换取。 总有几颗泪，其中的每一次抽泣，你都愿意拿满手的承诺去代替。 总有几段场景，其中的每幅画面，你都愿意拿全部的力量去铭记。 总有几句话，其中的每个字眼，你都愿意拿所有的夜晚去复习。 亲爱的，如果一切可以重来，我想和你， 阅读全文
posted @ 2017-02-10 22:04 不发福的橘猫 阅读(1741) 评论(0) 推荐(0)
【Javescript】封装
摘要：生成实例对象的原始模式 这是简单的封装，单若需要生成多个示例，则需要多生成多个示例，较为麻烦，如下： 原始模式的改进 将生成实例的过程封装成一个方法，生成实例对象是，再调用方法，代码如下： 这种方法存在的问题是两个实例之间没有存在内部联系，不能反应出它们是同一原型对象的实例 构造函数模式 为了解决从 阅读全文
posted @ 2017-01-24 17:13 不发福的橘猫 阅读(364) 评论(0) 推荐(0)
【Javescript】DOM（文档对象模型）
摘要：1.定义： DOM是Document Object Model文档对象模型的缩写。是针对HTML和XML文档的一个API，通过DOM可以去改变文档。 例如：我们有一段HTML，那么如何访问第二层第一个节点呢，如何把最后一个节点移动到第一个节点上面去呢？ DOM就是定义了如果做类似操作，那么应该怎么做 阅读全文
posted @ 2016-09-24 16:04 不发福的橘猫 阅读(590) 评论(0) 推荐(0)
【HTML】框架集（Framesets）
摘要：1.Frameset的使用 所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只 要 <FRAMESET> <FRAME> 即可，而所有框架标记 要放在一个总起的 html 档。 这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档 案而 阅读全文
posted @ 2016-08-31 10:10 不发福的橘猫 阅读(1971) 评论(0) 推荐(0)
【HTML】<!DOCTYPE html>作用
摘要：1、定义： DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。 <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 2、作用： 声明文档的解析类型(document 阅读全文
posted @ 2016-08-30 17:24 不发福的橘猫 阅读(24402) 评论(0) 推荐(1)
【前端控件】JQuery datepicker 日期控件设置
摘要：datepicker控件可通过参数设置进行语言切换，以下可实现，系统所有日期控件默认为中文，在特定页面或者特定条件下可切换成英语！~ HTML: <!DOCTYPE html> <html> <head> <title>Document</title> <script src="js/jquery. 阅读全文
posted @ 2015-10-14 14:23 不发福的橘猫 阅读(907) 评论(0) 推荐(0)