Welcome

首页 / 脚本样式 / JavaScript

通过Ajax使用FormData对象无刷新上传文件方法

2017-02-06 21
写在前面：本文说的这个方案有浏览器兼容性问题；所有主流浏览器的较新版本已经支持这个对象了，比如Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+，对兼容性比较敏感的网站慎用。在工作中遇到了一个问题：在一个页面中，有4块内容，每块内容都包含一个图片上传功能，希望可以实现一键把这四块内容都上传上去。我没有用插件实现上传功能，就是用的input[type=file]，因此就遇到一个问题就是：①传统的form表单会导致页...

js实现百度地图定位于地址逆解析，显示自己当前的地理位置

2017-02-06 35
话不多说，随小编一起看看实例代码吧<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css">body, ...

微信开发 JS-SDK 6.0.2 经常遇到问题总结

2017-02-06 22
0.为什么以前不需要配置这么麻烦就可以修改分享description 等信息,但是现在不行了.因为6.0.2版本之前没有做权限验证，所以config都是ok，但这并不意味着你config中的签名是OK的，请在6.0.2检验是否生成正确的签名以保证config在高版本中也ok。所以现在需要配置正确签名 wx.config1.登录微信后台（mp.weixin.qq.com）-->基本配置获取AppID,AppSecret2. 获取 access_toke...

利用js+css+html实现固定table的列头不动

2017-02-06 18
话不多说，跟这小编来一起看下吧1、CSS<style type="text/css">#scroll_head {position: absolute;display: none;}</style>2、Javascript<script type="text/javascript">//该函数在上面一个table数据加载完成后调用//把表头的宽度设置到会滚动的页头去var copyWidth = function （） ...

基于JS实现的随机数字抽签实例

2017-02-06 21
话不多说，附上源码，仅供大家参考<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><script src="Scripts/jquery-1.10.2.js"></script><script type="text/javascript">var numA...

javascript垃圾收集机制的原理分析

2017-02-06 22
前面的话 javascript具有自动垃圾收集机制，执行环境会负责管理代码执行过程中使用的内存。在编写javascript程序时，开发人员不用再关心内存使用问题，所需内存的分配以及无用内存的回收完全实现了自动管理。下面将详细介绍javascript的垃圾收集机制原理 垃圾收集机制的原理很简单：找出那些不再继续使用的变量，然后释放其占用的内存，垃圾收集器会按照固定的时间间隔，或代码执行中预定的收集时间，周期性地执行这一操作 局部变量只在函数执行的过程中存在。...

PHP+jquery+ajax实现分页

2017-02-06 15
本文实例为大家分享了jquery ajax实现分页的具体代码，供大家参考，具体内容如下HTML<div id="list"><ul></ul> </div> <div id="pagecount"></div>CSS #list{width:680px; height:530px; margin:2px auto; position:relative} #list ul li{floa...

学习使用bootstrap的modal和carousel

2017-02-06 28
bootstrap框架提供了很多好用的javascript组件，可以很方便的实现常用的js效果，比如点击弹出一个div（modal）、下拉菜单、旋转木马（carousel或slider），非常适合前端不专业的后端程序员使用。下面就来看下modal和carousel如何使用。modal即点击弹出div的效果，先看下效果图。代码如下：<！DOCTYPE html><html lang="zh"><head> <titl...

JS实现太极旋转思路分析

2017-02-06 23
刚学了js的一些函数，所以做了一个太极的旋转。做完之后是上面这个样子的，是可以旋转的。思路：1.先做一个基准转盘，之后将元素都放在转盘上，跟随转盘动。2.画两个半圆，主要属性是border-top-right-radius: 250px; 像素值为长边的一半。3.然后画4个圆，以基准转盘为父元素，按照下面黑色圆一样的思路再画另外一边白色的圆，最后再在两个中等的圆上画两个小圆。4.设置定时器：//旋转角度var deg = 0//设置定时器，100毫秒动一次...

原生js实现查询天气小应用

2017-02-06 21
本文实例为大家分享了js查询天气应用，供大家参考，具体内容如下demo: https://zsqosos.github.io/weather/实现功能：打开网页时显示用户所在城市的天气状况，在输入框输入城市可查询其它城市。实现过程：先调用百度地图的API来获取用户所在的城市，随后调用聚合数据的天气API将数据放在页面上。由于ajax不支持跨域，所以采用了jsonp的方式来调用数据。实现的原理比较简单，HTML和css比较长，我就只将js代码贴出来，想看完整...

