![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js基础
别亦难�
这个作者很懒,什么都没留下…
展开
-
js 将多张图片合并成一张图片
废话不多说,直接上代码<!DOCTYPE html><html lang="zh-CN"> <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" /&g原创 2022-04-08 12:31:27 · 6624 阅读 · 0 评论 -
把图片转换为圆形
生成缩略图const thumb_image = (img, width, height) => { if (typeof img !== 'object') { var tem = new Image(); tem.src = img; img = tem; } var _canv = document.createElement('canvas'); _canv.width = width; _canv.he原创 2022-03-22 17:41:34 · 773 阅读 · 0 评论 -
使用html和js 实现一个登录验证码小demo
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>发送验证码</title> <style> .contain { width: 400px; height: 200px;原创 2022-03-03 17:40:35 · 442 阅读 · 0 评论 -
判断字符串是否是base64字符串
function isBase64(str) { if (str === '' || str.trim() === '') { return false; } try { return btoa(atob(str)) == str; } catch (err) { return false; ..原创 2022-03-02 16:55:51 · 1575 阅读 · 0 评论 -
上传文件 并返回base64 demo
<!doctype html><html><head> <meta charset="utf-8"> <meta name="description" content="在线Base64生成转换小工具,可以实现任意文件转Base64 Data-URI编码,文件往页面中一拖即可。" /> <meta name="keywords" content="base64, FileReader, readAsDataURL原创 2022-03-01 09:26:11 · 168 阅读 · 0 评论 -
js 原生apigetBoundingClientRect的使用
在做动画的时候遇到了一个问题,就是动画移动的位置不能写死,所以就需要动态获取dom的位置 来实现动画getBoundingClientRect 这个方法可以获取元素的位置打印返回结果是这个拿到这个后 就可以计算出动画应该移动的位置<div class="content"> <transition v-on:before-enter="beforeEnter" v-on:enter="enter" @after-enter="after原创 2021-11-26 10:33:34 · 383 阅读 · 0 评论 -
js 工具类函数合集
/** * 解析时间 * * @export * @param {any} time * @param {any} cFormat * @returns */export function parseTime (time, cFormat) { if (arguments.length === 0) { return null } const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}' let date if (ty原创 2021-11-22 09:50:42 · 118 阅读 · 0 评论 -
如何做树状结构数组扁平化
// 树状结构数据扁平化 flagTree(arr) { //声明一个空的数组 let result = [] //for of 循环 for (item of arr) { //先深拷贝一层 var res = JSON.parse(JSON.stringify(item...原创 2021-08-30 10:27:42 · 444 阅读 · 0 评论 -
获取浏览器地址栏参数的方法
直接上代码 getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]);原创 2021-07-27 17:44:21 · 362 阅读 · 0 评论 -
手写一个深拷贝
// 手写一个深拷贝 function deepClone(target){ //首先赋值为空 let newTarget=null //如果不是对象 直接返回 if(target!==Object||target==null){ return target } //如果是数组 if(ta..原创 2021-05-25 08:33:12 · 67 阅读 · 0 评论 -
如何实现数组扁平化
先来个需求把数组[1,[2,[3,4]]]转化为一维数组这个怎么实现1.循环加递归 function flat(arr) { //声明一个新的数组 var newArr = []; //给原数组做循环 for (var i = 0, len = arr.length; i < len; i++) { // 如果arr[i]是一个数组原创 2021-05-21 19:49:02 · 103 阅读 · 0 评论 -
js如何实现深浅拷贝
什么是js拷贝js中的拷贝 ,大多数是数据之间的拷贝简单数据类型:拷贝的是值复杂类型的拷贝:拷贝的是地址复杂类型的拷贝a:浅拷贝:在对原始数据进行拷贝的时候,只拷贝一层数据,如果遇到对象,则直接拷贝对象的地址浅拷贝语法:Object.assign()代码验证: let obj ={ uname:'zs', myLike:{ name:'刘德华' } } l原创 2021-04-26 21:40:26 · 107 阅读 · 0 评论 -
如何实现将一个对象数组转为二维数组
具体代码如下 // 如何将一个对象数组转化成二维数组 let arr =[ {name:'zs',age:18}, {name:'ks',age:20}, {name:'wy',age:18}, ] function targetDate(arr){ //声明一个新的数组 let newarr =[]; //原创 2021-04-24 22:20:10 · 3047 阅读 · 0 评论 -
数组如何转对象
最近做项目的时候需要把拿到的数组转为对象使用let arr =[{id:1,value:'正式'},{id:2,value:'非正式'}] //首先定义一个空对象 let obj={} //循环遍历数组 arr.forEach(item=>{ //把id作为对象的键 把value作为对象的值值 obj[item.id]=item.value }) cons原创 2021-04-23 21:17:11 · 5838 阅读 · 0 评论 -
如何工程化svg?
1.首先安装 loadernpm i svg-sprite-loader@4.1.32.配置vue.config.jschainWebpack(config) { // set svg-sprite-loader config.module .rule('svg') .exclude.add(resolve('src/icons')) .end() config.module .rule('icons') .test原创 2021-04-22 20:08:18 · 90 阅读 · 0 评论