06 2017 档案

画布Canvas的使用方法
摘要：今天来个画布的讲解，对于画布你们了解多少呢。 Canvas他是使用 JavaScript 来绘制图像的，canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成。 在画布的流程中大致是这样： 1、’先获取画布canvas； 2、创建2d画布； 3、开始 X.beg 阅读全文
posted @ 2017-06-30 22:17 那一刻~~~掩护你 阅读(1588) 评论(0) 推荐(0)
AngularJs选项卡的不同写法
摘要：AngularJs选项卡的写法有很多，每个人都会有自己的一个写法，今天我来给大家展示两种不同写法的AngularJs选项卡！ 方法一： 1.创建选项卡，我是在控制器里创建数组将其渲染在页面上： 2.创建选项卡相对应的数据，并将它们放在一个数组里，先让第一个内容展现出来。 3.接下来实现点击效果，点击 阅读全文
posted @ 2017-06-29 22:04 那一刻~~~掩护你 阅读(1819) 评论(0) 推荐(0)
AngularJS ui-router (嵌套路由)的简单学习
摘要：今天让我们一起来学习一下AngularJS里的嵌套路由。 ui-router和同属AngularJS框架一部分的ng-route一样强大. ui-router提供了让我们可以做路由嵌套和视图命名的特性，嵌套路由功能主要是依赖$stateProvider服务,$urlRouterProvider服务与 阅读全文
posted @ 2017-06-28 18:19 那一刻~~~掩护你 阅读(1604) 评论(0) 推荐(0)
面对对象的雪花飘落
摘要：动画效果很是炫酷，那你们用面对对象做过一些动画么。 今天就来瞧瞧利用面对对象来做的雪花飘落吧！ 首先呢我们先在页面上创建一个div标签，让他占满这个页面，之后在这个div 里面用面对对象创建出雪花，然后给对象添加属性与方法。 快来看看代码吧！ 效果图： 阅读全文
posted @ 2017-06-27 19:40 那一刻~~~掩护你 阅读(195) 评论(0) 推荐(0)
弹幕的实现效果
摘要：今天我给大家分享一下我自己写的一个弹幕效果。 首先，它的静态图为左边是一个字母弹框区，右边有个注册 当点击登录时，他会出现一个背景为透明的注册框： 当验证通过时注册框消失，主页面的红色注册按钮也消失，随机会在右下角出现输入框： 之后你在输入输入框内输入内容就会出现弹幕效果了。 实现代码如下： 阅读全文
posted @ 2017-06-26 21:06 那一刻~~~掩护你 阅读(384) 评论(0) 推荐(0)
在JavaScript中的变量的作用域
摘要：任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。今天我们来看看在JavaScript中的变量的两种作用域。 全局作用域： 在代码中任何地方都能访问到的对象拥有全局作用域； 2、所有末定义直接赋值的变量自动声明为拥有全局作用域 阅读全文
posted @ 2017-06-25 22:09 那一刻~~~掩护你 阅读(232) 评论(0) 推荐(0)
tween.js的动画效果
摘要：实现动画可以用好多种的方法，今天来看看用tween.js插件是如何实现动画效果的。 tween.js的使用 1.下载 2.引入 3.使用tween.js语法 缓动函数 1.linear 匀速 2.Quad 二次方缓动效果 3.Cubic 三次方缓动效果 4.Quart 四次方缓动效果 5.Quint 阅读全文
posted @ 2017-06-25 20:45 那一刻~~~掩护你 阅读(7110) 评论(0) 推荐(0)
文字溢出隐藏，隐藏的问字用省略号表示
摘要：之前在写页面的时候用的都是单行文字溢出隐藏，今天遇到了多行文字溢出隐藏，溢出部分用省略号。我通过查阅一些资料整理了一下，拿出来与大家分享一下。 单行文本的溢出隐藏 对于单行文本溢出 隐藏，text-overflow: ellipsis 就能完美的解决，不过在使用他时，一定要结合 overflow: 阅读全文
posted @ 2017-06-23 19:45 那一刻~~~掩护你 阅读(880) 评论(0) 推荐(0)
在angular中使用swiper插件轮播无效的原因
摘要：我在angular中使用swiper插件时总会出现轮播不运行。 做项目么，肯定会使用路由实现切换的效果，我在做项目时总喜欢先把内容渲染在主页面上，当所要实现的效果都实现时，然后再把数据拿出来放在子页面上，通俗的讲就是把他放在另一个页面上，通过路由去获取信息。 1、在用路由中实现时一定要在路由里加上控 阅读全文
posted @ 2017-06-22 00:09 那一刻~~~掩护你 阅读(2635) 评论(0) 推荐(0)
jQuery.validate 的form校验
摘要：jQuery验证框架 : 基本html代码： 从以上代码中我来说说jQuery Validation的使用。 1.validate(options)是运行form表单的开始，他是用来验证你所选的form，以上代码的第五行“#myForm"是form的id名。 2.rules() 是校验规则他就是va 阅读全文
posted @ 2017-06-20 20:22 那一刻~~~掩护你 阅读(8251) 评论(0) 推荐(0)
如何用面对对象来做一个躁动的小球？
摘要：今天来看看怎样用面对对象来做一个躁动的小球。 首先我们先创建一个对象，他的属性包含小球的随机水平、纵向坐标，随机宽、高，随机颜色，以及创建小球的方法。 之后把小球添加在页面上，设定计时器来让小随机出现。 创建小球还是少不了style： 阅读全文
posted @ 2017-06-19 20:31 那一刻~~~掩护你 阅读(493) 评论(0) 推荐(0)
轻松Angularjs实现表格按指定列排序
摘要：angular表格点击序号进行升序，再次点击进行降序排序，在输入框输入信息，出现相对应数据的那一行。 html: js: 此方法还需引用json文件： 我是用过滤器 orderBy:'id':a+b+c来控制排序是升序还是降序，在点击时通过判断他们的来实现我们想要的效果。 你们还有什么简单方法么，拿 阅读全文
posted @ 2017-06-18 23:53 那一刻~~~掩护你 阅读(2080) 评论(0) 推荐(1)
模态框遇到的那些事
摘要：在做项目时使用到了模态框，一不小心出了错误，大家来看看问题出现在那里吧！ 这里面有三个模态框，我就拿一个来举例吧！ 开始我是这样写的【出错的代码】： 我把data-toggle="modal" data-target="#myModal1"误写在了模态框的父级上之后就出现了这样的问题。 当点击暂停时 阅读全文
posted @ 2017-06-17 10:58 那一刻~~~掩护你 阅读(209) 评论(0) 推荐(0)
使用requireJs的方法
摘要：在你们对requireJs初步了解后，快来看看他们是怎么使用的吧。 在你下载完成require.js插件后，在页面里引入，在require.js 加载完之后，会查找页面上script标签的data-main属性的值，然后加载，data-main指定的js文件， define(function (){ 阅读全文
posted @ 2017-06-16 19:38 那一刻~~~掩护你 阅读(283) 评论(0) 推荐(0)
require.js的初步认识
摘要：我们之前呢写Javascript代码时都会写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多必须分成多个文件，依次加载。就如下面的代码： 这段代码依次加载多个js文件。 这样写有两大缺点： 1.加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长； 2.由于js文件 阅读全文
posted @ 2017-06-15 23:18 那一刻~~~掩护你 阅读(131) 评论(0) 推荐(0)
css3动画小案例
摘要：今天与大家来分享一下我做的css3动画案例。 在展示我的案例之前先给大家说说实现这个案例所需要的一些属性。 transform 属性允许我们对元素进行旋转、缩放、移动或倾斜。 通过 CSS3 2D转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。 translate() >移动 translat 阅读全文
posted @ 2017-06-14 22:20 那一刻~~~掩护你 阅读(4963) 评论(0) 推荐(0)
gulp入门教程
摘要：gulp是什么？ gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是前端开发过程中对代码进行构建的工具，是自动化项目 阅读全文
posted @ 2017-06-13 22:22 那一刻~~~掩护你 阅读(194) 评论(0) 推荐(0)
有关Dom的一些操作
摘要：学习前端的都会了解到一些Dom操作，让我们来看看Dom操作有哪些吧! DOM(即 Document Object Mode) 是 W3C（万维网联盟）的标准。 DOM 定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访 阅读全文
posted @ 2017-06-13 00:37 那一刻~~~掩护你 阅读(251) 评论(0) 推荐(1)
对象字面量的认识
摘要：例子： 创建一个人的对象 名字，性别，年龄，是否结婚，朋友（数组）,自我介绍的方法（），父母 （姓名，年龄） 阅读全文
posted @ 2017-06-11 16:58 那一刻~~~掩护你 阅读(321) 评论(0) 推荐(1)
javaScript的一些奇妙动画
摘要：今天我给大家讲一下JavaScript中的显示隐藏、淡入淡出的效果 显示与隐藏动画效果 show()方法: show()方法会动态地改变当前元素的高度、宽度和不透明度，最终显示当前元素，此时元素的css属性display恢复为除了none之外的初始值。 其语法结构为：jQuery对象.show(du 阅读全文
posted @ 2017-06-10 23:49 那一刻~~~掩护你 阅读(220) 评论(0) 推荐(0)
原型与原型链之间一些奥秘
摘要：什么是原型？ 其实我们创建的每个函数都有一个prototype属性，这个属性是一个指针，指向一个对象，这个对象就 是原型对象。这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。 每一个对象都有一个默认的原型。原型本身就是对象。这个对象也有原型。 原型属性和实例属性 实例属性： 1、构造函 阅读全文
posted @ 2017-06-09 19:40 那一刻~~~掩护你 阅读(243) 评论(0) 推荐(0)
CSS3 @keyframes 规则
摘要：今天来给大家分享一下CSS3 @keyframes 规则！ 在你了解CSS3 @keyframes 规则时我先来给大家说说什么是css3中的动画 动画是使元素从一种样式逐渐变化为另一种样式的效果。 您可以改变任意多的样式任意多的次数。 请用百分比来规定变化发生的时间，或用关键词 "from" 和 " 阅读全文
posted @ 2017-06-08 16:10 那一刻~~~掩护你 阅读(1641) 评论(0) 推荐(0)