Welcome

首页 / 脚本样式 / JavaScript

js H5 canvas投篮小游戏

2017-02-06 18
本文实例为大家分享了H5 canvas投篮小游戏实现代码，供大家参考，具体内容如下<！DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body onload="init（19,"mylegend",820,500,main,LEvent.INIT）"><div id...

AngularJS 工作原理详解

2017-02-06 19
个人觉得，要很好的理解AngularJS的运行机制，才能尽可能避免掉到坑里面去。在这篇文章中，我将根据网上的资料和自己的理解对AngularJS的在启动后，每一步都做了些什么，做一个比较清楚详细的解析。 首先上一小段代码（index.html），结合代码我们来看看，angular一步一步都做了些什么。<！doctype html><html ng-app> <head> <script src="angular.j...

jQuery fadeOut 异步实例代码详解

2017-02-06 18
定义和用法fadeOut（） 方法逐渐改变被选元素的不透明度，从可见到隐藏（褪色效果）。注释：隐藏的元素不会被完全显示（不再影响页面的布局）。提示：该方法通常与 fadeIn（） 方法一起使用。语法$（selector）.fadeOut（speed,easing,callback）1. 概述jquery实现动画效果的函数使用起来很方便，不过动画执行是异步的，所以要把自定义的操作放在回调函数里。2. example<html><body&g...

Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法

2017-02-06 18
遇到的问题: laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的问题（safari下也有同样问题）;解决办法: 给laydate绑定id; 解决前代码:<input id="startTime" placeholder="请输入开始时间" class="laydate-icon"onClick="laydate（{istime: true, format: "YYYY-MM-DD hh:mm:ss"}）"><...

浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别

2017-02-06 16
hide和fadeOut 显示效果有什么区别？ show和fadeIn显示效果都一样？很多朋友在学习jQuery的时候 会遇到这个问题 ，hide和 fadeOut都可以带有参数：$（selector）.hide（speed,callback）;$（selector）.fadeOut（speed,callback）;首先我们从名字上就可以看出 hide是隐藏而fadeOut是淡出，当然名字不能看出具体的区别，只能体现他们是不同的而已。但是当我们把参数 sp...

Javascript中浏览器窗口的基本操作总结

2017-02-06 17
窗口位置【1】获取 浏览器（firefox不支持）提供了screenLeft和screenTop属性，分别用于表示窗口相对于屏幕左边和上边的位置 在窗口最大化的情况下，运行下列代码时，各个浏览器返回的值并不相同。chrome返回left:0;top:0。而IE则返回left:0;top:56（若有菜单栏，则返回left:0;top:78），这是因为IE中保存的是从屏幕左边和上边到由window对象表示的页面可见区域的距离。safari则由于自身的bug...

js获取form表单所有数据的简单方法

2017-02-06 17
在HTML中用js获取通过GET、POST方法（就是在网址后加?a=b&c=d之类）传过来的表单值。针对大家常用的获取表单方式，很多时候都是在重复的写一些代码，今天给大家贴出来的代码可以作为公用方法直接调用。可以提高大家的开发效率。Js代码 <script type="text/javascript">//获取指定form中的所有的<input>对象function getElements（formId） {var form...

BootStrap下拉框在firefox浏览器界面不友好的解决方案

2017-02-06 17
http://output.jsbin.com/titaki以上这个链接在firefix浏览器打开就会发现里面有个小容器，而且下拉按钮样式很不友好上谷歌查了一下1.小容器可以利用select:padding:02.下拉图标可以利用background-image；-moz-appearance:none把下拉框的样式去掉，然后@-moz-document url-prefix（） {select.form-control {-moz-appearance:...

AngularJS 整理一些优化的小技巧

2017-02-06 17
关于优化ng的手段网上已经有很多了,核心都是从$$watchers这个作用域内部属性说起的,今天我来说点别的,本质还是不变的,因为这是ng的硬伤,不过我相信只要运用合适的手法,这些问题还是可以避免的.ng简介angularjs简称ng,是google出品的mvvm框架,此在提高前端项目开发效率（实践中来看确实很能提高开发效率）,以控制器,指令,服务来围绕整个项目,内部以独有的DI来解决三层之前的调用问题.更多的详情信息可以参考我之前写的ng源码分析.ng的...

js修改onclick动作的四种方法（推荐）

2017-02-06 17
第一种：button.onclick = Function（"alert（"hello"）;"）;第二种：button.onclick = function（）{alert（"hello"）; };第三种：button.onclick = myAlert; function myAlert（）{ alert（"hello"）; }第四种：这种情况更加动态，更为实用，而且还能添加多个函数（添加的事件的顺序即执行顺序），呵呵if（window.addEvent...

BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法（火狐下不能点击）

