03 2017 档案
摘要：基本介绍 $(obj).width()与$(obj).height() $(obj).width()与$(obj).height() ：jquery方式获取元素的宽高，不包括滚动条与工具条 $(window).width()与$(window).height()：获得的是屏幕可视区域的宽高，不包括滚
阅读全文
摘要：在博客园看到了车大棒的写了一篇关于实现黑客帝国矩形阵，觉得canvas还是有一些奇妙的地方所在，故做个笔记记录一下。 实现的效果如下： 真的是一两行关键的代码添加就能实现意想不到的效果。 由于是canvas实现的，所有首先第一步就是在页面添加canvas标签，如下： css代码： 由于实现的效果是c
阅读全文
摘要：slice(start, end) slice()方法返回从参数指定位置开始到当前数组末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项，但不包括结束位置的项。 splice()有删除，插入，替换的功能 删除需要两个参数，要删除的第一项的位置和要删除的项数。 插入需要三个参数：起始位置、
阅读全文
摘要：childNodes 属性 标准的，childNodes 属性返回节点的子节点集合，以 NodeList 对象。包括HTML节点，所有属性，文本。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素节点，2是属性节点，3是文本节点。 所有主流浏览器都支持 child
阅读全文
摘要：break语句 break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。由于它是用来退出循环或者switch语句，所以只有当它出现在这些语句时，这种形式的break语句才是合法的。 如果一个循环的终止条件非常复杂，那么使用break语句来实现某些条件比用一个循环表达式来表
阅读全文
摘要：其实滚动监听使用的情况还是很多的，比如导航居于右侧，当主题内容滚动某一块的时候，右侧导航对应的要高亮。 实现功能 1、当滚动区域内设置的hashkey距离顶点到有效位置时，就关联设置其导航上的指定项 2、导航必须是 .nav > li > a 结构，并且a上href或data-target要绑定ha
阅读全文
摘要：1.推荐团队博客 推荐团队 w3cplus w3school 前端观察 腾讯Web前端Alloy团队 qq前端月报 淘宝前端团队fed 推荐博客 汤姆大叔博客 张鑫旭博客 阮一峰博客 廖雪峰官网 牧云云博客 前端小智 小胡子哥的个人网站 Jerry Qu fouber github 木易杨 gith
阅读全文
摘要：前端学习相关书籍 关于书籍 HTML、CSS 类别书籍，都是大同小异，在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了，可以关注一下《CSS禅意花园》，这个很有影响力。 Javascript 的书籍 推荐看老外写的，国内很多 Javascript 书籍的作者对 Javascript 语言了解的
阅读全文
摘要：原理 原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。当然右侧的小箭头可以用伪元素before或者after来实现。 select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /
阅读全文
摘要：文本整理了javascript操作DOM的一些常用的api，根据其作用整理成为创建，修改，查询等多种类型的api，主要用于复习基础知识，加深对原生js的认识。 基本概念 在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。 Node类型 DOM1级
阅读全文
摘要：官网：https://highlightjs.org/ 1.使用 其实官网已经有说明，这里简单说明下，调用方式： 默认高亮<pre><code></code></pre>块包裹的代码，initHighlightingOnLoad是在页面加载时执行。 2. 定制 自定义高亮<pre><code></c
阅读全文
摘要：一、什么是deferred对象？ 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。 简单说，deferred对象就是jQuery的回调函数解决方案。在英语中，
阅读全文
摘要：jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的，有了模式，我们就能更好地组织我们的代码，并且从这些前人总结出来的模式中学到很多好的实践。 根据《jQuery高级编程》的描述，jQuery插件开发方式主要有三种： 通过$.extend()来扩展jQuery 通过$.fn 向j
阅读全文
摘要：1.首先安装node.js 去官网下载exe执行文件安装即可，安装完成后自带有npm管理。 2.安装grunt CLI 在项目根文件夹下执行如下代码： 3.安装Grunt 4.配置Gruntfile.js 首先需要往项目里添加两个文件：package.json和Gruntfile.js; 如果你从其
阅读全文
摘要：JavaScript语言允许，语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下。 标签可以是任意的标识符，但是不能是保留字，语句部分可以是任意语句。 标签通常与break语句和continue语句配合使用，跳出特定的循环。 上面代码为一个双重循环区块，break
阅读全文
摘要：扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给jQuery.fn加入新的功能属性，此处添加的对象属性的名称就是你插件的名称： 为了避免和其他JavaScript库冲突，我们最好将jQuery传递给一个自我执行的封闭程序: 执行环境
阅读全文
摘要：变量转换 但是转换日期(new Date(myVar))和正则表达式(new RegExp(myVar))必须使用构造函数，创建正则表达式的时候要使用/pattern/flags这样的简化形式。 要了解~~运算符可以查看《JS基础篇--JS按位非(~)运算符与~~运算符的理解分析》 取整同时转换成数
阅读全文
摘要：正则表达式非常有用，查找、匹配、处理字符串、替换和转换字符串，输入输出等。下面整理一些常用的正则表达式。 常用的正则字符 1.\ : 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'n' 匹配一个换行符。序列 '\' 匹配 ""
阅读全文
摘要：在实际开发中会遇到确实需要获取隐藏元素的宽高，这儿所说的隐藏元素是display为none的元素。 可使用jQuery Actual Plugin插件来完成，其源码如下： 当然如果要支持模块化开发，直接使用官网下载的文件即可，源码也贴上： 代码实例： 插件地址：http://dreamerslab.
阅读全文
浙公网安备 33010602011771号