Welcome

首页 / 脚本样式 / JavaScript

JS控制页面跳转时未请求要跳转的地址怎么回事

2017-02-06 21
其实，想表达的仅仅是，在js中通过window.location.href控制页面跳转时，有时会跳转至缓存页面，并没有真正去请求要跳转的地址，导致页面数据未能及时加载刷新。直奔code...解决办法：在HTML中埋入隐藏from，通过js调用from进行请求链接地址<form id="hidden_submit_info" method="post" enctype="multipart/form-data" action="test.php" &g...

Bootstrap作品展示站点实战项目2

2017-02-06 25
假设我们已经想好了要给自己的作品弄一个在线站点。一如既往，时间紧迫。我们需要快一点，但作品展示效果又必须专业。当然，站点还得是响应式的，能够在各种设备上正常浏览，因为这是我们向目标客户推销时的卖点。这个项目可以利用Bootstrap的很多内置特性，同时也将根据需要对Bootstrap进行一些定制。1.设计目标虽然对大屏幕中的展示效果已经胸有成竹，但我们还应该从小设备开始，强迫自己聚焦在关键的要素上面。这个作品展示站点应该具有下列功能：□ 带Logo的可折叠...

微信小程序 地图定位简单实例

2017-02-06 19
微信小程序开发地图定位。微信小程序 刚刚公布没多久，自己学习一下内容，以便以后的开发，想落后别人，这里做了一个简单的小程序示例，大家可以参考下要求要完成的功能：1.要完成的要点是城市定位。2.就是切换城市。首页我们先参照微信小程序开放的官方文档找到：在这里我们可以找到”当前位置经纬度“getLocation: function （）{ var that = this wx.getLocation（ { success: function （res...

深入学习js瀑布流布局

2017-02-06 18
本文实例为大家分享了js瀑布流布局学习资料，供大家参考，具体内容如下特点：等宽不等高。实现方式：Javascript/Jquery/CSS3多栏布局。样例网站：花瓣网-->分类一、JS实现瀑布流index.html:页面结构<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>瀑布流布局</title>...

AngularJS 与Bootstrap实现表格分页实例代码

2017-02-06 25
AngularJS 从开始发布到现在使用的开发的者越来越多，也表明大多数做前端的朋友在往这边转，毕竟是Google 公司出品的产品啊，所以最近自己也在学习这部分知识。AngularJS Bootstrap实现表格分页：最近一直学习Angular.js，在学习过程中也练习了很多的Demo，这里先贴一下表格+分页。先上图看看最终结果：不得不说Angular.js代码风格很受人欢迎，几十行代码清晰简洁的实现了上面的功能。首先表格的数据源来自于，Server.js...

js关于getImageData跨域问题的解决方法

2017-02-06 20
在学习h5的时候，canvas标签中getImageData（）报错：security error！具体代码如下（chrome浏览器）：function createGSCanvas（img）{ var canvas=document.createElement（"canvas"）; canvas.width=img.width; canvas.height=img.height; var ctx=canvas.getContext（"2d"）; ctx....

前端js实现文件的断点续传 后端PHP文件接收

2017-02-06 20
早就听说过断点续传这种东西，前端也可以实现一下。断点续传在前端的实现主要依赖着HTML5的新特性，所以一般来说在老旧浏览器上支持度是不高的本文通过断点续传的简单例子（前端文件提交+后端PHP文件接收），理解其大致的实现过程还是先以图片为例，看看最后的样子一、一些知识准备断点续传，既然有断，那就应该有文件分割的过程，一段一段的传。以前文件无法分割，但随着HTML5新特性的引入，类似普通字符串、数组的分割，我们可以可以使用slice方法来分割文件。所以断点续传...

js仿手机页面文件下拉刷新效果

2017-02-06 19
最后弄出了一个简单的下拉刷新页面的形式，还不算太复杂要在仿真器下才能看到效果，比如chrome的里边（或者用手机浏览器查看，但测试发现有些浏览器有问题，目前手机猎豹是没问题的）主要就是：下拉-->提示松开刷新-->松开后-->开始刷新-->刷新成功后还原html,css部分style type="text/css"> #slideDown{margin-top: 0;width: 100%;} #slideDown1,#sli...

第一次接触神奇的Bootstrap

2017-02-06 22
作为Web前端开发框架，Bootstrap为大多数标准的UI设计常见提供了用户友好、扩浏览器的解决方案。1.下载Bootstrap打开官方网址http://getbootstrap.com/ 进行下载。2.准备项目模板文件夹接下来，我们为第一个项目创建一个文件夹以及一些基本的文件。谓词我们还要用到HTML5样板文件 HTML5 Boilerplate（H5BP），然后把Bootstrap的有用文件复制过去。2.1 下载H5BP访问网站链接地址：https:...

jQuery web 组件 后台日历价格、库存设置的代码

2017-02-06 22
/* * yagizaDate 1.0 * * Yagiza * Copyright 2016, MIT License * * IE 8+, Chrome, fireFox */ // * 字段说明 ******************** // buyNumMax 最多购买数 // buyNumMin 最少购买数 // cashback 返现 // price 售价、分销价、分销售价 // priceSettlement 结算价、采购价、分销结算价 /...

javascript对浅拷贝和深拷贝的详解

2017-02-06 20
下面小编就为大家带来一篇浅谈JavaScript中面向对象的的深拷贝和浅拷贝。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。1.浅拷贝：复制一份引用，所有引用对象都指向一份数据，并且都可以修改这份数据。2.深拷贝（复杂）：复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。这里画一个简单的图来加深理解:一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，...

JS动态计算移动端rem的解决方案

2017-02-06 19
在做移动端web app的时候，众所周知，移动设备分辨率五花八门，虽然我们可以通过CSS3的media query来实现适配，例如下面这样：html {font-size : 20px;}@media only screen and （min-width: 401px）{html {font-size: 25px ！important;}}@media only screen and （min-width: 428px）{html {font-size: ...

Js动态设置rem来实现移动端字体的自适应代码

2017-02-06 19
下面一段代码给大家介绍了Js动态设置rem来实现移动端字体的自适应，以此做个记录，方便以后需要，感兴趣的朋友一起看看吧。具体代码如下所示：//设置根元素字体var win = window,doc = document;function setFontSize（） { var winWidth = $（window）.width（）; //750这个数字是根据你的设计图的实际大小来的，所以值具体根据设计图的大小 var size = （winWidt...

jQuery.form.js插件不能解决连接超时（timeout）的原因分析及解决方法

2017-02-06 19
jQuery.form.js是一个form插件，支持ajax表单提交和ajax文件上传。最近在使用jquery.form.js提交包含文件的表单时，碰到了一个问题：当碰上网速较慢时，而我们又设置了timeout时，例如：var options = { timeout: 3000 //限制请求的时间，当请求大于3秒后，跳出请求 }我们的页面会死在这里，贴上F12开发者工具返回的结果：此时，我们并没有处理错误的回调函数，而百度出来的例子中也只有这两个回调函数：...

js插件Jcrop自定义截取图片功能

2017-02-06 21
当初说这个需求的时候，在网上找了一点资料，但是基本上感觉不符合项目中的需求。参照一些项目，和同事的改造，终于是像点样子了。截图大致截为3个像素，每个像素使用的地方也不同，考虑图片不会是很多,分别压缩保存下来。根据截取的像素位置，对应的压缩成相应的图片：首先需要下载Jcrop.js与uploadify.js 上传图片的插件和截图的插件Comm_UploadJcrop.js//剪裁头像对象和宽高比例var jcrop_api, boundx, boundy;/...

浅析JS中对函数function的理解（基础篇）

2017-02-06 22
正文：我们知道，在js中，函数实际上是一个对象，每个函数都是Function类型的实例，并且都与其他引用类型一样具有属性和方法。因此，函数名实际上是指向函数对象的指针，不与某个函数绑定。在常见的两种定义方式（见下文）之外，还有一种定义的方式能更直观的体现出这个概念：var sum = new Function（"num1", "num2", "return num1 + num2"）; //不推荐 Function的构造函数可以接收任意数量的参数，但最后...

require.js 加载 vue组件 r.js 合并压缩的实例

2017-02-06 19
准备：vue.js 原本是学习vue组件require.js 然后想到用require 加载r.js 文件太多 合并文件目录忽略部分文件及文件夹一、先说vue 组件先引入vue 再引入vue组件Vue.extend（{}） 定义组件 template data methodsVue.component（），注册组件的标签，标签在html中是一个挂载点new Vue（） 进行实例化index.html// css引入 略<div id="header"...

jQuery如何防止Ajax重复提交

2017-02-06 20
首先说说防止重复点击提交是什么意思。 我们在访问有的网站，输入表单完成以后，单击提交按钮进行提交以后，提交按钮就会变为灰色，用户不能再单击第二次，直到重新加载页面或者跳转。这样，可以一定程度上防止用户重复提交导致应用程序上逻辑错误。 不妨引深来看，它不一定发生在表单的提交事件上，同样可以发生在ajax的异步请求上。有效地在web客户端采用一定机制去防止重复点击提交，将大大减轻服务器端压力。下面看下代码关于jquery ajax防止重复提交。*** jq...

jQuery的 $.ajax防止重复提交的两种方法（推荐）

2017-02-06 17
下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法，具体介绍如下所示：1、第一种，对于onclick事件触发的的ajax可以采用如下方法： 即在beforeSend中使点击按钮不可用，ajax结果返回后置为可用$.ajax（{type: "POST",url: APP+"?m=Shopping&a=ajaxSubmitorder&sid="+sid+"&src="+src,cache:false,dataType: "json",...

jQuery ajaxForm（）的应用

2017-02-06 22
jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。本文就是介绍了ajaxForm（）的应用.一、ajaxForm（） 介绍 ajaxForm预处理将要使用 AJAX 方式提交的表单，将所有需要用到的事件监听器添加到其中。它不是提交这个表单。 在页面的ready函数里使用ajaxForm来给你页面上的表单做这些AJAX提交的准备工...
<< 91 92 93 94 95 96 97 98 99 100 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图