随笔分类 - Javascript
摘要：搜索条在我们网站是必不可少的，尤其是在有限的页面空间里，放置一个重要的搜索条是个难题，今天我将结合实例给大家介绍一下如何使用CSS3和jQuery来实现一个可伸缩功能的搜索条。 HTML 在需要放置搜索条的页面中放置如下html代码，搜索条#search_bar包含一个form#myform表单，表
阅读全文
摘要：为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分
阅读全文
摘要：JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂，也就是说当浏览器在执行 JavaScript 代码时，不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript 代码，从而提高其在浏览器中的性
阅读全文
摘要：客户端(浏览器端)存储数据有诸多益处，最主要的一点是能快速访问(网页)数据。目前常见的浏览器端数据存储方法有：Cookies，Local Storage，Session Storage，IndexedDB。 Cookies Cookies 是一种在文档内存储字符串数据最典型的方式。一般而言，cook
阅读全文
摘要：在做一个商城的项目时，做到商品详情页的时候需要实现这种下拉跳转到商品详情页加载许多图片，上拉回到商品简介的效果，并且需要用户在滑动时有一种费力的感觉。最初是通过iscroll插件实现的，但这个插件在使用时有太多坑儿，总是下面会出现大片空白，还找不到是哪里的问题。 这里用了js原生事件，核心是移动端的
阅读全文
摘要：jQuery是目前使用最广泛的javascript函数库。 据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实
阅读全文
摘要：这篇文章主要是写给新手的，是给那些刚刚开始接触Angular，并且想了解数据帮定是如何工作的人。如果你已经对Angular比较了解了，那强烈建议你直接去阅读源代码。 Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇：$watch,$apply,$digest,dirty-c
阅读全文
摘要：前言：大多OO语言都支持两种继承方式： 接口继承和实现继承 ，而ECMAScript中无法实现接口继承，ECMAScript只支持实现继承，而且其实现继承主要是依靠 原型链 来实现。 1.原型链 基本思想：利用原型让一个引用类型继承另外一个引用类型的属性和方法。 构造函数，原型，实例之间的关系：每个
阅读全文
摘要：传统的 Web 页面不会包含很多脚本，至少不会太影响 Web 页面的性能。然而，Web 页面变得越来越像应用程序，脚本对其的影响也越来越大。随着越来越多的应用采用 Web 技术开发，脚本性能的提升就变得越来越重要。 桌面应用程序通常是用编译器将源代码转换为最终的二进制。编译器在生成最终的应用程序时，
阅读全文
摘要：本文实例讲述了jQuery事件绑定和委托。分享给大家供大家参考。具体方法如下： jQuery事件的绑定和委托可以用多种方法实现，on() 、 bind() 、 live() 、 delegate() ，还有one()。 有时我们可能会像下面这样绑定一个事件： 复制代码代码如下: $("#div1")
阅读全文
摘要：Douglas Crockford列出了12种应该避免使用的Javascript语法，我觉得非常值得推广。 1. == Javascript有两组相等运算符，一组是==和!=，另一组是 和!==。前者只比较值的相等，后者除了值以外，还比较类型是否相同。 请尽量不要使用前一组，永远只使用 和!==。因
阅读全文
摘要：无缝滚动好像是互联网广告最大的一个载体，可以用“无处不在”来形容它。不过它比起早期的闪光字体，浮动广告算进步了。由于需求巨大，做前台迟早会遇到它。我先给出结构层部分，再慢慢讲解其实现原理。 <dl id="marquee"> <dt> <img src="http://images.cnblogs.
阅读全文
摘要：回到顶部有多种实现方式： 1.通过锚点然后定位，这个比较简单，但是效果比较生硬，就不多解释了 2.通过JavaScript实现，用到了定时器，window.onload,window.onscroll,setInterval,clearInterval,document.documentElemen
阅读全文
摘要：今天看到一个比较有趣的效果，非常简单，就是子导航的高度不是固定的，当鼠标移上去以后导航的高度会随着子导航的内容改变而发生变化，不多说了，我做了个demo，如下
阅读全文
摘要：突然想到以前看到当当上有个效果，当鼠标移上去，图片边框是运动添加上的，还以为是css3或者是canvas做的呢，做完幽灵按钮后，才知道，so easy,只不过是animate+position的杰作。附上代码 当然，其他的你想要的样式，不妨举一反三做一下，也很简单，只是个运动而已
阅读全文
摘要：幽灵按钮，听名字有点不解？无碍，简单的来说就是一个按钮，移上去背景动一下，然后弹出个提示框，提示框在按钮的正上方而且居中，按钮上方有个图片，移上去有旋转360deg效果。不多说了，还是附上代码吧。由于采用了css3属性，所以，只兼容高级浏览器 主要知识点：transformtransitionbox
阅读全文
摘要：记得曾经做过一个公交查询系统的二期开发，其中一个模块要求固定标题和左侧栏，当时不知道是哪根筋抽了，一门心思想着position：fixed；在margin：0；padding0；还是可以用的，但是当margin和padding改变值以后就不能用了，以至于弄了一天都没弄出个啥，好在当时要求不高，还是勉
阅读全文
摘要：最近在面试，好多都问到了有没有写过插件，仔细想想，工作快两年了，平时用到的东西也挺多的，然后总结一下，写了个自定义宽高的轮播图插件，附上地址https://github.com/hoyuet/plugins/tree/master/carousel
阅读全文
摘要：Bootstrap 的文件结构 读者可以直接从 GitHub 下载到 Bootstrap 源码，本地解压后可以看到这样的目录结构：docs、img、jquery-ui- bootstrap、js 和 less。其中最为重要的是“docs”下的 CSS 样式文件，“less”中的编译文件和“js”下的
阅读全文
浙公网安备 33010602011771号