JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

BootStrap入门教程（一）之可视化布局

BootStrap入门教程（一）之可视化布局

2017年02月06日 41 阅读

下载地址：http://v3.bootcss.com/getting-started/#downloadHTML模板：<！DOCTYPE html><html><head><title>Bootstrap 模板</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><！-- 引入 ...

nodejs微信公众号支付开发

nodejs微信公众号支付开发

2017年02月06日 41 阅读

odeJs 微信公众号功能开发,移动端 H5页面调用微信的支付功能。这几天根据公司的需要使用 node 和 h5页面调用微信的支付功能完成支付需求。现在把开发过程重新捋一遍，以帮助更多的开发者顺利的完成微信支付功能的开发。（微信暂时还没有提供 node 的支付功能）一.请求CODE请求 code 的目的就是获取用户的 openid（用户相对于当前公众号的唯一标识）和access_token，请求的API：https://open.weixin.qq.co...

BootStrap入门教程（二）之固定的内置样式

BootStrap入门教程（二）之固定的内置样式

2017年02月06日 42 阅读

相关阅读：BootStrap入门教程（一）之可视化布局HTML5文档类型（Doctype）Bootstrap使用了一些HTML5元素和CSS属性，所以需要使用HTML5文档类型。<！DOCTYPE html><html>....</html>移动设备优先<meta name=”viewport” content=”width=device-width, initial-scale=1.0”> 宽度设置为de...

在Web项目中引入Jquery插件报错的完美解决方案（图解）

在Web项目中引入Jquery插件报错的完美解决方案（图解）

2017年02月06日 40 阅读

在学习Jquery插件的时候，遇到一个问题就是新建web工程后在WebRoot下引入Jquery插件的时候报错，不知道为什么好纠结，但是项目能正常运行，后来找到解决方案，在这里给大家分享一下。解决方案如下所示：1.在MyEclipse软件中找打-----windows----preferences，会出现一个如下图所示的界面：2.在检索框输入一个validation----单击该validation节点，将对于JavaScript脚本的验证取消勾，然后点击...

React Native实现简单的登录功能（推荐）

React Native实现简单的登录功能（推荐）

2017年02月06日 40 阅读

React Native 简介：React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件，代替 DOM 元素来渲染等。React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放...

详解Node.Js如何处理post数据

详解Node.Js如何处理post数据

2017年02月06日 37 阅读

实现思路将data和end事件的回调函数直接放在服务器中，在data事件回调中收集所有的POST数据，当接收到所有数据，触发end事件后，其回调函数调用请求路由，并将数据传递给它，然后，请求路由再将该数据传递给请求处理程序。实现步骤第一步我们设置了接收数据的编码格式为UTF-8，第二步注册了“data”事件的监听器，用于收集每次接收到的新数据块，并将其赋值给postData 变量，最后第三步我们将请求路由的调用移到end事件处理程序中，以确保它只会当所有数...

javascript 判断页面访问方式电脑或者移动端

javascript 判断页面访问方式电脑或者移动端

2017年02月06日 39 阅读

