JS
关注
分享
扫一扫
HarryHY
从入门到放弃
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS代码整洁之道
# clean-code-javascript## Table of Contents1. [Introduction](#introduction)2. [Variables](#variables)3. [Functions](#functions)4. [Objects and Data Structures](#objects-and-data-structures)5. [Classes](#classes)6. [SOLID](#solid)7. [Testing](#tes原创 2025-06-24 23:19:13 · 788 阅读 · 0 评论 -
git提交库常用词
原创 2025-05-17 22:53:04 · 505 阅读 · 0 评论 -
JS——防止自动恢复页面位置
查看当前页面滚动恢复行为文档链接原创 2022-06-09 15:49:31 · 482 阅读 · 0 评论 -
JS——display：none 后获取元素的高度
const calcHeight =()=>{ let divevent :any = document.getElementsByClassName("rulediv"); let arr =[] for (let i=0;i<divevent.length;i++){ divevent[i].style.cssText= `display:block;position:absolute;z-index:-1000;`; arr.push原创 2022-04-04 16:06:08 · 1255 阅读 · 1 评论 -
js文件中需要换行
js：name:`今天 \n 很开心`css：white-space:pre-line;原创 2022-03-10 11:35:19 · 632 阅读 · 0 评论 -
JSON数据里双引号
"qqq""qqq"原创 2021-09-14 09:10:22 · 2627 阅读 · 0 评论 -
JS——弹幕发送（这个不是我完全原创的文章底部有原作者的地址）
barrage.js /** * 设置 弹幕DOM池 每一个通道最多六条弹幕 **/ const MAX_DM_COUNT = 6; const CHANNEL_COUNT = 10; var domPool = []; var danmuPool = []; var hasPosition = []; var barrageflag = true function barrageinit(id) {原创 2021-07-31 01:00:01 · 383 阅读 · 0 评论 -
复制到剪切板——clipboardjs
html <div class="cl copye_div"> <div class="left copybtn" id="copyqq" data-clipboard-action="copy" data-clipboard-target="div" data-clipboard-text="2305731027"> </div> <div class="left copytitle原创 2021-06-24 17:23:53 · 337 阅读 · 0 评论 -
iframe的延迟加载
loading=“lazy”<iframe src="/chat" frameborder="0" loading="lazy" id="m-dm-frame-content"></iframe>原创 2021-06-22 18:13:25 · 1236 阅读 · 0 评论 -
JS——对已有元素内容进行筛选（本地搜索筛选）
function search_input(inputvalue) { //inputvalue 搜索的内容值 let result = new Array(); $(".gameclass").each(function (j, k) { let map = new Map(); map = $(this) result.push(map); }); for (let原创 2021-04-20 23:33:06 · 639 阅读 · 0 评论 -
JS——返回上一页页面不刷新
function goback() { if (document.referrer) { window.location.href = document.referrer; } else { window.location.href = 'https://www.baidu.com/'; }}原创 2021-03-25 14:50:48 · 3084 阅读 · 0 评论 -
JS——PC端设置rem、移动端设置rem
PC端的rem自适应window.onresize =function (){// 绑定到窗口缩放的事件 init();};//页面刚刷新时调用init()function init() { var whdef = 200 / 1920; var wH = window.innerHeight;// 当前窗口的高度 var wW = window.innerWidth;// 当前窗口的宽度 var rem = wW * whdef;// 以默认比例值乘以当原创 2021-02-24 22:21:16 · 1100 阅读 · 2 评论 -
JS——判断是否为移动端切换页面
var is_mobile = navigator.userAgent.toLowerCase().match( /(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;let url = sessionStorage.getItem('url')function goto(to) { window.location.href = `./${原创 2020-07-21 00:22:37 · 818 阅读 · 0 评论 -
map循环
在使用map这个方法时 let arr = [1,2,3,4,5]; let arr1 = arr.map(function(item,idnex,arr){ return item*2 }); /** arr[0] = 20; 通过map遍历返回的数组形成一个新的数组与原数组之间没有引用关系。 */...原创 2020-01-09 17:20:30 · 320 阅读 · 0 评论 -
JS-PC版的404页面
html<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>404 particle text</title><style>/* NOTE: The styles were added inline because...原创 2019-12-31 08:56:49 · 612 阅读 · 0 评论 -
iframe样式修改
<iframe src="https://www.baidu.com/" scrolling="no" name="main" frameborder="0" id="main" style="min-height:3584px;width:100%;height:100%;" ></ifra...原创 2019-12-12 10:57:14 · 1461 阅读 · 0 评论 -
Dplayer直播m3u8流
what？这是一个前端的直播流直播流为m3u8流——我写的是原生JS写的引入的重点是：1.第一要引入Dplayer的JS和CSS；<link rel="stylesheet" href="./js/DPlayer.min.css"><script src="./js/DPlayer.min.js"></script>2.第二要引入hls支持m3u8...原创 2019-11-22 13:55:42 · 18111 阅读 · 1 评论 -
favicon.ico在线转换网站
将UI设计师或者你的图片放到这个网站上下载即可favicon.ico在线转换网站修改名字替换到相应的目录下即可favicon.icoCtrl C + V做一个无情的copy机器人吧！手动滑稽...原创 2019-11-19 11:25:00 · 2417 阅读 · 0 评论 -
VUE常用的过滤器——欢迎补充
各位觉得有帮助的的给个点赞！拜托了//整数留下2位let money = value => { if (!value) return "0.00"; value = Math.round(parseFloat(value) * 100) / 100; let xsd = value.toString().split("."); if (xsd.length == 1) ...原创 2019-11-01 16:58:15 · 359 阅读 · 0 评论 -
静态的常用方法——持续更新，欢迎补充
utils.js/** * * @param {Object} arr 数组 * @param {Object} value 值 */function isInArray(arr, value) { for (var i = 0; i < arr.length; i++) { if (value === arr[i]) { return true; ...原创 2019-10-28 10:54:43 · 230 阅读 · 0 评论 -
JS按照数量切割新数组——slice
使用了数组的slice的方法使用slice的方法主要是因为这个不会改变原数组使用splice会造成直接删除了原数组所以使用了slice /** * @param {array}:array 原数组 * @param {sliceNum}:Num 要按照几个切割 * @param {newArray}:array 要添加的新数组 * @retur...原创 2019-10-25 14:33:43 · 792 阅读 · 0 评论 -
ES6小总结——持续更新(欢迎补充)
ES6数字转化let binary = 0B100101;console.log(binary);原创 2019-10-21 21:39:20 · 360 阅读 · 2 评论 -
JS滚动条到底部
JS实现let oBody = document.querySelector(".groupchat_content");oBody.scrollTop = oBody.scrollHeight;原创 2019-10-18 11:18:38 · 331 阅读 · 0 评论 -
GIT常用指令
克隆远程仓库到本地git clone git@ip://**.git “ip”为远程仓库ip，“//**.git”为远程仓库在远程机器的路径克隆仓库到本地之后cd命令到本地仓库目录，可以对分支进行操作，“git branch”---------查看本地分支“git branch -r”---------查看远程仓库所有名称“git branch -a”-...原创 2019-07-24 10:46:22 · 324 阅读 · 0 评论 -
JS拖拽事件
原生JS拖拽事件var Method=Method || (function () { var mouseBind; return { dragElem:function (elem) { //这里加变量的原因就是为了解决引用是同一个的问题，永远调用这个变量都是同一个函数 mouseBind=this.mouseHa...原创 2019-08-01 17:26:55 · 122 阅读 · 0 评论 -
JS动画掉落雪花自旋转
原生JS动画掉落雪花自旋转JS的部分var Snow=(function () { function Snow(parent,left,speed) { if(speed){ this.speed=speed; } if(left){ this.left=left; }els...原创 2019-08-01 17:32:55 · 386 阅读 · 0 评论 -
JS中cookie的封装 （没有加密处理）
原生JS中的cookie的封装function setCookie(key,value,days,path){ path = path || "/"; if(days){ var date = new Date(); date.setDate(date.getDate()+days); document.cookie =encod...原创 2019-08-01 17:56:52 · 268 阅读 · 0 评论 -
正则表达式大全
A股代码/^(s[hz]|S[HZ])(000[\d]{3}|002[\d]{3}|300[\d]{3}|600[\d]{3}|60[\d]{4})$/大于0, 小于150, 支持小数位出现5, 如145.5, 用于判断考卷分数/^150$|^(?:\d|[1-9]\d|1[0-4]\d)(?:.5)?$/html注释/^<!--[\s\S]*?-->$/md5格式(...翻译 2019-08-07 16:48:16 · 286 阅读 · 0 评论 -
前端关于一些this的问题
第一种情况： this它指向的window本身 var sum=10; function fn1() {// 全局变量就是window的属性，而this在这里就是window。// 因此this.sum就是window.sum,也就是sum全局变量// console.log(this.sum); ...原创 2019-08-12 16:33:14 · 291 阅读 · 0 评论 -
关于前端的storage的封装 vue引用
在静态文件夹中建立一个storage.js //存储 永久缓存 function Lset(key, value) { let cache = localStorage.getItem(key); if (cache) { localStorage.removeItem(key); } else { ...原创 2019-09-05 14:43:59 · 347 阅读 · 0 评论 -
JS 时间倒计时
<div id="box"> </div> TimeDown("box", "2019-11-25 8:00:45"); function TimeDown(id, endDateStr) { //结束时间 var endDate = new Date(endDateStr); //当前时...原创 2019-09-16 17:24:35 · 393 阅读 · 0 评论 -
自己常用的VScode的插件
以下是我自己常用的一些vscode的插件 大家比较好的可以留言 3Q思密达Auto Close TagAuto ImportAuto Rename TagBabel ES6/ES7BeautifyBeautify css/sass/scss/lessBetter AlignBetter CommentsBookmarksBracket Pair ColorizerCan I ...原创 2019-10-04 11:12:17 · 236 阅读 · 0 评论 -
Vue数组的运用(持续更新，欢迎补充)
删除当前点击的template<button class="content_btn" @click="stand(item.id)">-1</button>methodsstand(id) { this.dataList = this.dataList.filter(o=>o.id !=id) console.log(this.dataList)}...原创 2019-10-09 10:25:14 · 517 阅读 · 0 评论 -
JS复制（拷贝）
dom浅复制：var image=this.cloneNode(false);dom深复制：var image=this.cloneNode(true);JS的浅复制： //浅复制：这种方法只能复制给目标对象 //如果复制多个属性对象时 后面的属性冲突会覆盖前面的 //原型属性不能复制 并且不能复制遍历属性 是否可写属性 冻结属性 //只是引用关系...原创 2019-01-09 17:15:31 · 1068 阅读 · 0 评论