2017-02-06 17
今天收到程序组提交的一个兼容BUG，在火狐中使用模态框加载日期控件时选择时间下拉菜单没有效果（不能点击），而在谷歌中却是好的，排错思路：1，在当前页面主层放置一个时间控件，测试通过2，在ajax加载页放置一个时间控件，测试通过3，在模态框最外层放置一个时间控件，不通过主要原因是模态框与时间下拉菜单层级关系造成（z-index），因时间控件是收bootstrap的时间控件.js文件生成，所以导致在页面与css样式表中修改无效，网上有直接修改bootstrap...

js 获取站点应用名的简单实例

2017-02-06 17
一直用EL表达式${pageContext.request.contextPath}来传递应用名，在用到JS中时，很麻烦，虽然也可以用，但是加大了代码复杂度，因此这里推荐用JS获取应用名function getContextPath（） {var contextPath = document.location.pathname;var index =contextPath.substr（1）.indexOf（"/"）; //这个地方可能有问题，要根据具体项...

Bootstrap模态框（modal）垂直居中的实例代码

2017-02-06 18
Bootstrap官网下载：http://v3.bootcss.com/ 今天就在使用Bootstrap框架中遇到的一个问题分享一下，在产品开发的过程中使用了大量的弹出窗口（modal）。 刚开始学习使用的过程中就发现此窗口不能垂直居中，总是偏上，并且不能拖动，看了一下使用说明也没有提供过多的属性设置和方法，就这样使用默认的方式一直用着。最近，客户却提出了一个要求：能不能让弹出窗口居中，因为一些小的窗口偏上总感觉整体页面失衡，大一点的还过得去。 因为...

AngularJS入门教程引导程序

2017-02-06 20
我们现在开始准备编写AngularJS应用——phonecat。这一步骤（步骤0），您将会熟悉重要的源代码文件，学习启动包含AngularJS种子项目的开发环境，并在浏览器端运行应用。进入angular-phonecat目录，运行如下命令：git checkout -f step-0该命令将重置phonecat项目的工作目录，建议您在每一学习步骤运行此命令，将命令中的数字改成您学习步骤对应的数字，该命令将清除您在工作目录内做的任何更改。运行以下命令：nod...

AngularJS入门教程之静态模板详解

2017-02-06 18
为了说明angularJS如何增强了标准HTML，我们先将创建一个静态HTML页面模板，然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。在本步骤中，我们往HTML页面中添加两个手机的基本信息，用以下命令将工作目录重置到步骤1。git checkout -f step-1请编辑app/index.html文件，将下面的代码添加到index.html文件中，然后运行该应用查看效果。app/index.html<ul><...

AngularJS入门教程之AngularJS 模板

2017-02-06 18
是时候给这些网页来点动态特性了——用AngularJS！我们这里为后面要加入的控制器添加了一个测试。一个应用的代码架构有很多种。对于AngularJS应用，我们鼓励使用模型-视图-控制器（MVC）模式解耦代码和分离关注点。考虑到这一点，我们用AngularJS来为我们的应用添加一些模型、视图和控制器。请重置工作目录：git checkout -f step-2我们的应用现在有了一个包含三部手机的列表。步骤1和步骤2之间最重要的不同在下面列出。，你可以到Gi...

AngularJS入门教程之迭代器过滤详解

2017-02-06 21
我们在上一步做了很多基础性的训练，所以现在我们可以来做一些简单的事情喽。我们要加入全文检索功能（没错，这个真的非常简单！）。同时，我们也会写一个端到端测试，因为一个好的端到端测试可以帮上很大忙。它监视着你的应用，并且在发生回归的时候迅速报告。请重置工作目录：git checkout -f step-3我们的应用现在有了一个搜索框。注意到页面上的手机列表随着用户在搜索框中的输入而变化。步骤2和步骤3之间最重要的不同在下面列出。你可以在GitHub里看到完整的...

AngularJS入门教程之双向绑定详解

2017-02-06 19
在这一步你会增加一个让用户控制手机列表显示顺序的特性。动态排序可以这样实现，添加一个新的模型属性，把它和迭代器集成起来，然后让数据绑定完成剩下的事情。请重置工作目录：git checkout -f step-4你应该发现除了搜索框之外，你的应用多了一个下来菜单，它可以允许控制电话排列的顺序。步骤3和步骤4之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。模板app/index.htmlSearch: <input ng-model="...

Javascript中apply、call、bind的巧妙使用

2017-02-06 18
apply、call在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。先来一个栗子：function fruits（） {}fruits.prototype = {color: "red",say: function（） {...

JavaScript中函数声明与函数表达式的区别详解

2017-02-06 17
前言在ECMAScript中，有两个最常用的创建函数对象的方法，即使用函数表达式或者使用函数声明。对此，ECMAScript规范明确了一点，即是，即函数声明 必须始终带有一个标识符（Identifier），也就是我们所说的函数名，而函数表达式则可以省略。下面看看这两者的详细区别介绍。什么是 Function Declaration（函数声明）？Function Declaration 可以定义命名的函数变量，而无需给变量赋值。Function Declar...
<< 131 132 133 134 135 136 137 138 139 140 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图