JS
文章平均质量分 70
fongdaBoy
励志做一个全栈攻城狮
展开
-
Vue2.0实现调用摄像头进行拍照功能以及图片上传功能引用exif.js
vue组件代码template> div> div style="padding:20px;"> div class="show"> div class="picture" :style="'backgroundImage:url('+headerImage+')'">div> div> div style="margin-t原创 2017-09-30 10:42:50 · 10714 阅读 · 5 评论 -
11、javascript中字符串常用操作总结、JS字符串操作大全
String对象属性(1) length属性length算是字符串中非常常用的一个属性了,它的功能是获取字符串的长度。当然需要注意的是js中的中文每个汉字也只代表一个字符,这里可能跟其他语言有些不一样。var str = 'abc';console.log(str.length);(2) prototype属性prototype在面向对转载 2017-11-01 14:05:41 · 297 阅读 · 0 评论 -
12、javascript中数组常用的函数操作总结
javascript中数组常用的函数操作总结 //向数组中添加值 var arr=new Array(1,2,3,4,5); var len=arr.push(7,9); console.log(len,arr);//array.push() 在数组末尾添加值, 返回添加后的数组长度 var arr=new Array(1,2,3,4,5)转载 2017-11-01 14:09:24 · 260 阅读 · 0 评论 -
vue2.0click点击事件修饰符stop阻止单击事件冒泡prevent阻止默认事件
事件修饰符在事件处理器中经常需要调用 event.preventDefault() 或 event.stopPropagation()。尽管我们在方法内可以轻松做到,不过让方法是纯粹的数据逻辑而不处理 DOM 事件细节会更好。为了解决这个问题,Vue.js 为 v-on 提供两个 事件修饰符:.prevent 与 .stop。你是否还记得修饰符是点号打头的指令后缀?原创 2017-10-16 09:51:22 · 22691 阅读 · 0 评论 -
html中的css和js控制input,textarea文本框自动获取焦点
方法:1:js控制自动获取焦点html>head> script type="text/javascript"> function setFocus() { document.getElementById('password1').focus() } function loseFocus()原创 2017-10-16 10:44:06 · 27942 阅读 · 1 评论 -
移动端html5,JS判断客户端是否是iOS或者Android手机移动端
移动端html5,JS判断客户端是否是iOS或者Android手机移动端var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac O转载 2017-10-17 13:50:17 · 6197 阅读 · 1 评论 -
js禁止移动端浏览器滚动事件以及取消(允许)还原浏览器滚动事件
1、禁止浏览器滚动document.addEventListener('touchmove', function (event) { event.preventDefault();}, false);document.addEventListener('touchmove', function (event) { window.event.returnVa原创 2017-10-17 15:27:38 · 8021 阅读 · 0 评论 -
html5js实现滚动条滑动到底部
html5js实现滚动条滑动到底部document.body.scrollTop = document.body.scrollHeight;判断滚动条是否到底部//滚动条在Y轴上的滚动距离function getScrollTop(){ var scrollTop = 0, bodyScrollTop = 0, documentScrollTop原创 2017-10-17 15:45:46 · 9338 阅读 · 0 评论 -
es6(1) es6 javascript对象方法Object.assign()
1 基本用法Object.assign方法用于对象的合并,将源对象( source )的所有可枚举属性,复制到目标对象( target )。[javascript] view plain copyvar target = { a: 1 }; var source1 = { b: 2 }; var source2 = { c: 3 }; Object.assign(target, sourc...转载 2018-05-16 13:44:34 · 230 阅读 · 0 评论 -
js(1) javascript中使用Object.keys()把对象按照属性名的字母顺序进行排列
js 把对象按照属性名的字母顺序进行排列var obj = {name: "zhangsan", age: 8, ace: 5, nbme: "lisi"};//要排序的对象function objKeySort(obj) {//排序的函数 var newkey = Object.keys(obj).sort(); //先用Object内置类的keys方法获取要排序对象的属性名,再利用A...转载 2018-05-22 16:26:23 · 3024 阅读 · 0 评论 -
js(2) javascript中对象、数组、字符串合并的方法
一、js中对象合并的方法1)第一种方法var a = { a : '1', b : '2'}var content = { c: '3', ...a}console.log(content) //content = {c: "3", a: "1", b: "2"}2)第二种方法var content = {}var a = { a: '1', b: '2',...原创 2018-06-28 15:09:45 · 4463 阅读 · 0 评论 -
js(3) javascrt try...catch 用法心得
try 测试代码块的错误。catch 语句处理错误。 throw 创建并跑出错误。 try { //在这里运行代码 抛出错误 } catch(err) { //在这里处理错误 } 下面是一个实例: <p>请输出一个 5 到 10 之间的数字:</p><input id="...转载 2018-07-18 18:49:44 · 320 阅读 · 0 评论 -
js(4) 时间差 相减得出天数 小时 分
<script type="text/javascript"> var date1= '2015/05/01 00:00:00'; //开始时间 var date2 = new Date(); //结束时间 var date3 = date2.getTime() - new Date(date1).getTime...转载 2018-09-13 16:40:02 · 4230 阅读 · 0 评论 -
js( 5 ) es6 es7 javascript对象Object.values() , Object.entries()
1 Object.keys()ES5 引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键名。var obj = { foo: "bar", baz: 42 };Object.keys(obj)// ["foo", "baz"]目前, ES7 有一个提案,引入了跟Object.keys配套的Object....转载 2018-09-19 18:39:30 · 701 阅读 · 0 评论 -
js (6)获取url路径中的参数值(包括中文乱码)
function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var paramName = window.location.search.substr(1).match(reg); if(paramName != null)...原创 2019-01-23 15:53:21 · 2064 阅读 · 0 评论 -
js(6) qs.parse()、qs.stringify()、JSON.parse()、JSON.stringify()使用方法,把url的参数进行parse转换
qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.import qs from 'qs'qs.parse(location.search.replace(/^\?/, ''))const url = "http://localhost:8000/abcd?aa=111&bb=222"const qsObject = qs.parse(lo...原创 2019-02-28 14:25:36 · 1484 阅读 · 0 评论 -
8、javaScript standard style eslint语法规范
JavaScript Standard Style翻译: Português, Spanish, 繁體中文, 简体中文standard 规则列表,太多不必阅读。了解 standard 的最好方式是安装它,然后写代码尝试。规则缩进使用两个空格。eslint: indentfunction hello (name) { con转载 2017-10-24 13:40:00 · 1507 阅读 · 0 评论 -
vue2.0模拟锚点实现定位
vue2.0模拟锚点实现定位如果是传统项目,这个效果就非常简单。但是放到 Vue 中,就有两大难题:1. 在没有 jQuery 的 animate() 方法的情况下,如何实现平滑滚动?2. 如何监听页面滚动事件?在浏览了大量文章、进行多次尝试之后,终于解决了这些问题期间主要涉及到了 setTimeout 的递归用法,和 Vue 生命周期中的 moun转载 2017-10-12 09:52:56 · 12692 阅读 · 1 评论 -
javaScript中getBoundingClientRect获取div盒子到页面浏览器顶部的距离
getBoundingClientRect的用法getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。1.语法:这个方法没有参数。rectObject = object.getBoundingClientRect();2.返回值类型:TextRectangle对象,每个矩形具有转载 2017-10-11 11:37:15 · 4962 阅读 · 0 评论 -
vue2.0实现引用qrcode.js实现获取改变二维码的样式
vue代码template> div class="qart"> div id="qrcode" ref="qrcode"> div> input type="text" id="getval" value="" placeholder="修改这个值改变二维码"> div>template>script> ex原创 2017-09-30 10:31:31 · 30385 阅读 · 3 评论 -
js两只手指控制div图片放大缩小功能
html代码html>html lang="zh-cmn-Hans">head> meta charset="UTF-8"> meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> title>Documentt转载 2017-09-30 10:23:49 · 5846 阅读 · 0 评论 -
jquery、js上拉刷新下拉加载案例(基于iscroll.js)
html页面html>html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"> meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0原创 2017-09-29 18:24:39 · 4758 阅读 · 0 评论 -
ES6新语法快速入门学习教程
什么是ES6? ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。ECMAScript和JavaScript到底是什么关系?很多初学者会感到困惑,简单来说,ECMAScript是JavaScript语言的国际标准,JavaScript是ECMAScript的实现。1996年11月,JavaScript的创造者Netsc原创 2017-09-30 16:23:17 · 2571 阅读 · 1 评论 -
HLMT5中input实现多种文件上传,视频上传,图片上传,调用手机摄像头,照相机,相册功能
HLMT5中input实现多种文件上传,视频上传,图片上传,调用手机摄像头,照相机,相册功能html>html>head> meta charset="UTF-8"> meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> meta name="viewport" content="原创 2017-09-30 16:42:21 · 7351 阅读 · 1 评论 -
JS字符串常用的函数以及常用的正则表达式
js字符串函数JS自带函数concat将两个或多个字符的文本组合起来,返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。转载 2017-09-30 17:11:29 · 166 阅读 · 0 评论 -
js两只手指控制div图片放大缩小功能(2)
可以在github 上下载demo链接 https://github.com/fongdaBoy/hammer-pinch-masterhtml代码html>html lang="zh-cmn-Hans">head> meta charset="UTF-8"> meta name="viewport" content="user-scalab原创 2017-10-01 10:36:37 · 7278 阅读 · 2 评论 -
vue2.0实现引用qrcode.js实现获取改变二维码的样式(2)
可以在github 上下载demo链接 https://github.com/fongdaBoy/Vue2.0ComponentDemovue代码template> div class="qart"> div id="qrcode" ref="qrcode"> div> input type="text" id="ge原创 2017-10-01 10:41:16 · 4504 阅读 · 0 评论 -
Vue2.0实现调用摄像头进行拍照功能以及图片上传功能引用exif.js(2)
可以在github 上下载demo链接 https://github.com/fongdaBoy/Vue2.0ComponentDemovue组件代码template> div> div style="padding:20px;"> div class="show"> div class="picture" :style="'ba原创 2017-10-01 10:43:48 · 27733 阅读 · 10 评论 -
基于iscroll.js,jquery、js上拉刷新下拉加载案例(2)
可以在github上下载demo案例 链接地址https://github.com/fongdaBoy/pullupPulldownDemohtml页面html>html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"> meta name="viewport" co原创 2017-10-01 10:46:20 · 351 阅读 · 0 评论 -
1、js原生实现移动端手指滑动轮播图效果
html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> title>Docume原创 2017-10-19 09:29:52 · 20080 阅读 · 2 评论 -
2、移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
首先说说如何在用户点击input时弹出带有搜索按钮的键盘,其实很简单,加上 type="search"即可。示例:[html] view plain copyinput id="keyword" placeholder="输入关键字搜索" type="search" /> 效果图:转载 2017-10-19 11:00:32 · 1984 阅读 · 0 评论 -
vue2.0组件如何使用高德地图
vue2.0直接使用高德地图html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> script src="vue.js">script> script type="text/javascript" src="http://webapi.amap.com/maps?原创 2017-10-10 14:56:09 · 8214 阅读 · 1 评论 -
1、js原生实现移动端手指滑动轮播图效果(2)
html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"> title>雲title> meta http-equiv="X-UA-Compatible原创 2017-10-19 13:36:39 · 1140 阅读 · 1 评论 -
3、js原生实现移动端手指滑动轮播图效果(3)
html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"> title>3、js原生实现移动端手指滑动轮播图效果(3)title> meta http-原创 2017-10-19 15:34:13 · 1338 阅读 · 1 评论 -
js(7) js精确计算相加相减相乘,保存小数点后两位,并且js去掉小数点后多余的0
js去掉小数点后面多余的0用parseFloatjs去掉小数点后面多余的0用toFixed(819*9).toFixed(2)//"7371.00"parseFloat((819*9).toFixed(2))//7371parseFloat((819*9.996).toFixed(2)))//8186.72parseFloat(1.1000)//1.1...原创 2019-02-28 15:28:40 · 1862 阅读 · 0 评论