jquery 动态增加,减少input表单的简单方法(必看) 2016年10月20日 15 阅读 html代码如下<html> <tr><button style="margin-left:10px" class="add_field_button btn">Add</button></tr><tbody class="input_fields_wrap"></tbody> </html> js代码如下<script>var max_fields...
jquery动态添加文本并获取值的方法 2016年10月20日 15 阅读 实例如下: $(function() {var i = 1;$("#addText").click(function() {if (i < 9) {$("#main").append("<div><input type="text" name="text" + i + ""/> <a href="#" mce_href="#" class="del-text">del</a></div>")...
javascript加载xml 并解析各节点的值(实现方法) 2016年10月20日 15 阅读 实例如下: var xmlDoc = null;function LoadXml(xmlPath) {try {if (window.ActiveXObject) {xmlDoc = new ActiveXObject("Microsoft.XMLDOM");}} catch (e) {try {xmlDoc = document.implementation.createDocument("", "", null);}catch (e) {alert(e...
jquery动态创建div与input的实例代码 2016年10月20日 14 阅读 无意中发现的,做为收藏,以备后绪查看时用。实例如下:<html><head><title>jjquery动态创建div与input</title><script type="text/javascript" src="jquery-1.4.2.min.js"></script><script><!--动态创建div-->$(function (){$("<...
有关文件上传 非ajax提交 得到后台数据问题 2016年10月20日 13 阅读 下文给大家介绍文件上传非ajax提交得到后台数据的操作方法,具体详情如下所示;<form name="configForm" id="configForm" method="post" action="" > ..........</form>根据id获得表单数据然后发送ajax请求,获得后台返回数据,处理数据,完美。但是如果需要上传文件,<tr> <td class="fontSize">请选择文件:&...
Vue.js中数组变动的检测详解 2016年10月20日 14 阅读 前言最近在尝试用Vue.js重构公司的现有业务代码,组件化的设计思路和MVVM的思想让我深深沉迷于其中。但是是踩到了不少坑,就比如这篇文章介绍的数组绑定后的更新检测。相信大家都知道Observer,Watcher,vm 可谓 Vue 中比较重要的部分,检测数据变动后视图更新的重要环节。在 vue.js中$watch的用法示例 中,我们讨论了如何实现基本的 watch 。接下来,我们来看看如何实现数组变动检测。例子:// 创建 vmlet vm = new ...
基于Javascript实现文件实时加载进度的方法 2016年10月20日 14 阅读 我们首先来看看要实现的效果图代码如下 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style>*{margin: 0;padding: 0;}div{width:200px;height: 30px;border:1px solid #ccc;ma...
JavaScript实现页面定时刷新(定时器,meta) 2016年10月20日 13 阅读 接下来进入正题-定时不断刷新页面的方法:1.看到定时,很容易想到js的定时器://第一种方法//由于我们已经有了一个定时器,所以只要在定时器test中加入一句刷新页面的代码即可function test(){h1.style.color = "red";h1.innerText = "我变化了";history.go(0);//可以换成上一篇博客的任何一种方法。}setInterval(test, 1000);2.通过meta来设置:<!--第二种方...
vue.js表格组件开发的实例详解 2016年10月20日 13 阅读 前言组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。组件开发的基础组件可以扩展 HTML 元素,封装可重用的代码。我理解为功能模块的模板吧。对于vue来说,组件是这个样子的,我们在html里面写<div id="example"><m...
微信js-sdk地理位置接口用法示例 2016年10月20日 18 阅读 本文实例讲述了微信js-sdk地理位置接口用法。分享给大家供大家参考,具体如下:前提,已经在wx.config()中权限验证通过,官方文档地址官方api使用微信内置地图查看位置接口wx.openLocation({latitude: 0, // 纬度,浮点数,范围为90 ~ -90longitude: 0, // 经度,浮点数,范围为180 ~ -180。name: "", // 位置名address: "", // 地址详情说明scale: 1, // ...
jquery 抽奖小程序实现代码 2016年10月20日 16 阅读 用jquery实现抽奖小程序这些日子,到处都可以看到关于微信小程序的新闻或报到,在博客园中写关于微信小程序的也不少。但是今天我要说的不是微信小程序,而是用简单的jquery写的一个好玩的抽奖小程序。最后介绍了后面关于抽奖小程序的一些后面更新的方向和Math.random的一些小知识。(最终结果保存在:http://runjs.cn/detail/rq3bbhto,点击可查看效果)下面先看一个简单的抽奖小程序的例子:html:<div class="g...
webpack+vue.js快速入门教程 2016年10月20日 16 阅读 前言vuejs——轻量、学习成本低、双向绑定、无dom的操作、组件的形式编写vuejs是个轻量级的mvvm框架, 集合了angular的基本功能,却又比angular更为精简,功能上涵盖了双向绑定、指令、逻辑控制、过滤器、事件监听、函数等。框架的特点使得项目 在状态变更、分页的场景下可以拥有很大的便利——所有的操作只需要变更数组,没有任何的dom操作。webpack——CommonJS的引用和编写方式、loader非常的丰富,包括vue-loader、cs...
JS禁止查看网页源代码的实现方法 2016年10月20日 12 阅读 先给大家分享下三种查看路径的方法:1、直接按F122、Ctrl+Shift+I查看3、鼠标点击右键查看把以上三种状态都屏蔽掉就可以了,document有onkeydown(键盘按键事件),该事件里面找到对应的keycode并处理就可以,document也有oncontextmenu鼠标右键事件,屏蔽即可。JS撸码如下:window.onload=function(){document.onkeydown=function(){var e=window.ev...
微信js-sdk上传与下载图片接口用法示例 2016年10月20日 12 阅读 本文实例讲述了微信js-sdk上传与下载图片接口用法。分享给大家供大家参考,具体如下:前提已经在wx.config()中,将图片接口验证通过。微信js-sdk 中上传图片接口(uploadImage)和下载图片接口(downloadImage)都是针对微信服务器本身的。以官方文档为准注:1.使用chooseImage接口获取到微信客户端图片地址的与都是 weixin://xxxx2.上传图片有效期3天,可用微信多媒体接口下载图片到自己的服务器,此处获得的 ...
微信小程序 加载 app-service.js 错误解决方法 2016年10月20日 15 阅读 微信小程序开发过程中出现错误,经过一番思考解决此问题,这里给大家提醒下!加载 app-service.js 错误WAService.js:2 不要在 undefined.js 注册多个PageAPP-SERVICE-Engine:Please do not register multiple Page in undefined.js开始新建一个小程序,结果报这么多错误。但是我点击到编辑页查看的时候,没有pages,utils呀。。进入app.js没有注册多...
webpack+vue.js实现组件化详解 2016年10月20日 12 阅读 简介在vue中实现组件化用到了vue特有的文件格式.vue,在每一个.vue文件就是一个组件,在组件中我们将html,css,js全部写入,然后在webpack中配置vue-loader就可以了。建立vue组件在src目录下建立components文件夹,并在其中建立app.vue文件,这样我们项目的目录结构如下:|--dist//webpack打包后生成的文件夹| |--build.js|--node_modules//项目的依赖所在的文件夹|--src...
微信小程序 location API接口详解及实例代码 2016年10月20日 9 阅读 微信小程序 location API 接口:现在微信小程序火了,利用假期时间学习了下,微信小程序的基础知识,嘿嘿!以下是记录学习微信小程序 location API接口,并且写了一个小实例来记录,如有错误之处还请指正。微信小程序的位置接口共有两个:1、wx.getLocation(OBJECT)获取当前的地理位置、速度。2、wx.openLocation(OBJECT) 使用微信内置地图查看位置然后,根据object参数说明,结合module模块化重写了下...
微信js-sdk界面操作接口用法示例 2016年10月20日 14 阅读 本文实例讲述了微信js-sdk界面操作接口用法。分享给大家供大家参考,具体如下:前提已经在wx.config()中获取到接口的权限,以官方文档为准说明:1.目前提供的界面操作接口和使用都比较简单2.有些好像还有点重复3.“调整字体”、“投诉”这两个测试的时候无法隐藏,属于基础类一、关闭微信浏览器窗口wx.closeWindow()window.close()关闭微信浏览器无效,当前方法被屏蔽,在 Cordova的WebView中也是这样不可用二、显示或隐藏...
如何使用jquery实现文字上下滚动效果 2016年10月20日 13 阅读 实现文字上下滚动是经常用到的js效果,这里介绍一种上下渐隐渐出的文字展现效果!<!DOCTYPE><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>文字滚动</title><style type="text/css"> #sidebar{width:200px; heigh...
JS代码实现百度地图 画圆 删除标注 2016年10月20日 12 阅读 把下面这段代码复制到百度地图的demo中运行,效果就是我想设计的效果。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" />...