javascript
关注
分享
扫一扫
专注于javascript的分享与总结
岁月如歌_
如果你愿意，在一个四下无人的夜晚，
请我喝一杯随便什么牌子的酒吧，让我把故事说给你听。
展开
-
纯css固定tbody高度，超出滚动效果
【代码】纯css固定tbody高度，超出滚动效果。原创 2022-11-20 10:22:03 · 1023 阅读 · 0 评论 -
console.log处理
console.log处理。原创 2022-09-01 17:08:03 · 191 阅读 · 1 评论 -
总结css
/* 解决inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移 */.box{ display: inline-block; overflow: hidden; vertical-align: bottom;}/* 超出部分显示省略号 *//* 单行 */.box{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 多行 */.box{ width: 10.转载 2021-06-07 09:48:08 · 94 阅读 · 0 评论 -
js将一维数组转以多少个转为二维数组
<!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>D.原创 2021-05-28 10:15:06 · 560 阅读 · 0 评论 -
js点击，特效
<!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>D.原创 2021-03-04 14:33:57 · 664 阅读 · 2 评论 -
js随机从数组中取出1个元素
var arr = [1, 2]; var a = arr[Math.floor(Math.random() * arr.length)]; console.log(a) // a随机为1或者2原创 2020-05-09 15:42:33 · 2606 阅读 · 0 评论 -
拖拽九宫格案例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{padding: 0;margin: 0;} #box{position:relative;mar...原创 2020-04-17 12:04:38 · 291 阅读 · 0 评论 -
js实现数组对象相同值合并，同类值叠合，不同值不处理
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...原创 2020-04-09 15:42:00 · 1821 阅读 · 0 评论 -
vue中点击复制粘贴功能
copyUrl(data){ let url = data; let oInput = document.createElement('input'); oInput.value = url; document.body.appendChild(oInput); oInput.select(); // 选择对象;...原创 2018-12-21 13:26:00 · 7959 阅读 · 6 评论 -
JavaScript 基本定义
JavaScript 是这样的编程语言：高级：它允许你更加注重本身的逻辑，忽略当前运行它的机器的详细信息。JavaScript 通过垃圾回收器自动管理内存，让你可以更专注代码而不是管理内存，它也提供了很多构造函数让你能够处理强大的变量和对象。 动态：和静态语言在编译时执行相反，动态语言在运行时才会执行。这有利有弊，JavaScript 给我们提供了强大的功能，比如：动态类型，延迟绑定，反射，...原创 2018-11-30 10:50:00 · 646 阅读 · 0 评论 -
jquery实现全选全不选的案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-11-27 10:00:57 · 904 阅读 · 0 评论 -
js中常见的去重方式
/** 几种常用的去重的方式*/var arr = [2, 6, 1, 15, 11, 7, 12, 8, 5, 4, 3, 12, 10, 1, 7, 2, 4, 4, '4', 12, false, false, 3, '3'];// 去重方法1 : 先将数组排序，然后循环数组，判断当前元素与上一个是否相当，只针对numbervar unique1 = function(a...转载 2018-11-23 08:52:55 · 3325 阅读 · 0 评论 -
js实现居中延迟广告弹框
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{padding: 0;margin: 0;} #box1{width: 300px;height: 1原创 2018-10-11 11:32:53 · 597 阅读 · 0 评论 -
jquery写点击导航跟随效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-08-09 11:16:22 · 820 阅读 · 0 评论 -
JS基础总结 （针对初学者总结）
JS易遗忘点总结1.js引入方式（1）外部引入<script src=”index.js”><script>（2）写在HTML内（3）写在<script>内2. js基本数据类型（1）numberstring Boolean undefined null 对象 symbol3.创建方式（1）...原创 2018-05-28 14:13:30 · 635 阅读 · 0 评论 -
js中日期获取应用代码总结
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-08-04 12:18:18 · 183 阅读 · 0 评论 -
原生js实现滑动加音量
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{width: 430px;height: 40px;bor原创 2018-08-04 11:29:22 · 3777 阅读 · 3 评论 -
原生js实现红绿灯效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{padding: 0;margin: 0;} ul{mar原创 2018-08-04 11:25:43 · 4513 阅读 · 0 评论 -
JS原型、原型链深入理解
JS原型、原型链深入理解原型是JavaScript中一个比较难理解的概念，原型相关的属性也比较多，对象有”prototype”属性，函数对象有”prototype”属性，原型对象有”constructor”属性。一、初识原型在JavaScript中，原型也是一个对象，通过原型可以实现对象的属性继承，JavaScript的对象中都包含了一个”[[Prototype]]”内部属性，这个属性所...转载 2018-07-30 08:23:28 · 334 阅读 · 0 评论 -
原生js拖拽，带cookie
function move(Box){ if(getcookie("_Left")!==undefined){ Box.style.left=getcookie("_Left"); Box.style.top=getcookie("_Top"); ...原创 2018-07-19 11:38:40 · 209 阅读 · 0 评论 -
关于遍历空对象的问题，任何一个字符串都有空对象
原创 2018-07-16 19:53:03 · 668 阅读 · 0 评论 -
面向对象继承
类的几种方法：1.工厂模式?12345678910111213141516function createObject(name,age){ var obj = new Object(); obj.name = name; obj.age = age; obj.getName = function(){ return this.name; }; obj.getAge = funct...转载 2018-06-28 22:38:47 · 144 阅读 · 0 评论 -
利用原生js 实现红绿灯 纯代码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{padding: 0;margin: 0;} ul{margin: 200原创 2018-06-28 22:20:50 · 6682 阅读 · 0 评论 -
利用原生写js满天星星
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html{height: 100%;} body{background: ur原创 2018-06-04 08:28:15 · 952 阅读 · 0 评论