![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 55
githubcurry
githubcurry
展开
-
js截取字符串的几种方法
js截取字符串的几种方法。有详细的代码和注释原创 2024-03-16 13:25:40 · 1443 阅读 · 0 评论 -
前端js--剪刀石头布
前端js效果--剪刀石头布原创 2023-08-06 14:54:35 · 390 阅读 · 0 评论 -
JavaScript一个函数可以直接在网页上修改文字,让自己上热搜
document.body.contentEditable='true'首先打开浏览器的控制台,然后再console里面输入上面这行代码并敲回车键,关掉控制台就可以自己修改前端页面的文字了上述代码的作用是把网页的整个前端变得可以直接编辑,但是修改之后刷新一下就变回到修改之前的样子了,调出控制台的快捷键是F12在控制台console输入的代码前端页面的文字可以修改修改前的页面修改后的页面...原创 2022-03-13 09:43:15 · 2332 阅读 · 5 评论 -
JavaScript声明提升
JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。以下两个实例将获得相同的结果:实例 1x = 5; // 变量 x 设置为 elem = document.getElementById("demo"); // 查找元素 elem.innerHTML = x; // 在元素中显示 xvar x; // 声明 x实例 2var x; // 声明 xx .原创 2021-06-05 10:00:53 · 184 阅读 · 2 评论 -
一个文件实现看板娘
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ba原创 2021-05-29 14:07:39 · 293 阅读 · 2 评论 -
JS小知识
input表单自动聚焦:document.getElementById("type").focus();持续更新,想到什么些什么!原创 2021-05-18 15:46:44 · 108 阅读 · 2 评论 -
js裁剪图片-- cropper.js使用细节,及完整的DEMO
怕大家不信,先看效果图:打开的界面可以缩小生成图片,并可以下载(canvas)4.可以生成小图(自定义大小)注意,这些静态图片和js,css文件都可以下载,如果不想浪费积分,也可以私信我,我发给你!!!main.jscropper.jscropper.cssmain.css完整代码如下:(由于代码太多,所以cropper详细操作在下一篇博客,这个是占位符,发出来下一篇之后就会添上链接!)<html lang="en"><head> &l原创 2021-05-10 21:56:20 · 1005 阅读 · 0 评论 -
js调用摄像头拍照生成图片,并可以裁剪上传图片(canvas,cropper)
首先看效果图:先申请获取摄像头权限拍照,并在左边展示图片预览,并且可以裁剪图片裁剪图片之后在左边生成图片,可以使用ajax发送图片,后台接收后调用该图片代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <.原创 2021-05-10 21:42:18 · 1112 阅读 · 1 评论 -
模仿CSDN发布文章时选择文章标签功能,并实现彩色标签
CSDN可以这样为自己的文章选择标签:自己实现的效果为:输入想要的标签,然后回车就可以生成标签,并且自动聚焦可以删除标签代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Test</title> <style> .tag { display: flex;原创 2021-05-08 16:09:28 · 614 阅读 · 0 评论 -
js通过浏览器调用摄像头并实现拍照
生成图片是通过canvas画到网页上<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-05-08 13:37:34 · 2607 阅读 · 2 评论 -
js中的闭包理解(可以类比java中的私有变量,private)
好多人从一开始学习js就很懵,到底什么是闭包,难道是什么包吗?其实简单的来说就是「函数」和「函数内部能访问到的变量」(也叫环境)的总和,就是一个闭包。但是,不是说闭包应该是是需要函数套函数,然后 return 一个函数的吗?like this ://mdn上的代码,有兴趣的话可以看文档function foo(){ var local = 1 function bar(){ local++ return local } return bar}var func.原创 2021-04-21 20:09:03 · 458 阅读 · 2 评论 -
实现上传文件的真实进度条(js实现)
文件上传进度的目的就是为了提高用户体验感,让用户在上传文件的时候不那么无聊,真实的文件上传就是为了让用户实时的看到上传进度。我们可以使用流上传查看上传进度或者使用js+ajax。前端代码:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>显示文件上传进度条</title>.原创 2021-04-12 17:13:34 · 3005 阅读 · 4 评论 -
使用FormData提交表单和上传文件
FormDataFormData 接口提供了一种表示表单数据的键值对key/value的构造方式,并且可以轻松的将数据通过XMLHttpRequest.send()方法发送出去,本接口和此方法都相当简单直接。如果送出时的编码类型被设为"multipart/form-data",它会使用和表单一样的格式。如果你想构建一个简单的GET请求,并且通过的形式带有查询参数,可以将它直接传递给URLSearchParams。实现了 FormData接口的对象可以直接在for...of结构中使用,而不需要调用en.原创 2021-04-09 16:05:58 · 3268 阅读 · 1 评论 -
使用脚手架快速构建egg项目(绝对有效!!)
最近在使用egg开发时,发现安装脚手架的时候老是出错(egg-init),所以就在github上直接找了脚手架文件---->资源链接使用步骤也很简单!!1.首先创建一个空文件夹,将资源链接里的文件夹中的所有文件复制到空文件夹里2.用终端打开(windows使用git bash)上述文件夹,输入npm install3.再初始化文件夹npm init4.最后就是npm run dev,运行成功后访问http://localhost:7001出现 hello egg! 就好了...原创 2021-03-09 17:11:42 · 1571 阅读 · 10 评论 -
原生Ajax实现登录功能和一些配置
function Interface() { var xmlhttp; if (window.XMLHttpRequest) { //IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } //.原创 2021-01-03 16:07:29 · 705 阅读 · 0 评论 -
JavaScript中的类数组(arguments)
今天来看看js中的arguments(类数组)我们可以先看一个例子:定义⼀个函数,传⼊两个及以上参数且均为数字类型时返回其和,否则抛出异常提示“参数⽆效”题解如下:<script> function sum() { var count = arguments.length; if (count >= 2) { var total = 0; for (v.原创 2020-12-20 17:04:53 · 608 阅读 · 1 评论 -
JS事件委托详解
今天来讲js中的事件委托!!!事件委托,通俗地来讲,就是把一个元素响应事件(click、keydown、mousedown、mouseup、keyup、keypress)的函数委托到另一个元素;会把一个或者一组元素的事件委托到它的父层或者更外层元素上,真正绑定事件的是外层元素,当事件响应到需要绑定的元素上时,会通过事件冒泡机制从而触发它的外层元素的绑定事件上,然后在外层元素上去执行函数。那么为什要用事件委托呢在JavaScript中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性.原创 2020-12-16 11:27:11 · 260 阅读 · 3 评论 -
JS中DOM对象的属性及方法
今天整理了JavaScript Dom中的属性方法什么的原创 2020-12-12 13:50:09 · 219 阅读 · 6 评论 -
细说JS中的深拷贝与浅拷贝
1.js中的深拷贝与浅拷贝2.js中的数据类型3.内存中的栈堆的概念理解原创 2020-12-06 15:17:25 · 1139 阅读 · 8 评论 -
JavaScript中BOM、DOM、Document的爱恨情仇
老规矩,先来美图一张!然后来说说今天的主要对象,JavaScript,哦,这个不能叫对象,严格意义上来说,它是**基于原型的面向对象语言**!那么JavaScript是由什么组成呢?JavaScript的实现包括以下3个部分,根据宿主(浏览器)的不同,具体的表现形式也不尽相同。1、核心(ECMAScript):描述了JS的语法和基本对象。2、文档对象模型 (DOM):处理网页内容的方法和接口。DOM 是 W3C 的标准; [所有浏览器公共遵守的标准]。DOM 是为了操作文档出现的 API,doc.原创 2020-12-03 20:18:28 · 742 阅读 · 11 评论 -
JavaScript深入了解对象的原型,原型链(附有详细图解)
首先要明白JavaScript是一种基于原型的面向对象语言。接下来先明白几个基本的概念。function 对象(函数)的原型是Function; function 函数是 Function的子对象,function函数是当前function函数原型的构造方法/构造函数;new一个对象的时候,new的是被实例化对象的原型(property),后面的小括号是自动调用构造方法;Function 是 Object 的子对象,JS中顶级对象是Object;JS没有原生对象Window,Win.原创 2020-12-02 15:15:24 · 1478 阅读 · 34 评论