![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
qq_36587340
这个作者很懒,什么都没留下…
展开
-
canvas----画Tableb表格并点击修改参数
【代码】canvas----画Tableb表格并点击修改参数。原创 2022-11-14 13:19:26 · 1292 阅读 · 0 评论 -
canvas-----画柱状图(bar)
【代码】canvas-----画柱状图(bar)原创 2022-11-14 13:16:55 · 309 阅读 · 0 评论 -
js删除数组中指定元素
1、获取要删除元素的索引let array = [1,2,3,4,5,6];let index = array.indexOf(5);2、使用splice删除对应的元素if(index > -1){ array.splice(index,1);}function isDelArrayEle(array,v){ let index = array.indexOf(v); if(index > -1{ array.splice(v,1);.原创 2020-07-24 14:53:45 · 298 阅读 · 0 评论 -
js时间戳转换
时间戳转换日期格式//第一种function formatDate(date) { var year=date.getFullYear(); var month=date.getMonth()+1; var day=date.getDate(); var hour=date.getHours(); var minute=date.getMinutes(); var second=date.getSeconds(); .原创 2020-05-13 14:34:51 · 105 阅读 · 0 评论 -
canvas签名
<!doctype html><html><head> <meta charset="UTF"> <title>签名版</title> <style> * { margin: 0; padding: 0; } </styl...原创 2020-03-25 18:21:28 · 103 阅读 · 0 评论 -
vue中路由在新的标签页打开
let routeData = this.$router.resolve({ name: 'commercialPreview', query: {cylType: this.$route.query.cylType}, params: { id: this.id }})window.open(routeData.href, '_blank')原创 2020-03-23 18:09:05 · 957 阅读 · 0 评论 -
常用数组方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组常用方法</title></head><body></body></html><script&g...原创 2020-03-23 15:20:23 · 78 阅读 · 0 评论 -
React.js-问题总结
需要在render中的HTML外层包围一个DIV,如果外层不需要这个DIV,可以使用react中带的<Fragment></Fragment>来包起来,代替DIV。 函数接收this要通过this.fun.bind(this)这样才可以在fun函数中正确使用this,利用箭头函数写方法也可以,因为前天函数中this就是当前上下文的this,它本身没有。 循环DOM时要加...原创 2020-03-20 16:56:41 · 90 阅读 · 0 评论 -
前端面试题
1、数组去重方法1:var a = new Array(1,2,2,2,2,5,3,2,9,5,6,3);Array.prototype.unique1 = function(){ var n = []; //一个新的临时数组 for(var i=0; i<this.length; i++){ //如果把当前数组的第i已经保存进了临时数组, 那么...原创 2020-03-18 13:26:15 · 105 阅读 · 0 评论 -
react-native项目调试配置
react-native项目调试配置初学RN,发现调试不知道该怎么调试,于是上百度翻阅资料,经过勘查一番终于大功告成,顺利完成热更新和Chrome浏览器中查看调试步骤和内容。##第一步在当前项目文件夹下,打开命令行(cmd)运行下面命令:react-native run-android运行后看到如下图,说明启动成功##第二步我们回归重点,实现Chrome中查看和调试:启动...原创 2020-03-18 13:23:22 · 168 阅读 · 0 评论 -
Object.defineProperty 实现双向绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-07-01 09:36:25 · 352 阅读 · 0 评论 -
js实现简单计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-29 16:04:35 · 111 阅读 · 0 评论 -
fetch 简单使用
在fetch中第一个为请求地址,第二个可以设置请求类型POST,GET,DELETE,UPDATE,PATCH和PUT,随后可以使用then来接收参数,因为异步操作第一个then标明请求类型,第二个then中可以拿到正确的返回值,catch显示返回错误信息。fetch('https://ard.hawkwisdom.cn:9001/token/get', { method:...原创 2019-07-02 15:06:50 · 331 阅读 · 0 评论 -
vue 自定义指令
1、input中的v-focus自定义指令主要作用进入页面中获取input焦点;2、div中v-demo为自定义指定,cur主要是看指令更新的,为动态更新时的值;3、button中add事件为检测cur中的值变化,从而触发v-demo指令中的update方法中的变化;4、button中unbind解除指令绑定,点击后绑定自定义指令的div中值不在有关联,在点击add页面中cur的值不...原创 2019-07-02 10:08:40 · 135 阅读 · 0 评论 -
js常用整理
1、取随机整数Math.floor(Math.random(1-100)*100)2、获取鼠标点击位置//HTML<button onclick="site(event)">获取鼠标点击位置</button>//JSfunction site(event){ var x = event.clientX, var y = event....原创 2019-05-17 14:45:26 · 70 阅读 · 0 评论 -
WEBRTC_DEMO
<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body> <!-- autoplay字段很重要,你可以不加这个字段试试,你会发现这个video图像是不会动的,因为它只是一帧 --> <video co...原创 2019-05-17 09:48:52 · 313 阅读 · 0 评论 -
ES6数组方法
1、reduce();reduce()方法接收一个函数作为累加器,数组中的每个值(从左到右)开始合并,最终为一个值。array.reduce(callback,initialValue);callback:执行数组中每个值的函数(也可以叫做reducer),包含4个参数:1.previousValue:上一次调用回调返回的值,或者是提供的初始值(initialValue)2.c...原创 2019-05-10 15:50:37 · 98 阅读 · 0 评论 -
去除json数组中空数组
funnction removeArr(list){ for(var i=0;i<list.length;i++){ var item=list[i]; if(item['children'].length>0){ this.removeArr(item.chi...原创 2018-08-28 11:26:47 · 3200 阅读 · 0 评论 -
javaScript 时间戳转换
function getdate(time) { var timestamp4 = new Date(time); return timestamp4.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8)};时间戳转换 向getdate方法中传达时间戳参数就OK。...原创 2018-09-04 10:46:54 · 121 阅读 · 0 评论 -
原生js自动播放轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <style> *{ margin: 0;原创 2018-09-06 16:51:58 · 523 阅读 · 0 评论 -
浏览器存储
存数据localStorage.setItem("name",data);取数据localStorage.getItem("name");原创 2018-09-06 17:48:20 · 188 阅读 · 0 评论 -
JS 代码模块化
var module = (function() { var N = 5; function print(x) { console.log("The result is: " + x); } function add(a) { var x = a + N; print(x); } return { ...转载 2018-09-07 15:12:06 · 280 阅读 · 0 评论 -
JS 闭包
function f1(){ var N = 0; // N是f1函数的局部变量 function f2() // f2是f1函数的内部函数,是闭包 { N += 1; // 内部函数f2中使用了外部函数f1中的变量N console.log(N); } return f2;}var result = f1(...转载 2018-09-07 15:13:06 · 69 阅读 · 0 评论 -
JS--prototype
function Rectangle(x, y){ this._length = x; this._breadth = y;}Rectangle.prototype.getDimensions = function(){ return { length: this._length, breadth: this._breadth ...转载 2018-09-07 15:13:49 · 111 阅读 · 0 评论 -
JS当前时间获取并转化中国标准时间格式
function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >=...原创 2018-10-15 09:48:17 · 7026 阅读 · 0 评论 -
canvas手机签名
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-10-16 15:26:52 · 160 阅读 · 0 评论 -
去除数组中的空值----JS
//方法Array.prototype.arrNull= function(){ var str = []; this.map(function(val,index){ if(val !== '' && val != undefined){ str.push(val); } }) return...原创 2018-10-29 14:33:57 · 559 阅读 · 0 评论 -
获取滚动条距离的几种问题
//获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement && document.documentElement.scrollTop) { scrollTop = ...转载 2018-11-14 09:25:29 · 742 阅读 · 0 评论 -
jQuery--load方法使用
load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。(load方法需在服务器状态下生效)index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Load</tit原创 2018-11-12 10:24:18 · 189 阅读 · 0 评论 -
HTML5利用WebRTC的getUserMedia获取摄像头信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,转载 2018-11-29 09:32:20 · 1101 阅读 · 0 评论 -
动态渲染表格收藏
;(function($) { $.fn.ZBTable = function(options) { var defaults = { evenRowClass: 'zbt-evenRow', oddRowClass: 'zbt-oddRow', curRowClass: 'zbt-curRow',...原创 2018-12-07 15:43:13 · 183 阅读 · 0 评论 -
树形菜单
树形菜单 <!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/xhtml"><head>&am原创 2019-02-14 11:31:21 · 131 阅读 · 0 评论 -
移动端(webapp)自适应js
var a = r.getBoundingClientRect().width;alert(box.getBoundingClientRect().top); // 元素上边距离页面上边的距离alert(box.getBoundingClientRect().right); // 元素右边距离页面左边的距离alert(box.getBoundingClientRect().bottom...原创 2018-08-28 11:05:50 · 994 阅读 · 0 评论