上一页 1 ··· 7 8 9 10 11 12 13 14 15 16 下一页
2017年4月6日
《JavaScript高级程序设计》笔记：在HTML中使用Javascript（二）
摘要： script元素 向html页面中插入js的主要方法就是使用<script>元素。使用<script>元素的方式有两种：直接在页面中嵌入js代码和包含外部js文件。直接在页面中嵌入js代码如下： 外部js文件引入方式： 延迟脚本 defer <script>标签定义了defer属性。这个属性的用途是 阅读全文
posted @ 2017-04-06 22:40 风雨后见彩虹 阅读(544) 评论(0) 推荐(0) 编辑
《JavaScript高级程序设计》笔记：JavaScript简介（一）
摘要： javascript从一个简单的输入验证器发展成为一门强大的编程语言，完全出乎人们的意料。 javascript实现一个完整的javascript实现应该由下列三个不同的部分组成：1：核心（ECMAScript）2：文档对象模型（DOM）3：浏览器对象模型（BOM） 文档对象模型是针对XML但经过扩 阅读全文
posted @ 2017-04-06 22:03 风雨后见彩虹 阅读(430) 评论(0) 推荐(0) 编辑
jQuery效果之封装一个文章图片弹出放大效果
摘要： 首先先搭写一个基本的格式： 然后用自调用匿名函数包裹你的代码，将系统变量以变量形式传递到插件内部，如下： 那么接下来我们就在里面实现点击文章图片弹出该图片并放大的效果。 整体代码如下： 参考地址：http://barretlee.com/blog/2015/09/19/jquery-plugin-f 阅读全文
posted @ 2017-04-06 08:49 风雨后见彩虹 阅读(1160) 评论(0) 推荐(0) 编辑
2017年3月29日
JS获取元素的宽高以及offsetTop,offsetLeft等的属性值
摘要： 基本介绍 $(obj).width()与$(obj).height() $(obj).width()与$(obj).height() ：jquery方式获取元素的宽高，不包括滚动条与工具条 $(window).width()与$(window).height()：获得的是屏幕可视区域的宽高，不包括滚 阅读全文
posted @ 2017-03-29 14:56 风雨后见彩虹 阅读(11817) 评论(0) 推荐(1) 编辑
canvas实现黑客帝国矩形阵
摘要： 在博客园看到了车大棒的写了一篇关于实现黑客帝国矩形阵，觉得canvas还是有一些奇妙的地方所在，故做个笔记记录一下。 实现的效果如下： 真的是一两行关键的代码添加就能实现意想不到的效果。 由于是canvas实现的，所有首先第一步就是在页面添加canvas标签，如下： css代码： 由于实现的效果是c 阅读全文
posted @ 2017-03-29 12:19 风雨后见彩虹 阅读(1592) 评论(0) 推荐(1) 编辑
2017年3月28日
中文汉字和常见英文数字等的unicode编码范围
摘要： 阅读全文
posted @ 2017-03-28 20:49 风雨后见彩虹 阅读(4164) 评论(0) 推荐(0) 编辑
2017年3月27日
小tips：JS操作数组的slice()与splice()方法
摘要： slice(start, end) slice()方法返回从参数指定位置开始到当前数组末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项，但不包括结束位置的项。 splice()有删除，插入，替换的功能 删除需要两个参数，要删除的第一项的位置和要删除的项数。 插入需要三个参数：起始位置、 阅读全文
posted @ 2017-03-27 22:08 风雨后见彩虹 阅读(1384) 评论(0) 推荐(0) 编辑
小tips：HTML DOM中的children和childNodes属性
摘要： childNodes 属性 标准的，childNodes 属性返回节点的子节点集合，以 NodeList 对象。包括HTML节点，所有属性，文本。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素节点，2是属性节点，3是文本节点。 所有主流浏览器都支持 child 阅读全文
posted @ 2017-03-27 22:02 风雨后见彩虹 阅读(1863) 评论(0) 推荐(0) 编辑
小tips：JS之break，continue和return这三个语句的用法
摘要： break语句 break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。由于它是用来退出循环或者switch语句，所以只有当它出现在这些语句时，这种形式的break语句才是合法的。 如果一个循环的终止条件非常复杂，那么使用break语句来实现某些条件比用一个循环表达式来表 阅读全文
posted @ 2017-03-27 21:12 风雨后见彩虹 阅读(391) 评论(0) 推荐(0) 编辑
2017年3月17日
bootstrap源码之滚动监听组件scrollspy.js详解
摘要： 其实滚动监听使用的情况还是很多的，比如导航居于右侧，当主题内容滚动某一块的时候，右侧导航对应的要高亮。 实现功能 1、当滚动区域内设置的hashkey距离顶点到有效位置时，就关联设置其导航上的指定项 2、导航必须是 .nav > li > a 结构，并且a上href或data-target要绑定ha 阅读全文
posted @ 2017-03-17 19:48 风雨后见彩虹 阅读(3889) 评论(0) 推荐(0) 编辑
2017年3月16日
『前端积累』web前端学习资源分享清单
摘要： 1.推荐团队博客 推荐团队 w3cplus w3school 前端观察 腾讯Web前端Alloy团队 qq前端月报 淘宝前端团队fed 推荐博客 汤姆大叔博客 张鑫旭博客 阮一峰博客 廖雪峰官网 牧云云博客 前端小智 小胡子哥的个人网站 Jerry Qu fouber github 木易杨 gith 阅读全文
posted @ 2017-03-16 21:31 风雨后见彩虹 阅读(4528) 评论(0) 推荐(9) 编辑
Web前端开发必备
摘要： 前端学习相关书籍 关于书籍 HTML、CSS 类别书籍，都是大同小异，在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了，可以关注一下《CSS禅意花园》，这个很有影响力。 Javascript 的书籍 推荐看老外写的，国内很多 Javascript 书籍的作者对 Javascript 语言了解的 阅读全文
posted @ 2017-03-16 10:34 风雨后见彩虹 阅读(1052) 评论(0) 推荐(2) 编辑
CSS效果：CSS改变下拉列表select框的默认样式
摘要： 原理 原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。当然右侧的小箭头可以用伪元素before或者after来实现。 select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; / 阅读全文
posted @ 2017-03-16 08:48 风雨后见彩虹 阅读(5372) 评论(0) 推荐(2) 编辑
2017年3月15日
[总结]JS操作DOM常用API详解
摘要： 文本整理了javascript操作DOM的一些常用的api，根据其作用整理成为创建，修改，查询等多种类型的api，主要用于复习基础知识，加深对原生js的认识。 基本概念 在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。 Node类型 DOM1级 阅读全文
posted @ 2017-03-15 10:34 风雨后见彩虹 阅读(1080) 评论(0) 推荐(0) 编辑
2017年3月11日
jQuery之deferred对象详解
摘要： 一、什么是deferred对象？ 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。 简单说，deferred对象就是jQuery的回调函数解决方案。在英语中， 阅读全文
posted @ 2017-03-11 20:32 风雨后见彩虹 阅读(618) 评论(1) 推荐(0) 编辑
jQuery插件开发进阶
摘要： jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的，有了模式，我们就能更好地组织我们的代码，并且从这些前人总结出来的模式中学到很多好的实践。 根据《jQuery高级编程》的描述，jQuery插件开发方式主要有三种： 通过$.extend()来扩展jQuery 通过$.fn 向j 阅读全文
posted @ 2017-03-11 09:55 风雨后见彩虹 阅读(511) 评论(0) 推荐(3) 编辑
2017年3月10日
用grunt进行ES6转换，再用uglify压缩所有js实例
摘要： 1.首先安装node.js 去官网下载exe执行文件安装即可，安装完成后自带有npm管理。 2.安装grunt CLI 在项目根文件夹下执行如下代码： 3.安装Grunt 4.配置Gruntfile.js 首先需要往项目里添加两个文件：package.json和Gruntfile.js; 如果你从其 阅读全文
posted @ 2017-03-10 17:40 风雨后见彩虹 阅读(7570) 评论(1) 推荐(0) 编辑
2017年3月9日
小tips：JS语法之标签（label）
摘要： JavaScript语言允许，语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下。 标签可以是任意的标识符，但是不能是保留字，语句部分可以是任意语句。 标签通常与break语句和continue语句配合使用，跳出特定的循环。 上面代码为一个双重循环区块，break 阅读全文
posted @ 2017-03-09 17:09 风雨后见彩虹 阅读(2770) 评论(0) 推荐(0) 编辑
jQuery插件开发入门
摘要： 扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给jQuery.fn加入​​新的功能属性，此处添加的对象属性的名称就是你插件的名称： 为了避免和其他JavaScript库冲突，我们最好将jQuery传递给一个自我执行的封闭程序: 执行环境 阅读全文
posted @ 2017-03-09 08:42 风雨后见彩虹 阅读(506) 评论(0) 推荐(0) 编辑
2017年3月8日
[转]JS学习总结-技巧、方法、细节
摘要： 变量转换 但是转换日期(new Date(myVar))和正则表达式(new RegExp(myVar))必须使用构造函数，创建正则表达式的时候要使用/pattern/flags这样的简化形式。 要了解~~运算符可以查看《JS基础篇--JS按位非(~)运算符与~~运算符的理解分析》 取整同时转换成数 阅读全文
posted @ 2017-03-08 20:51 风雨后见彩虹 阅读(701) 评论(0) 推荐(0) 编辑
2017年3月7日
JS正则表达式详解
摘要： 正则表达式非常有用，查找、匹配、处理字符串、替换和转换字符串，输入输出等。下面整理一些常用的正则表达式。 常用的正则字符 1.\ : 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'n' 匹配一个换行符。序列 '\' 匹配 "" 阅读全文
posted @ 2017-03-07 21:21 风雨后见彩虹 阅读(35463) 评论(4) 推荐(7) 编辑
2017年3月6日
JS无法获取display为none的隐藏元素的宽度和高度的解决方案
摘要： 在实际开发中会遇到确实需要获取隐藏元素的宽高，这儿所说的隐藏元素是display为none的元素。 可使用jQuery Actual Plugin插件来完成，其源码如下： 当然如果要支持模块化开发，直接使用官网下载的文件即可，源码也贴上： 代码实例： 插件地址：http://dreamerslab. 阅读全文
posted @ 2017-03-06 08:52 风雨后见彩虹 阅读(5665) 评论(0) 推荐(0) 编辑
2017年2月23日
vuejs2.0运用原生js实现简单的拖拽元素功能
摘要： 实现效果： 阅读全文
posted @ 2017-02-23 10:49 风雨后见彩虹 阅读(5980) 评论(0) 推荐(0) 编辑
2017年2月22日
HTML5效果：Canvas 实现圆形进度条并显示数字百分比
摘要： 实现效果 1.首先创建html代码 2.创建canvas环境 3.绘制5像素宽的运动外圈 4.绘制白色外圈 5.百分比文字绘制 6.让它运动起来 完整代码 阅读全文
posted @ 2017-02-22 17:47 风雨后见彩虹 阅读(24133) 评论(0) 推荐(3) 编辑
git常用命令总结以及用github来展示你的前端页面
摘要： 命令小结 注意如果一个库里的很多文件是合用一个版本号的，也就是说变更版本号后，对应的所有的文件都会回退; 基本命令 git 建立库，我们是在工作区中修改文件的,工作区可以有很多文件； git add 可以把工作区（working tree）下修改的文件或添加的文件添加到暂时存储的区域(index f 阅读全文
posted @ 2017-02-22 17:13 风雨后见彩虹 阅读(2036) 评论(0) 推荐(1) 编辑
jQuery 对AMD的支持（Require.js中如何使用jQuery）
摘要： AMD 模块 AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。 AMD 模块格式本身是一个关于如何定义模块的提案，在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势 阅读全文
posted @ 2017-02-22 14:14 风雨后见彩虹 阅读(2430) 评论(0) 推荐(0) 编辑
vuejs2.0实现分页组件，使用$emit进行事件监听数据传递
摘要： 上一篇文章介绍了vuejs实现的简单分页，如果我有几个页面都需要有分页效果，不可能每个页面都去复制一下这段代码吧，意思是封装一下，变成通用的组件。 首先使用基础 Vue 构造器，创建一个“子类”,Vue.extend( options ) 这儿创建了一个全局的pagenav，可以在其它地方都可以调用 阅读全文
posted @ 2017-02-22 14:03 风雨后见彩虹 阅读(9832) 评论(0) 推荐(0) 编辑
vuejs2.0实现一个简单的分页
摘要： 用js实现的分页结果如图所示： css 模版 js 调用 new Vue({参数}) 就是创建了一个基本的组件,赋值给变量 pageBar.el就是element的缩写,定位模版的位置.data就是数据了.知道了总页数但是要显示页码还是要一番计算,所以显示页码就是计算属性了.所以我们要用comput 阅读全文
posted @ 2017-02-22 09:48 风雨后见彩虹 阅读(32664) 评论(1) 推荐(3) 编辑
2017年2月21日
vuejs2.0使用Sortable.js实现的拖拽功能
摘要： 简介 在使用vue1.x之前的版本的时候，页面中的拖拽功能，我在项目中是直接用的jquery ui中的sortable.js，只是在拖拽完成后，在update的回调函数中又重新排序了存放数据的数组。但是当把vue升级到2.0以上后发现拖拽功能失效了，于是使用了下面代码。 该案例主要是在用于vuejs 阅读全文
posted @ 2017-02-21 13:38 风雨后见彩虹 阅读(48497) 评论(7) 推荐(7) 编辑
2017年2月17日
JavaScript之Number、String、Array常用属性与方法手册
摘要： Number isFinite函数 Number.isFinite() 方法用来检测传入的参数是否是一个有穷数（finite number）。 语法： 例： Polyfill parseInt() Number.parseInt() 方法可以根据给定的进制数把一个字符串解析成整数 语法： strin 阅读全文
posted @ 2017-02-17 10:00 风雨后见彩虹 阅读(1430) 评论(1) 推荐(1) 编辑
上一页 1 ··· 7 8 9 10 11 12 13 14 15 16 下一页