- 博客(72)
- 收藏
- 关注
RSS订阅原创 JavaScript 中内存泄漏的几种情况
内存泄露是什么内存泄漏（Memory leak）是在计算机科学中，由于疏忽或错误造成程序未能释放已经不再使用的内存并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费程序的运行需要内存。只要程序提出要求，操作系统或者运行时就必须供给内存
2023-01-31 17:20:28
606
原创 js金额3位加逗号
function formateNum(num) { if (!num) num = 0 num = num.toFixed(2) var c = num.split('.') var b = c[0].toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') + '.' + c[1] return b },结果：
2021-11-19 15:45:09
802
1
原创 js银行卡4位空格
function formateNumber(num) { if (!num) num = '' var c = num.replace(/\s/g, '').replace(/(.{4})/g, '$1 ') return c }结果：
2021-11-19 15:37:35
409
原创 vue预览 pdf---发票红章被吞解决方案
1.vue-pdf----有的发票红章会被吞掉<template> <div class="pdfPreview"> <pdf ref="pdf" v-for="i in numPages" :key="i" :src="pdfUrl" :page="i"></pdf> </div></template><script>import pdf from 'vue-pdf'export default
2021-11-10 15:43:48
1119
原创 js数组对象去重
let arr = [ { a: 1, b: 1, c: 1 }, { a: 2, b: 2, c: 2 }, { a: 3, b: 3, c: 3 }, { a: 2, b: 2, c: 4 }, {...
2021-10-25 15:03:28
167
原创 ant design disabledDate设置禁用时间
<a-date-picker :placeholder="today" :disabledDate="disabledDate" style="width: 150px;" v-model="enrollDate" /> disabledDate(current) { let date = new Date() let day = date.getDate() let obj = moment(current).format('YYYY-MM-DD'
2021-10-18 10:09:31
815
原创 git新建远程分支
1.新建本地分支git checkout -b dev2.查看本地分支git branch3.查看本地、远程所有分支git branch -a4.推送本地分支到远程分支------------本地分支名和远程分支名相同git push origin dev:dev5.本地分支与远程分支建立关联git branch --set-upstream-to=origin/dev6.如第五步操作未执行，拉取远程代码需执行：git pull origin dev//需标明拉取远程的具体
2021-09-02 09:53:25
104
原创 js获取对象深层数据方法
let value = { obj1: { str1: 111, str2: 222, str3: 333, str4: 444, obj2: { str5: 555, str6: 666 } }, obj3: { str7: 777, str8: 888 } } let...
2021-08-17 10:05:40
994
原创 js数组对象按种类分组
传入数组 let arr = [ { year: 2021 }, { year: 2020 }, { year: 2020 }, { year: 2019 }, { year: 2021 }] let arrList = this.sort_pro(arr, ['year']) console.log(arrList)结果调用方法 sort_pro(data, keys = []) { //keys
2021-06-11 12:59:59
784
原创 vue导出word含图片
下载依赖，引入依赖npm install docxtemplater jszip --savenpm install docxtemplater-image-module-free --save // 这个是图片处理的npm install jszip-utils --savenpm install pizzip --savenpm install file-saver --saveimport Docxtemplater from 'docxtemplater'import .
2021-04-15 11:45:40
1387
原创 vue导出word文档
1.安装依赖npm install docxtemplaternpm install pizzipnpm install jszip-utilsnpm install file-saver2.创建js文件，引入依赖import Docxtemplater from 'docxtemplater';import PizZip from 'pizzip';import JSZipUtils from 'jszip-utils';import { saveAs } from 'file-sav
2021-03-25 16:38:07
606
原创 git新增分支、删除分支、提交代码、修改远程仓库地址
新增分支1.查看分支查看分支git branchcheckout代码到分支testgit checkout -b test添加到缓存git add .添加到本地库git commit -m "test commit "提交远程git push origin test删除分支删除本地分支testgit branch -d test删除远程分支testgit push origin --delete test提交代码方法一将你本地所有修改了的文件添加到暂存区gi
2021-01-15 09:50:15
163
1
原创 js中数组sort排序
1.升序arr.sort(function(a,b){ return a - b;})2.降序arr.sort(function(a,b){ return b - a;})3.乱序arr.sort(function(a,b){ return Math.random() - 0.5;})4.按照想要的顺序排序
2020-10-21 11:54:05
85
3
原创 number-----toFixed()
NumberObject.toFixed(num)toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。参数num必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了该参数，将用 0 代替。返回值返回 NumberObject 的字符串表示，不采用指数计数法，小数点后有固定的 num 位数字。如果必要，该数字会被舍入，也可以用 0 补足，以便它达到指定的长度。如果 num 大于 le+21，则该方法只调用 NumberO
2020-07-14 17:09:44
332
原创 正则表达式匹配手机号，邮箱
匹配手机号var tel = $(obj).find("#tel").val(); var reg = /^[1][3,4,5,7,8][0-9]{9}$/; if (!reg.test(tel)) { alert('电话号码错误！'); return false; }匹配邮箱 function isEmail(str) { var .
2020-06-09 23:34:54
410
原创 正则表达式详细讲解
正则表达式正则表达式: 按照一定的规则组成的一个表达式, 作用主要来匹配字符串表达式组成: 由元字符或者限定符组成的一个式子 * *元字符: * . 表示的是: 除了\n以外的任意一个字符 例: "aa12"这个字符串中, 有任意一个字符就匹配成功 * [] 表示的是: 范围 * [0-9]表示的是0-9之间任意一个数 例 : "abcd"-->[0-9] 不成立 * .
2020-06-09 23:29:40
289
原创 简单的网页在线咨询代码
简单的网页在线咨询代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../static/
2020-06-09 23:19:03
2357
2
原创 HTML中a标签跳转链接，锚点链接，发送邮件，打开QQ对话，’打电话，下载功能
HTML中a标签的几大作用一：跳转页面链接<a href="http://www.baidu.com" target="_blank">百度</a>二：锚点链接如何使用描点链接：在链接的目的区域设置id属性，并设置上唯一的一个id名称。a标签的href属性的属性值是要链接区域的id值，并且一定要记住带“#”号。<h3> <a href="#part">二：锚点链接</a></h3><ul class
2020-06-09 23:13:51
3557
原创 touch--------移动端的一组触摸事件
touchstart 当手指触摸屏幕时触发touchmove 当手指触摸屏幕来回滑动时触发touchend 当手指离开屏幕时触发使用touch:绑定事件 box.addEventListener(“touchstart”, callback)事件对象: changedTouches 改变后触摸点的集合---每个时间点都会记录 ...
2020-06-08 23:31:23
119
原创 ::before,::after写标题两端横线样式
完成图如下代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 引入jquery -->
2020-06-08 23:03:43
267
原创 修改滚动条默认样式（::-webkit-scrollbar-track）
效果图css代码 /* 滚动条样式 */ .culture>div.container .right::-webkit-scrollbar { width: 6px; height: 6px; background-color: #f0f0f0; } .culture>div.container .right::-webk
2020-06-08 23:00:10
6635
原创 双向控制轮播图----swiper.js
利用swiper.js写一个美丽的双向控制轮播图，效果图如下具体效果可以参照以下代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2020-06-08 22:28:39
729
2
原创 用jq写分页器
js分页器效果比较简单效果图代码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery分页器代码</title> <scrip...
2019-10-28 18:45:12
707
原创 js写图片无限循环跑马灯
js写图片无限循环跑马灯效果图代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-10-28 18:38:33
1413
原创 微信小程序实现点击保存图片
微信小程序实现点击保存图片wxml代码<view class='title'>点击图片保存图片</view><image class='img' data-src="http://img2.imgtn.bdimg.com/it/u=3507713655,931555131&fm=26&gp=0.jpg" bindtap="downLoadImag...
2019-10-23 19:14:44
1603
原创 关于移动web的适配问题----viewport
适配问题 : 屏幕尺寸不一样解决方案 : 用百分比去自适应布局,非固定像素, 内容则向两侧填充 叫流式布局. 同时, 需要对移动端的viewport视口进行设置, 就到适配的目的了视觉窗口 : viewport是移动端特有的, 看成一个虚拟的区域, 用来承载网页. 其关系: 浏览器承载着viewport, viewport承载的网页, 这个视觉窗口会帮我们缩小我们的网页设置viewpo...
2019-07-01 13:15:42
195
原创 轮播图更新jquery版本
1.css代码 * { margin: 0; padding: 0; list-style: none; } .slider { height: 340px; width: 790px; position: relati...
2019-07-01 13:06:16
110
原创 二级联动(js)
效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS实现二级联动菜单</title></head><body><form name="form1" method="post"...
2019-06-27 22:43:41
89
原创 三级联动(js)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { height:40px; ...
2019-06-27 22:40:29
210
原创 canvas画布画时钟(事件跟当前时间一样)
说明:代码里面的注释打开之后可以画出钟表的1-12时刻(在有背景图片是不需要打开)效果图1.关掉注释,有背景图2.打开注释,无背景图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...
2019-06-27 22:34:20
585
原创 根据数据绘制饼状图(canvas画布例子)
要求:根据数据绘制饼状图效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><canvas width="600" heig...
2019-06-27 22:19:31
679
原创 canvas画布的转换
平移 移动画布的原点translate(x,y) 参数表示移动目标点的坐标//位移 ctx.beginPath() ctx.translate(100, 100);//位移的是画布的基点缩放scale(x,y) 参数表示宽高的缩放比例//缩放 ctx.scale(2, 2); ctx.strokeRect(-50, -50, 50, ...
2019-06-27 22:15:03
213
原创 canvas画布绘制图片:drawImage()
绘制图片drawImage()参数的解释三个参数drawImage(img,x,y)img 图片对象、canvas对象、video对象x,y 图片绘制的左上角五个参数drawImage(img,x,y,w,h)img 图片对象、canvas对象、video对象x,y 图片绘制的左上角w,h 图片绘制尺寸设置(图片缩放，不是截取)九个参数drawImage(im...
2019-06-27 22:08:18
1457
原创 canvas画布写文字:fillText()
绘制文本ctx.font = ‘微软雅黑’ 设置字体strokeText()fillText(text,x,y,maxWidth)text 要绘制的文本x,y 文本绘制的坐标（文本左下角）maxWidth 设置文本最大宽度，可选参数ctx.textAlign文本水平对齐方式，相对绘制坐标来说的leftcenterrightstart 默认endctx.dir...
2019-06-27 22:01:57
14499
2
原创 canvas画布:圆弧绘制arc();
圆弧绘制弧度概念arc()x 圆心横坐标y 圆心纵坐标r 半径startAngle 开始角度endAngle 结束角度anticlockwise 是否逆时针方向绘制（默认false表示顺时针；true表示逆时针）圆弧语法 : arc(x, y, radius半径, 弧度start, 弧度end, 方向:默认顺时针false);画圆弧的步骤确定圆心确定半径确定绘制...
2019-06-27 21:53:52
709
原创 canvas画布
Canvascanvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。<canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。体验Canva...
2019-06-24 23:34:00
123
原创 css3/html5之本地储存----storage
//1.临时储存通过设置的key值来存储数据1.1存数据`sessionStorage.setItem("list", "张三");` 
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人