![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 74
@航空母舰
这个作者很懒,什么都没留下…
展开
-
JS循环实现定时
适用于任何循环/** * 睡眠函数 * @param numberMillis -- 要睡眠的毫秒数 */function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime)原创 2021-04-19 13:25:21 · 880 阅读 · 0 评论 -
Jquery 获取iframe中的元素
由于公司项目开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。在iframe中获取父窗口的元素// 格式:$('#父窗口中的元素ID',parent.document).click();// 实例:$('#btnOk',parent.document).click();在父窗口中获取iframe中的元素// 格式:$("#iframe的ID").contents().find("#iframe中...原创 2020-07-21 15:34:29 · 1896 阅读 · 0 评论 -
通用表单验证formvalidator 后端验证
在使用formvalidator4.1.3 插件时 发现正常情况调用时没有问题的,但是我们的项目中需要把css 、js 之类的静态资源用单独的域名加载。那么问题就来了在 该插件中 有一段这样的程序//读取主题对应的脚本var scriptSrcArray = fv_scriptSrc.split('/');var jsName = scriptSrcArray[scriptSrcArray.length - 1];var themedir = fv_scriptSrc.replace(jsN..原创 2020-07-03 13:32:32 · 1939 阅读 · 0 评论 -
Angularjs集成第三方插件 Uploadify
原创 2015-03-26 23:01:05 · 104 阅读 · 0 评论 -
Backbone CURD
原创 2015-05-03 15:38:13 · 78 阅读 · 0 评论 -
Backbone View入门
原创 2015-08-14 11:55:14 · 79 阅读 · 0 评论 -
百度地图接口
able=no" /> <style type="text/css"> body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} </style> <script type="text/java原创 2015-10-15 14:57:39 · 187 阅读 · 0 评论 -
Jquery data()学习
ment).ready(function(){ $("#btn1").click(function(){ $("div").data("greeting", "Hello World"); //alert($(this).data("state")); }); $("#btn2").click(function(){ alert($(&quo原创 2015-12-30 11:42:09 · 150 阅读 · 0 评论 -
jQuery动态计算文本框内的可输入字数
s/jquery.min.js"></script><script type="text/javascript" src="js/textSum.min.js"></script><style type="text/css">*{ box-sizing:border-box;}body{ backg原创 2017-10-16 14:14:04 · 268 阅读 · 0 评论 -
AngularJS 如何做身份验证
原创 2015-03-04 17:32:23 · 161 阅读 · 0 评论 -
angularJs 表单验证指令
{ this.attempted = false; var formController = null; this.setAttempted = function() { this.attempted = true; }; this.setFormController = function(controller) { formController = controller;原创 2014-11-25 17:10:48 · 68 阅读 · 0 评论 -
angularJs 前端的页面分解与组装
der', function($compile) { return { templateUrl: 'templete/common/common_header.html', replace: true, transclude: false, restrict: 'A', scope: false }; }); $compileProvider.directive('commonFooter', functi原创 2014-09-01 15:48:53 · 146 阅读 · 0 评论 -
AngularJS实现鼠标右键事件 事件冒泡
turn function(scope, element, attrs) { var fn = $parse(attrs.ngRightClick); element.bind('contextmenu', function(event) { scope.$apply(function() { event.preventDefault(); fn(scope, {$event:e原创 2014-08-26 17:42:46 · 373 阅读 · 0 评论 -
AngularJS 利用指令集成ZTree
也非常的友好,之前项目上常用此插件。 AngularJS 功能虽然非常强大,但UI上提供的插件不像JQuery那么多,而且只能通过directive定义扩展的UI插件,虽然国外已经提供了一些基于 directive的Tree功能实现,但毕竟不像ZTree那样强大,而且Tree是做项目中很长用的一个基本功能。因此,花了一点时间做了一个例子将ZTree应用到AngularJS中。<!doctype html><html lang="en&quo原创 2014-08-20 14:05:38 · 131 阅读 · 0 评论 -
js本地存储解决方案
原创 2014-07-04 11:09:33 · 122 阅读 · 0 评论 -
AngularJs 内置指令
原创 2014-06-20 14:27:14 · 91 阅读 · 0 评论 -
AngularJS Provider,Service,Factory
rmyApp.controller(‘MainController', function($scope, $http) { $http.get(…)} 在上面的代码里,就可以直接使用$http包好的各种功能了provider那我们自己想定制一个provider,怎么写呢//定义:$provide.provider('age', { start: 10, $get: function() { return this.start + 2原创 2014-06-19 12:01:42 · 80 阅读 · 0 评论 -
AngularJs Scope
pp="mainApp"></html>我们知道,ng-app是一个应用启动AngularJS的入口点,在这里也会创建一个root scope,在controller里可以通过$rootScope调到,每个应用只能有一个root scope,但它会有多个child scope,那啥时候会创建child scope呢?<html ng-app="mainApp"> &原创 2014-06-19 09:21:26 · 106 阅读 · 0 评论 -
用JavaScript动态加载CSS和JS文件
etElementsByTagName('head')[0]; var link = document.createElement('link'); link.href = path; link.rel = 'stylesheet'; link.type = 'text/css'; head.appendChild(link); }, js: function (path) { i原创 2017-12-04 15:14:21 · 81 阅读 · 0 评论 -
微信小程序嵌入 H5 页面(web-view)
2、在 iOS 中,若存在JSSDK接口调用无响应的情况,可在 web-view 的 src 后面加个#wechat_redirect解决;在开发微信小程序的时候,我们有时候会遇到将 H5 页面嵌入到小程序页面中的情况;会自动铺满整个小程序页面,个人类型的小程序暂不支持使用;1、web-view 网页与小程序之间不支持除 JSSDK 提供的接口之外的通信;页面中的 iframe ,方便我们在微信小程序中打开一个 H5 页面;这里添加需要嵌入到小程序里面 H5 页面的合法域名(最多200个);原创 2017-12-15 16:11:32 · 27304 阅读 · 1 评论 -
js 下拉框初始项onchange不触发解决办法
下拉框初始项onchange不触发解决办法<select name="zone_id" id="s_zone" onchange="getTeamList();"> <option value="">全部</option></select>aa<script type="text/javascript">f...原创 2018-03-15 15:00:12 · 1743 阅读 · 0 评论 -
NPM YARN前端包管理工具
上,使用者在使用时候就可很方便地通过 npm 来下载。NPM是前端开发广泛使用的包管理工具。类似后端的composer安装 nodejssudo apt-get install -y nodejs查看node安装成功node -vnpm是否包含npm -v下载好 node.js, npm 也就有了 npm更新地可比 node 勤快多了,因此你下载的 node 附带的 npm 版本可能不是最新的,你可以使用如下命令下载最新 npm:npm install npm@latest.........原创 2019-05-20 17:00:34 · 1705 阅读 · 0 评论 -
百度地图坐标系和高德坐标系的相互转换
GCJ-02是由中国国家测绘局制订的地理信息系统的坐标系统。它是一种对经纬度数据的加密算法,即加入随机的偏差。国内出版的各种地图系统(包括电子形式),出于国家安全考虑,必须至少采用GCJ-02对地理位置进行首次加密。国内腾讯地图和高德地图都采用了GCJ-02火星坐标系。BD-09坐标系:百度坐标系,也就是在GCJ-02的基础上,进行了BD-09二次加密措施生成的一种坐标系。//BD-09(百度)坐标转换成GCJ-02(火星,高德)坐标//@param bd_lon 百度经度//@par原创 2018-10-25 11:12:09 · 2632 阅读 · 0 评论 -
jquery scrollTop到达指定位置!
800);$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);原创 2018-10-17 14:20:06 · 230 阅读 · 0 评论 -
Framework7 自定义样式
pp class名,来自定义样式,这样官方固定的样式就会失效,如果不加#app 你写不起作用的,如果你自己写的样式就不用加#app。 使用背景图片<div class="pages"> <div class="page navbar-fixed toolbar-fixed"> <div class="navbar">&原创 2018-09-21 14:13:26 · 1073 阅读 · 0 评论 -
H5页面音视频自动播放
原创 2018-08-31 16:06:10 · 947 阅读 · 0 评论 -
百度地图标记,自动调整缩放等级,自适应缩放
ble=no" /> <style type="text/css"> body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";} #allmap{width:100%;height:500px;} p{margin-left:5px; font-size:14px;} &原创 2018-08-31 15:09:36 · 1283 阅读 · 0 评论 -
Framework7 表单数据存取
click', function(){ var formData = myApp.formToJSON('#my-form'); alert(JSON.stringify(formData));}); 每一个输入框都应该有 name 属性,否则不会被转换到JSON中去 JSON 填充到 FormmyApp.formFromJSON(form, formData) - 把一个JSON对象填充到Form中var myApp = new Framework7();var $原创 2018-08-11 00:05:31 · 421 阅读 · 0 评论 -
Framework7 常用控件中文化
buttonOk: '确定', buttonCancel: '取消', usernamePlaceholder: '请输入用户名', passwordPlaceholder: '请输入密码', preloaderTitle: '', progressTitle: '' }});app.dialog.alert('Thank you!<br>Username:' + us原创 2018-08-10 23:21:05 · 540 阅读 · 0 评论 -
Framework7 导航栏和工具栏
视图中的不同位置。静态布局(静态布局可能是最少使用的布局),固定布局,穿透布局静态.view .pages .page .page-content .navbar // other page content .toolbar 固定.view .pages.navbar-fixed.navbar-through .page .navbar原创 2018-08-10 22:51:12 · 843 阅读 · 0 评论 -
Framework7 页面 路由
启动一个 http 服务器才可以(不要直接打开本地文件)Ajax页面默认情况下 Framework7 会使用 Ajax 加载所有的页面,除了带有 external class的链接(<a href="somepage.html" class="external">)和没有正确 href 值的链接(比如是空的或者是 #)。 在初始化时候传递不同的 ajaxLinks 参数可以改变这个行为。所以我们如果需要创建一个链接指向 abou原创 2018-08-10 15:04:37 · 2809 阅读 · 1 评论 -
百度地图 路线规划之驾车导航
360-link border-b" <if condition="$row.panoramic_link neq ''">href="{:U('zone/panorama', ['zone_id' => $row['id']])}"<else/>href="javascript:;"</if>>原创 2018-08-13 11:01:36 · 733 阅读 · 0 评论 -
百度地图 输入地名获取自动获取坐标
<script src="http://api.map.baidu.com/api?v=2.0&ak=<?php echo Yii::app()->params['BAIDU_MAP_AK']; ?>"></script> <script type="text/javascript" src="http://api.原创 2018-08-08 16:37:57 · 1797 阅读 · 0 评论 -
百度地图 地址/坐标选择器
t;meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title>选择地址</title> <link rel="stylesheet&原创 2018-08-03 18:01:21 · 1125 阅读 · 0 评论 -
html5调用手机相机并压缩、上传
只需要这么一条简单的代码,在手机浏览器点击就可以打开相机了。<input type="file" accept="image/*" capture="camera">capture是什么?其实就是对打开方式的设置。<!-- capture=camcorder,调用手机摄像功能 --><input type="file" accept="video/*...原创 2018-05-05 19:02:15 · 623 阅读 · 0 评论 -
各种浏览器 关闭页面 实现
ckage["appId"];?>', timestamp: '<?php echo $signPackage["timestamp"];?>', nonceStr: '<?php echo $signPackage["nonceStr"];?>', signature: '<?php echo $signPa原创 2018-05-03 13:14:33 · 132 阅读 · 0 评论 -
angularjs 设置全局变量的3种方法
roller里都可以使用。1,通过var 直接定义global variable,这根纯js是一样的。2,用angularjs value来设置全局变量 。3,用angularjs constant来设置全局变量 。下面用一个例子,来说明,上面3种方法:'use strict';/* App Module */var test2 = 'tank'; //方法1,定义全局变量var phonecatApp = angular.module('phonecat原创 2014-05-30 15:26:15 · 99 阅读 · 0 评论 -
AngularJs 指令directive之transclude
);appModule.directive('hello', function() { return { restrict: 'E', template: '<div>Hi there <span ng-transclude></span></div>', transclude: true };}); html原创 2014-05-30 14:19:01 · 79 阅读 · 0 评论 -
AngularJs 指令directive之require
ire AngularJS内建的指令,其中大部分时间需要require的都是ngModel这个指令。在自定义Angular指令时,其中有一个叫做require的字段,这个字段的作用是用于指令之间的相互交流。举个简单的例子,假如我们现在需要编写两 个指令,在linking函数中有很多重合的方法,为了避免重复自己(著名的DRY原则),我们可以将这个重复的方法写在第三个指令的 controller中,然后在另外两个需要的指令中require这个拥有controller字段的指令,最后通过linking函数的第原创 2014-05-30 13:43:59 · 192 阅读 · 0 评论 -
注意img图片的onerror事件.
原创 2011-02-18 15:03:51 · 94 阅读 · 0 评论