JS定时器实现数值从0到10来回变化

2017-02-06 18
效果：数值从0到10来回变化代码：var a=0var timer1,timer2;function add（）{a++;console.log（a）;if（a>=10）{clearInterval（timer1）;timer2=setInterval（sub,200）;}}function sub（）{a--;console.log（a）;if（a<=0）{clearInterval（timer2）;timer1=setInterval（ad...

浅析JavaScript动画模拟拖拽原理

2017-02-06 20
模拟拖拽的原理：x1等于div.offsetLefty1等于div.offsetTopx2等于ev.clientX（ev表示event事件）y2等于ev.clientY当我们在方块上按下鼠标的时候，x2-x1即可确定。移动鼠标之后，我们用鼠标当前的位置即x4、y4减去x2-x1、y2-y1就可以得到方块现在的位置。代码： <！DOCTYPE html> <html lang="en"> <head><meta ch...

vue.js绑定class和style样式（6）

2017-02-06 22
数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute，我们可以用 v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时，Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。通过 v-bind:class 或者 :class 来为style或者class来绑定绑定class<div cla...

清除浏览器缓存的几种方法总结（必看）

2017-02-06 45
关于浏览器缓存浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法meta方法//不缓存<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-...

JS新包管理工具yarn和npm的对比与使用入门

2017-02-06 30
这篇文章会通过以下几个方面介绍yarn的：yarn对比npm解决了什么问题，带来哪些便利。获取yarn的正确姿势yarn的使用入门（介绍一些常用的命令个人使用心得yarn对比npm的优点根据官方文档yarn具有6大优点1、离线模式yarn会有一个缓存目录，会缓存以前安装过的软件包，再次安装时就不必从网络下载了，大大加速安装速度。这一点很重要，npm 饱受诟病的一点就是，每次安装依赖，都需要从网络下载一大堆东西，而且是全部重新下载，工程多的时候比较烦人。我司...

Vue.js计算属性computed与watch（5）

2017-02-06 17
在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用**计算属性**。Vue实例的computed的属性 <div class="test"><p>原始的信息{{message}}</p><p>计算后的信息{{ComputedMes...

清除js缓存的多种方法总结

2017-02-06 25
在客户端有一个HTML文件，用来提交输入信息，问题在于：每次按刷新时，发觉并不是整个页面重新被装载，好似是缓存中。因为文本框中仍出现上次输入的值，只有在地址栏中按回车整个页面才重新装载，应当怎样避免此问题？1，在html里head区添加代码：<meta http-equiv="pragma" content="no-cache" /><meta http-equiv="content-type" content="no-cache, mu...

浅析javascript中的Event事件

2017-02-06 21
1、焦点：当一个元素有焦点的时候，那么他就可以接受用户的输入（不是所有元素都能接受焦点）给元素设置焦点的方式： 1、点击 2、tab 3、js2、（例子：输入框提示文字） onfocus:当元素获取焦点时触发： element.onfocus = function（）{}; onblur:当元素失去焦点时触发： element.onblur = function（）{}; obj.focus（） 给指定的元素设置焦点 obj.blur（）...

Angular.Js的自动化测试详解

2017-02-06 21
本文着重介绍关于ng的测试部分，主要包括以下三个方面：框架的选择（Karma+Jasmine）测试的分类和选择（单元测试 + 端到端测试）在ng中各个模块如何编写测试用例下面各部分进行详细介绍。测试的分类在测试中，一般分为单元测试和端到端测试，单元测试是保证开发者验证代码某部分有效性的技术，端到端（E2E）是当你想确保一堆组件能按事先预想的方式运行起来的时候使用。其中单元测试又分为两类： TDD（测试驱动开发）和BDD（行为驱动开发）。下面着重介绍两种开发...

适用于手机端的jQuery图片滑块动画

2017-02-06 23
本文实例为大家分享了基于jQuery实现的手机端图片滑块动画源码，供大家参考，具体内容如下效果图：在线预览 下载地址实例代码：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/x...
<< 51 52 53 54 55 56 57 58 59 60 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图