Vam的金豆之路的博客_JaveScript

使用html2canvas，由html转换canvas时，出现图片丢失问题解决方案

在img标签上加上crossorigin="anonymous"；如果是图片地址是跨域网址，请将图片转换为base格式；

html

2d

跨域

原创 2022-03-08 14:54:44 1077 阅读

不如封装一个原生Ajax

封装原生Ajaxfunction ajax(obj) { // 对实参处理 obj = obj || {}; // 定义局部变量 var xmlhttp, type, url, async, dataType, data; // 默认type为GET type = obj.type || 'GET'; type = trim(type).t...

xml

ajax

json

原创 2022-03-08 14:52:39 27 阅读

js小效果之聊天界面检测输入状态

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta -equiv="X-U...

html

ide

原创 2022-03-08 14:52:30 84 阅读

你听过js中函数执行吗

一、主动执行函数。众所周知，函数一般有下面几种表现方式：第一种：函数声明function demo_one(){console.log("this is demo-one"); }第二种：函数表达式 var demo=function(){ console.log("this is demo-two"); }第三种：匿名表达式 function(){ consol...

函数表达式

函数体

函数声明

原创 2022-03-08 14:51:34 129 阅读

你真的懂this指向？

先搞清楚一点，如果this在函数里面，那么它指向的是“函数执行后”的上一级调用对象。 var a="t

数组

构造函数

赋值

原创 2022-03-08 14:51:27 70 阅读

改变this指向了解一下

首先呢，我们知道return可以改变this指向function Fn(name){ this.name=name; return {};//undefined,改变了

数组

赋值

参数绑定

原创 2022-03-08 14:51:18 84 阅读

js难点之原型，真难？

构造函数的首字母必须大写，用来区分于普通函数;这里的this指向实例化后的对象p; function P(name) { this.name=name; this.say=function(){ console.log("我是"+this.name)//我是毛敏; } } P.prototype.mon..

函数对象

构造函数

实例化

原创 2022-03-08 14:51:08 34 阅读

jq实现多开关效果互不影响

有时候我们会用jq写一些特效，jq在控制DOM方面是非常方便的，虽然jq在最近几年没什么进展

ide

自定义

html

原创 2022-03-08 14:50:59 75 阅读

今天我们来看下数组方法中splice()与slice()的区别

先上代码 arrayObj.splice();将一个或多个新元素插入到数组的指置，插入位置的元素自动后移，返回新数组。

数组

子数组

字符串

原创 2022-03-08 14:50:47 86 阅读

你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗？

offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）offsetHeight //返回元素的高

外边距

内边距

事件源

原创 2022-03-08 14:50:40 63 阅读

实现一个js抽奖玩玩？

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

html

键盘事件

ipad

原创 2022-03-08 14:50:29 34 阅读

截取指定字符前后字符串

<!doctype html><html><head> <meta charset="utf-8"> <title>分割字符串</title></head><body> <input type="text

html

分割字符串

javascript

原创 2022-03-08 14:50:08 1965 阅读

JS命名空间是啥？

var c=c||{};c.person=function(name){this.name=name;}var b=new c.person("maomin")c.person.prototype.getname=function(){console.log(this.name);//maomin}b.getname();var b={ d:function(name...

JS

原创 2022-03-08 14:49:02 37 阅读

关于防抖与节流的应用方案

防抖：一段时间完成一个操作；节流：定时完成操作。应用场景：防抖：1、seach多...

html

窗口大小

重复提交

原创 2022-03-08 14:47:08 102 阅读

js两行代码获取ip地址

json

原创 2022-03-08 14:46:39 79 阅读

看了这篇我也懂了this

// this指向// 1.指向全局变量windowvar a = 1;function func() { var a = 2;

构造函数

作用域

函数定义

原创 2022-03-08 14:46:33 17 阅读

原生js实现图片单张上传及批量上传

效果图：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta -equi...

ide

html

jquery

原创 2022-03-08 14:44:53 360 阅读

js实现上传头像（看了你就懂，相信我）

效果图：html: <div class="tx ovf"> <div class="tit">头像</div> <div class="ovf tx-img"><img src="" alt=""> <div class="upload-b"><spa...

文件类型

阅读器

css

原创 2022-03-08 14:44:44 85 阅读

你会做一个js获取验证码吗？

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta -equiv="X-U...

验证码

html

i++

原创 2022-03-08 14:44:32 20 阅读

使用JQ实现点击其他区域关闭窗口的功能

<div class="fc"> <div class="fc_box"> <div class="fc_c"> <p class="fc_t ovf"><span>预约挂号</span><span>只显示可预约</span><...

html

ide

原创 2022-03-08 14:43:57 417 阅读

来实现一个js平滑滚动到顶部的小功能

添加类名top // 平滑滚动到顶部 var scrollTopSmooth = function (positio

类名

原创 2022-03-08 14:43:48 418 阅读

快来看JS的的几个常用算法（持续更新中）

// 数组去重 // (1) let arr = [1,1,2,3,4]; function fun(v) { return Array.from(new Set(v)) } console.log(fun(arr)) //[1,2,3,4] // (2) let qc= [...new Set(arr)] console.log(qc) //[1,2,3,4] /...

数组

字符串

d3

原创 2022-03-08 14:42:52 7 阅读

15个实用实用正则（小哥进来看看？）

// 1 用户名正则//用户名正则，4到16位（字母，数字，下划线，减号）var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;console.log(uPattern.test("maomincoding"));//输出 true// 2 强度正则//强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符var pPattern...

正则

密码强度

用户名

原创 2022-03-08 14:42:34 15 阅读

select选择标签自定义下拉按钮

<select><option value="" disabled selected style="display:none;">请选择时间</option></select>select{ appearance: none; -moz-appearance: none; -webkit-appearance: none;...

select

原创 2022-03-08 14:41:46 163 阅读

图片上传转换成Base64，然后再转成 file 提交给后端

图片上传代码转换成Base<input type="file" name="upimg" id='upimg'><script> window.onload = () => { let upDOM = document.getElementById('upimg') upDOM.addEventListener('change', (e)...

jquery

ajax

i++

原创 2022-03-08 14:41:36 192 阅读

html2canvans实现浏览器快速截图(这里有demo哦)

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html2canvas</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"><...

html

jquery

火狐浏览器

原创 2022-03-08 14:41:10 19 阅读

js小效果之根据对应项目名跳转

<p><a href="://192.168.2.61/pc/pc_MLMM/project.html?name=0">乳龄工程</a></p> <p><a href="://192.168.2.61/pc/pc_MLMM/project.html?name=1">腹龄工程</a></p&...

html

i++

原创 2022-03-08 14:41:03 96 阅读

HTML collection数组转换成正常的dom对象数组

HTML collection对象是一个类数组，如何将它转化为正常的数组，我们可以这样：var obj = document.getElementsByClassName('songlists')上面的是HTML collection，下面是转化方法var arr = Array.prototype.slice.call(obj) OR [].slice.call(obj);...

数组

html

原创 2022-03-08 14:40:51 269 阅读

如何写一个js指定时间倒计时

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计时</title> </head> <body> <div style="d...

html

d3

转换方法

原创 2022-03-08 14:39:17 55 阅读

js小效果之跟随鼠标移动的小球

<!DOCTYPE html><html><head> <title>follow mouse</title></head><style type="text/css"> *{ margin: 0; padding:0; } #div1{wid...

html

css

javascript

原创 2022-03-08 14:37:18 180 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6124cb1b73be0的博客

使用html2canvas，由html转换canvas时，出现图片丢失问题解决方案

不如封装一个原生Ajax

js小效果之聊天界面检测输入状态

你听过js中函数执行吗

你真的懂this指向？

改变this指向了解一下

js难点之原型，真难？

jq实现多开关效果互不影响

今天我们来看下数组方法中splice()与slice()的区别

你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗？

实现一个js抽奖玩玩？

截取指定字符前后字符串

JS命名空间是啥？

关于防抖与节流的应用方案

js两行代码获取ip地址

看了这篇我也懂了this

原生js实现图片单张上传及批量上传

js实现上传头像（看了你就懂，相信我）

你会做一个js获取验证码吗？

使用JQ实现点击其他区域关闭窗口的功能

来实现一个js平滑滚动到顶部的小功能

快来看JS的的几个常用算法（持续更新中）

15个实用实用正则（小哥进来看看？）

select选择标签自定义下拉按钮

图片上传转换成Base64，然后再转成 file 提交给后端

html2canvans实现浏览器快速截图(这里有demo哦)

js小效果之根据对应项目名跳转

HTML collection数组转换成正常的dom对象数组

如何写一个js指定时间倒计时

js小效果之跟随鼠标移动的小球