方法一：<script type="text/javascript">function browserRedirect（type） {var sUserAgent= navigator.userAgent.toLowerCase（）;var bIsIpad= sUserAgent.match（/ipad/i） == "ipad";var bIsIphoneOs= sUserAgent.match（/iphone os/i） == "iphone...

vuejs在解析时出现闪烁的原因及防止闪烁的方法

vuejs在解析时出现闪烁的原因及防止闪烁的方法

2017年02月06日 38 阅读

原因：在使用vuejs、angularjs开发时，经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式（{{ express }} ）,或者是模块（div）的闪烁。对于这个问题由于JavaScript去操作DOM，都会等待DOM加载完成（DOM ready）。对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template，所以对于Chrome这类快速的浏览器你会看见有闪烁的情况出现。而对于IE7，...

JS遍历ul下的li点击弹出li的索引的实现方法

JS遍历ul下的li点击弹出li的索引的实现方法

2017年02月06日 36 阅读

首先我们需要一个html结构<div ><ul><li>a</li><li>a</li><li>a</li><li>a</li><li>a</li></ul></div>我们遍历ul 下所有的li 并添加点击事件，一般我们会在for循环里面添加点击事件，但是结果和我们所期盼不一样，那么是为什...

javascript this详细介绍

javascript this详细介绍

2017年02月06日 39 阅读

this的值是在运行时确定的JS中的this究竟代表什么，这是在程序运行时根据上下文环境确定，可以分为以下几种情况。1. 全局作用域中的this在全局作用域中，this指向window对象。console.log（this）;//指向window对象this.x = 5//在全局作用域内创建一个x//与this.x = 5的等价情况：//var x = 5;//x = 5;在全局作用域中执行var x=5，其实是为window对象创建一个属性x，并令其等于...

HTML5 实现的一个俄罗斯方块实例代码

HTML5 实现的一个俄罗斯方块实例代码

2017年02月06日 39 阅读

示例简单，运行地址为：http://chendd.cn/demo/html/canvas/elsfk.html，得需要支持html5浏览器的环境。实现的功能：方块旋转（W键）、自动下落、移动（ASD）、消行、快速下落（空格键）、下落阴影、游戏结束。为实现功能：消行时的计分、等级、以及不同等级的下落速度等。学习了xiaoE的Java版本的俄罗斯方块后，自己动手使用html5的canvas实现的，参考效果图如下：详细代码如下：<！DOCTYPE html...

BootStrap入门教程（三）之响应式原理

BootStrap入门教程（三）之响应式原理

2017年02月06日 34 阅读

相关阅读：BootStrap入门教程（一）之可视化布局BootStrap入门教程（二）之固定的内置样式Bootstrap网格系统（Grid System）响应式网格系统随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。工作原理 · 行必须放置在 .container class 内，以便获得适当的对齐（alignment）和内边距（padding）。 · 使用行来创建列的水平组。 · 内容应该放置在列内，且唯有列可以是行的直...

javascript实现图片左右滚动效果【可自动滚动，有左右按钮】

javascript实现图片左右滚动效果【可自动滚动，有左右按钮】

2017年02月06日 45 阅读

本文实例讲述了javascript实现图片左右滚动效果。分享给大家供大家参考，具体如下：html代码：<！doctype html><html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="renderer" ...

javascript实现的左右无缝滚动效果

javascript实现的左右无缝滚动效果

2017年02月06日 38 阅读

本文实例讲述了javascript实现的左右无缝滚动效果。分享给大家供大家参考，具体如下：前面介绍过图片左右滚动，不过图片是间歇性的一张一张滚动，今天介绍的是几张图片一起进行无缝滚动，这是一个常用的 js 效果。<！DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>无缝滚动——左右</title><...

Angular ng-class详解及实例代码

Angular ng-class详解及实例代码

2017年02月06日 40 阅读

在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素（html/css），在controller需要一个简单的POJO（plain object javascript object），与view完全的隔离（交互angularjs框架的职责。但在某些项目中看见controller涉及DOM的元素最多的是在controller scope上定义某变量，其值为class name...

javascript实现的上下无缝滚动效果

javascript实现的上下无缝滚动效果

2017年02月06日 39 阅读

本文实例讲述了javascript实现的上下无缝滚动效果。分享给大家供大家参考，具体如下：前面介绍了JS左右无缝滚动效果，现在做下无缝滚动——上下的效果。其他代码和左右的差不多，只是改变的是 offsetTop 的值，并且不需要计算 ul 整体的宽度了。<！DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>无缝滚动...

Bootstrap模态框调用功能实现方法

Bootstrap模态框调用功能实现方法

2017年02月06日 41 阅读

近在做一个项目时需要在页面中嵌入弹出窗口，用来展示表单信息。其实这种弹出窗口有很多jquery插件都可以实现，我这边前端都是用Bootstrap的，正好Bootstrap有模态框这个功能，这下就可以直接拿它实现了。实现步骤如下：在前端页面引入bootstrap相关的css和js文件<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/boots...

js Canvas实现圆形时钟教程

js Canvas实现圆形时钟教程

2017年02月06日 38 阅读

阅读本文需要一点关于canvas基本用法的基础，本文实例为大家分享了HTML5 Canvas实现圆形时钟简易教程第一步：新建一个最简单的html文件，并且在<body>标签中定义元素canvas。canvas.html<html> <head><title>Canvas clock tutorial</title> </head> <body><canvas id="...

AngularJS 过滤器（自带和自建）详解

AngularJS 过滤器（自带和自建）详解

2017年02月06日 38 阅读

过滤器用来格式化需要展示给用户的数据。AngularJS有很多实用的内置过滤器，同时也提供了方便的途径可以自己创建过滤器。在HTML中的模板绑定符号{{ }}内通过|符号来调用过滤器。例如:{{value|lowercase}}//将值转换成小写在JavaScript代码中可以通过$filter来调用过滤器例： app.controller（‘DemoController‘, [‘$scope‘, ‘$filter‘, function（$scope, ...

Angularjs 实现分页功能及示例代码

Angularjs 实现分页功能及示例代码

2017年02月06日 39 阅读

基于Angularjs实现分页前言学习任何一门语言前肯定是有业务需求来驱动你去学习它，当然ng也不例外，在学习ng前我第一个想做的demo就是基于ng实现分页，除去基本的计算思路外就是使用指令封装成一个插件，在需要分页的列表页面内直接引用。插件在封装分页插件时我实现了几种方式总体都比较零散，最后找到了一个朋友（http://www.miaoyueyue.com/archives/813.html）封装的插件，觉还不错，读了下他的源码就直接在项目中使用了...

<< 111 112 113 114 115 116 117 118 119 120 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图