JS封装cavans多种滤镜组件
目录一.实现思路二.cavans前置准备1.获取cavans2.获取2d context对象3.绘制图片到cavans上4.获取在cavans上已绘制图片数据三.原理及实现1.黑白调2.灰色调3.反转4.复古5.红...
2022-08-03
简单聊聊Js中的常见错误类型
目录前言JavaScript中的错误类型ErrorEvalErrorRangeErrorReferenceErrorSyntaxErrorTypeErrorURIError总结前言js在开发过程经常会遇到各种各样的报错，那么你了解这些错误产...
2022-08-03
JavaScript变量类型以及变量之间的转换你了解吗
目录1. 变量类型1.1 变量类型的颜色2. 字面量3.数据类型转换3.1. 转换为字符串型1.加号拼接字符串2.toString() 转成字符串3.string（变量）3.2转换为数字型（重点）1.parseInt(stri...
2022-08-03
微信小程序实现手写签名的示例代码
目录1.效果图2.相关代码canvas代码js相关在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信...
2022-08-03
javascript Redux的状态管理详解
所谓的状态管理，就是对应用程序中的数据进行管理。理念：凡是数据流管理混乱的项目，几乎都上不了线。好的项目，必须有非常良好的数据流管理。如何使用Redux？记住“3个3&rdquo...
2022-08-03
HTML+JS实现在线朗读器
目录前言一、设置语言和朗读人员二、设置音高【不是声音大小】三、设置音速四、设置声音大小五、添加暂停和恢复播放功能六、完整代码前言因为笔者最近在学习英语，所以才想找...
2022-08-03
详解javascript如何在跨域请求中携带cookie
目录1.搭建环境2.测试同源cookie3.跨域请求携带cookie4.总结5.知识点1. 搭建环境1.生成工程文件npm init 2.安装 expressnpm i express --save 3.新增app1.js，开启服务器1 端...
2022-08-03
JavaScript实现生成动态表格和动态效果的方法详解
今天上午完成了Vue实现一个表格的动态样式，那么JavaScript代码能不能实现同样的效果呢？这样也可以学习一下JavaScript的语法，晚上试了一下，完全可以，效果一模一样。<!DOCTYPE htm...
2022-08-03
typeScript 核心基础之接口interface
目录1、接口定义2、接口继承3、类实现接口前言：在面向对象语言中，接口是一个很重要的概念，它是对行为的抽象。接口也叫 interface 。在 js 中没有接口这个概念，它是新增的。该如...
2022-08-03
JS使用canvas绘制旋转风车动画
使用canvas绘制动画-旋转风车加速减速启动停止。结果截图详见如下：源码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...
2022-08-03
JS旋转实现转盘抽奖效果
本文实例为大家分享了JS旋转实现转盘抽奖效果的具体代码，供大家参考，具体内容如下闲来没事,做了一个模拟转盘抽奖的HTML&JS的效果:可以在设置的时候,选择几个区域,并且可以填...
2022-08-03
cropperjs实现裁剪图片功能
本文实例为大家分享了cropperjs实现裁剪图片功能的具体代码，供大家参考，具体内容如下cropperjs (裁剪图片)vue版本// 下载// npm install cropperjs -save// 使用//1.0 引入 ...
2022-08-03
利用JavaScript实现简单的网页时钟
目录一、效果展示二、使用的技术三、日期对象1.指定时间2.获取目前时间三、源代码前言：今天带大家使用JavaScript定制一款网页时钟一、效果展示二、使用的技术主要使用了js的...
2022-08-03
使用JavaScript在html文档内添加新的元素节点
目录一、基本语法与解释1.在某元素附近创建一个新的元素节点2.删除标签3.修改标签4.使用选择器选出某一类标签二、实际应用1.完整代码2.运行效果三、注意事项前言：动态的改变...
2022-08-03
JavaScript基础学习-基本的语法规则
目录一、运算符二、分支语句三、循环语句四、异常的捕获与处理五、js中的this关键字六、let与const定义变量使用规则七、js中的void链接八、异步编程setTimeout九、函数闭包...
2022-08-03
基于JavaScript打造一款桌面级便签系统
先看下效果：载体就是一个网页，用html，css和JavaScript实现一个简单的便签系统。动画效果用的是animation.css库，缓存用的localStorage。除非手动清空便签，否则便签会一直保留，非常...
2022-08-03
微信小程序网络请求模块封装的具体实现
目录前言具体实现1.确定结构2.service网络请求的基本配置和公共方法3.apis创建对应功能模块的网络请求方法4.使用总结前言在进行一个微信小程序项目开发的时候我需要网络请...
2022-08-03
js异步之async和await实现同步写法
首先我们假设有一方法 readFile 可以读取文件内容, 但是它是异步的。var gen = function* (){ var a = yield readFile('./a.txt'); console.log(a.toString());...
2022-08-03
JavaScript 数组基本操作全解
目录一、初识数组二、创建数组使用Array对象创建数组使用“[]”创建数组三、数组的基本操作获取数组长度访问数组元素元素的添加与修改添加元素修改元素元素的删...
2022-08-03
原生js实现简单滑动解锁功能 js实现滑动拼图解锁
本文实例为大家分享了js实现简单滑动解锁功能以及滑动拼图解锁的具体代码，供大家参考，具体内容如下简单实现滑动解锁，效果图是这样的<!DOCTYPE html><html lang="en"><head> ...
2022-08-03
如何使用js获取扩展名详解
目录一、使用正则表达式二、使用String中的split方法三、使用String的lastIndexOf方法四、附获取文件扩展名的另两种方法总结一、使用正则表达式function getFileExtension1...
2022-08-03
原生js实现旋转木马效果
本文实例为大家分享了js实现旋转木马效果的具体代码，供大家参考，具体内容如下html部分<div class="wrap" id="wrap"> <div class="slide" id="slide"> <ul> ...
2022-08-03
HTML+CSS+JS实现的简单应用小案例分享
目录1.猜数字2.表白墙3.切换日夜间模式4.待办事项1.猜数字<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...
2022-08-03
JS实现玩转风车
本文实例为大家分享了JS实现玩转风车的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>找风车</title> ...
2022-08-03
JavaScript几种弹窗事件的使用
目录一、弹窗事件是什么？二、简述几种弹窗的使用1.警告框2.选择框3.信息录入框一、弹窗事件是什么？弹窗事件就是在我们执行某操作的时候,弹出信息框给出提示。或收集数据的时...
2022-08-03
javascript中的类,继承,构造函数详解
目录前言一、Class类二、es5构造函数三、实例、类的关系实例的原型指向类的原型Constructor四、继承es6继承es5继承的实现总结前言在es5中实现一个构造函数，并用new调用，即可...
2022-08-03
浅谈js中Object.create()与new的具体实现与区别
目录Object.create与new区别Object.create()原理new原理继承比较组合继承与寄生组合继承组合继承寄生组合继承Object.create与new区别function A() { this.name = 'abc';...
2022-08-03
Javascript和jQuery的深浅拷贝详解
目录JS的浅拷贝JS的深拷贝jQuery的深浅拷贝总结深浅拷贝在引用数据类型（数组对象）复制过程中产生的问题。JS的浅拷贝直接复制拷贝的是数组/对象的内存地址，本质上是一个引用数...
2022-08-03
深入理解JS中attribute和property的区别
目录attribute和property介绍“脚踏两只船”attribute和property的取值和赋值1、attribute取值2、attribute赋值3、property取值4.Property赋值更改property和att...
2022-08-03
js+css实现卡片轮播图效果
本文实例为大家分享了js+css实现卡片轮播图效果的具体代码，供大家参考，具体内容如下实现点击的时候切换卡片，自动轮播，鼠标移入暂停，移出继续轮播,有动画事件
效果就是这样下面是...
2022-08-03
Exif.js图片旋转修正的方法
本文实例为大家分享了Exif.js图片旋转修正的具体方法，供大家参考，具体内容如下上传后图片旋转修正测试流程上传 -> base64展示 -> 获取旋转值 -> 修正 -> 修正后展示 -> 转换b...
2022-08-03
cropper.js和exif.js实现头像上传缩放裁剪旋转
本文实例为大家分享了cropper.js和exif.js实现头像上传缩放裁剪旋转的具体代码，供大家参考，具体内容如下做了一个头像上传的小功能，同时处理了ios竖着拍照图片旋转的问题。crop...
2022-08-03
js实现旋转大风车
相信大家都对风车这个东西感到不陌生，所以我们今天就要写一个大风车的案例.这是一个动态网页，下面是css文件的代码，废话少说，上代码：<style> .fc{ a...
2022-08-03
js实现表格的隔行变色和上下移动
本文实例为大家分享了js实现表格的隔行变色和上下移动的具体代码，供大家参考，具体内容如下话不多说，先看效果图：点击上移或下移table样式：<style> table{ ...
2022-08-03
js执行shell命令的几种方式（Node）
目录前言调起shell的几种方式介绍（不限于这几种）1、child_process2、shelljs3、simple-git总结在做一个客户端基建项目的时候，多处需要用到JS调取命令行执行shell脚本，这里对she...
2022-08-03
详解JavaScript如何实现四种常用排序
目录一、插入排序直接插入排序二、交换排序（1）冒泡排序（2）快速排序三、选择排序（1）简单选择排序（2）堆排序四、归并排序一、插入排序插入排序有直接插入排序，折半插入排序，希尔排序，这里...
2022-08-03
JavaScript最完整的深浅拷贝实现方式详解
目录基本类型拷贝数组拷贝 concat（） slice（）对象拷贝newObject（）Object.assignJSON.parse(JSON.stringify())递归展开运算符总结深浅拷贝：内存中一共分为栈内存和堆内存两大区域，所...
2022-08-03
一文总结JS中逻辑运算符的特点
目录Js中的逻辑运算符描述JS逻辑运算符的特点1. 取反 !2. 逻辑与 &&3. 逻辑或 ||总结 Js中的逻辑运算符JavaScript中有三个逻辑运算符，&&与、||或、!非，虽然他们被称为逻辑运...
2022-08-03
JavaScript中函数的防抖与节流详解
目录一、函数的节流1.1 定义1.2 解决方法1.3 案例演示1.3 .1 代码演示1.3 .2 运行结果1.3 .3 添加函数节流操作1.3 .4 运行结果 二、函数的防抖2.1 定义2.2 解决方法2...
2022-08-03
JavaScript实现网页端播放摄像头实时画面
目录初衷应对的场景涉及到的范围解决问题的思路摄像头的Rtsp地址ffmpeg下载，安装，配置环境变量nodejs和ExpressJSMpeg播放和请求打开关闭初衷写这篇博客已经是项目过去很久了，...
2022-08-03
JS与JQuery分别实现淘宝五星好评特效
本文实例为大家分享了JS与JQuery实现淘宝五星好评特效的具体代码，供大家参考，具体内容如下我们经常用的五星好评是如何来的，主要就是三个Event 中的三个事件分别：onmouseover...
2022-08-03
TypeScript与JavaScript项目里引入MD5校验和
目录一、什么是MD5校验和？二、MD5校验和的优点和漏洞三、如何在TS项目里引入MD5校验和？四、MD5校验的使用五、另一个npm依赖包的使用方法一、什么是MD5校验和？MD5，是Message Dig...
2022-08-03
一文入门Webpack文件指纹
目录什么是文件指纹文件指纹的作用文件指纹策略占位符介绍文件指纹的设置JS文件指纹设置图片文件指纹设置CSS文件指纹设置设置步骤文件指纹项目应用什么是文件指纹文件指纹...
2022-08-03
JS实现表格隔行变色
本文实例为大家分享了JS实现表格隔行变色的具体代码，供大家参考，具体内容如下用到的鼠标事件：（1）鼠标经过 onmouseover；（2）鼠标离开 onmouseout核心思路：鼠标经过 tr 行的时候，当前行...
2022-08-03
ant-design-pro使用qiankun微服务配置动态主题色的问题
使用微服务后,遇到一个问题,主应用和子应用的主题色不一致.希望可以通过主应用的颜色动态变换子应用的主题色
ant-design-pro可以通过config.ts配置全局主题色所有最优的方...
2022-08-03
JavaScript压缩并加密图片的方法你了解吗
目录一、压缩图片二、加密图片总结一、压缩图片压缩原理：将图片读入canvas，并使用canvas的toDataURL方法将图片base64化，在此过程中，可以设定quality值，即图片质量值，值为0.1到1之...
2022-08-03
利用JavaScript实现仿京东放大镜效果
功能实现1、鼠标经过小图片盒子，黄色的遮挡层和大图片显示，离开时就隐藏2个盒子功能2、黄色遮挡层跟着鼠标走把鼠标的坐标给盒子，不断地进行赋值操作把鼠标地坐标给遮挡层不合...
2022-08-03
JavaScript实现简单版的留言发布与删除
首先用户在输入框中输入内容，按下发布按钮，内容到下面的li中，并且清空输入框中的内容下面这个li元素就是后面创建的<!DOCTYPE html><html lang="en"> <head> <meta charset=...
2022-08-03
Javascript 动态样式控制方法
目录方法一:使用style属性来设置方法二：定义好类选择器的样式方法一:使用style属性来设置使用style属性来设置html代码： <div id="div1"> div </div>Ja...
2022-08-03
JavaScript 中的输出数据多种方式
前言在 JavaScript 中，不像 Java 等语言，它没有任何打印或者输出方法的，通常使用如下 4 种方式来输出数据。使用 window.alert() 用于弹出警告框使用 document.write() 将内容...
2022-08-03
