Welcome

首页 / 脚本样式 / JavaScript

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

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

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

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

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

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

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

2017-02-06 20
方法一：<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在解析时出现闪烁的原因及防止闪烁的方法

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

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

2017-02-06 18
首先我们需要一个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详细介绍

2017-02-06 20
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 实现的一个俄罗斯方块实例代码

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

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

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

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

2017-02-06 22
本文实例讲述了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实现的左右无缝滚动效果

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

Angular ng-class详解及实例代码

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

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

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

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

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

js Canvas实现圆形时钟教程

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

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

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

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

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

jquery判断iPhone、Android设备类型

2017-02-06 18
最近做了一版微信宣传页，通过JQ来判断设备，并进行下载微信内置浏览器对下载链接进行了屏蔽，所以先进行判断，如果是微信内置浏览器，则跳转应用宝链接，如果不是，则判断是iPhone/Adroid/PC 并进行跳转代码如下：function downloadApp（）{ var u = navigator.userAgent;var ua = navigator.userAgent.toLowerCase（）;var isAndroid = u.indexOf（...

原生JS实现首页进度加载动画

2017-02-06 21
js进度加载动画程序是本人的个人作品，写的不好，可以参考，但未经本人允许，请不要用于其它用途！早上写了个首页进度加载动画，本想在我的博客里用上，测试发现博客园加载太快，根本看不到动画效果，直接就加载‘Complete"了，算了，还是不要把博客搞得太臃肿了！于是我就写了个演示页面，在body里加了个iframe来加载大一点的网站，这样就看出效果了！用Safari打开貌似CSS动画的播放时间变成同步了，不知道什么原因，本地测试又没问题（请大神指点！），用Chr...

jQuery版AJAX简易封装代码

2017-02-06 20
开发过程中，AJAX的应用应该说非常频繁，当然，jQuery的AJAX函数已经非常好用，但是小编还是稍微整理下，方便不同需求下，可以简化输入参数，下面是实例代码：$（function（）{/** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据，数组存储，如：{"date": new Date（）.getTime（）, "state": 1} * async 默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同...
<< 111 112 113 114 115 116 117 118 119 120 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图