JavaScript
布朗狗熊
这个作者很懒,什么都没留下…
展开
-
elementplus表格合并
表格数据有层级嵌套,for循环遍历渲染的,导致直接调用表格行合并方法会有问题。原创 2022-11-18 17:28:05 · 914 阅读 · 0 评论 -
关于pdfobject.js在不同浏览器显示问题
记录下此pdfobject.js插件在开发过程中遇到的问题。隐藏菜单栏和目录原创 2022-11-18 17:19:20 · 900 阅读 · 2 评论 -
vue项目中常用方法
1.字符串转数组split();2.数组转字符串toString();join();toLocalstring();String()3.去重unique(str) { let arr = str.split(','); return Array.from(new Set(arr)).toString(); // 利用Array.from将Set结构转换成数组 },4.删除多余逗号delateDouhao(str1, str2) { let arr1 = str1.spl原创 2020-06-19 17:08:16 · 692 阅读 · 0 评论 -
vue项目常见问题一--------------获取不到子组件的值以及解决方法
1.在父组件打印this.$refs子组件的值,然后报错undefined!在页面加载完成打印第二个子组件,报错,因为第二部分没有加载所以写的时候加个判断控制,赋值的时候也加上条件控制,就不会报错了下图参考然后tab切换的时候v-if的值对应改变。...原创 2020-06-19 16:38:21 · 3519 阅读 · 0 评论 -
Avoid mutating a prop directly since the value will be overwritten whenever
vue项目子组件里的某个方法调用的时候报上述错误1.父组件2.子组件<template> <div> <div> <ep-model title="关联单证" v-model="model1" width="1000px" :wrap-close="false"...原创 2020-04-08 17:19:19 · 8555 阅读 · 0 评论 -
js拖拽实现动态评分以及九宫格的实现
拖拽实现动态评分效果<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body,i,em{padding: 0;margin: 0;} i,em{fon...原创 2019-08-02 20:42:54 · 485 阅读 · 0 评论 -
js实现图片时间,京东倒计时案例
html代码<div id="pic"> <img src="img/0.png" alt="" /> <img src="img/0.png" alt="" /> <span>时</span> <img src="img/0.png" alt="" /> <...原创 2019-07-20 22:09:00 · 828 阅读 · 0 评论 -
js表格添加与删除操作
html代码<input type="text" id="txt1" /> <input type="text" id="txt1" /> <input type="text" id="txt1" /> <input type="button" id="btn" value="添加" /> <table>&l...原创 2019-07-20 22:02:28 · 509 阅读 · 0 评论 -
js自动登录提示信息和进度条显示
自动登录css样式<style type="text/css"> div{ width: 200px; height: 200px; background: aqua; display: none; } </style>js<script type="text/javascript"> var oL...原创 2019-07-20 22:00:40 · 349 阅读 · 0 评论 -
js密码的字母大小写加数字为高强度,任意两种为中,一种为弱
<script type="text/javascript"> //密码的字母大小写加数字为高强度,任意两种为中,一种为弱 btn.onclick = function(){//鼠标点击函数 //三种类型判断 var flag1 = 0; var flag2 = 0; var flag3 = 0; var str = txt1...原创 2019-07-17 22:52:53 · 465 阅读 · 0 评论 -
js封装的运动函数适用于获取样式和样式变化(宽,高,透明度等)
封装的js函数 startMove.js//获取样式的函数function getStyle(obj,attr){ if(window.getComputedStyle){ return getComputedStyle(obj,null)[attr]; } return obj.currentStyle[attr];}/* 参数 * domobj要改变的dom对象 ...原创 2019-08-05 09:08:46 · 340 阅读 · 1 评论 -
js写一个简单的工厂模式
工厂模式:把所有的属性和方法写在一起<script type="text/javascript"> //总体的类型 工厂模式把所有的属性和方法写在一块 function createObject(name,age){ var obj = new Object(); obj.name = name; obj.age = age; obj....原创 2019-08-16 20:27:26 · 411 阅读 · 0 评论 -
js写一个烟花效果
调用一个startMove的js文件,这个封装用的原生js,包括获取样式,高度,宽度和透明度等。引用js地址如下https://blog.csdn.net/weixin_40196539/article/details/98477850如有错误,欢迎指正,不胜感激!烟花完整代码如下:<!DOCTYPE html><html> <head> <...原创 2019-08-16 20:32:55 · 605 阅读 · 0 评论 -
js用类的方法写萤火虫和组合创建的方法写萤火虫
上面两张为素材图方法一:类的方法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html{ height: 100%; } body...原创 2019-08-16 20:37:47 · 276 阅读 · 0 评论 -
原生js实现放大镜效果
下面是用到的图片下面是html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*body{padding: 0;margin: 0;}*/ i...原创 2019-08-16 21:26:34 · 266 阅读 · 0 评论 -
原生js实现星星评分效果
注意图片路径问题代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul,li,body{padding: 0;margin: 0;} ...原创 2019-08-16 21:29:26 · 828 阅读 · 0 评论 -
原生js实现瀑布流
瀑布流效果主要步骤分为1.排好第一行2.找出最小高度,往下排3.最小高度更新4.数据后续添加,找到最小值,加载数据js代码如下:<script type="text/javascript"> var data = ["img2/1.jpg","img2/5.jpg","img2/9.jpg","img2/1.jpg","img2/5.jpg","img2/9.jpg"...原创 2019-08-16 21:33:02 · 152 阅读 · 0 评论 -
js中的cookie基础封装和ajax的cookie完整封装以及实现7天免登陆效果
免登陆效果,主要是浏览器中cookie的作用,可以设置保存数据到本地,从而实现记住密码,免登陆1.cookie的基础封装,面试经常考这个。function setCookie(key,value,n){//cookie添加函数 var oDate = new Date(); oDate.setDate(oDate.getDate()+n); //value = encodeURIComp...原创 2019-08-16 21:41:04 · 781 阅读 · 0 评论 -
js数字和大写字母混合验证码
方法一var str1 = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";//列出所有值 var str2 = "";//空数组存放随机数的值 function random(str){ for(var i = 0;i < 4;i++){//四位数 var randomIndex = parseInt(Math.random()...原创 2019-07-17 22:51:56 · 594 阅读 · 0 评论 -
js编写一个函数,获得一个十六进制的随机颜色的字符串(例如:#20CD4F)
<script type="text/javascript"> //编写一个函数,获得一个十六进制的随机颜色的字符串(例如:#20CD4F) var str = "0123456789ABCDEF";//随机数取值范围 var str1 = "";//空字符串来存放产生的随机数 function random(str){ for(var i = 0;i ...原创 2019-07-17 22:49:32 · 2453 阅读 · 0 评论 -
js随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么
<script type="text/javascript"> //随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么 var num = parseInt(Math.random()*10000);//生成四位的随机数 var str = ""+num;//然后变为字符串 var len = str.length; document.wri...原创 2019-07-16 22:35:56 · 1246 阅读 · 0 评论 -
利用JavaScript网页中显示当前时间
<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq原创 2018-09-13 20:33:48 · 1701 阅读 · 2 评论 -
js初识,基本概念和数据类型
js概念基于对象和事件驱动,并具有安全性能的客户端(浏览器)脚本语言。js组成:ECMAScript、DOM(文档对象模型)、BOM(浏览器对象模型)js三种写法和css样式类似,分为以下三种内联:写在普通标签中(不推荐)<input type="button" value="" onclick="alert('点击按钮弹出了我')">内部:写在<scri...原创 2019-07-13 10:27:46 · 107 阅读 · 0 评论 -
js逻辑运算符,自增自减,进制转换,typeof用法
逻辑与:(&&)1)如果第一个操作数为true或者能隐式转换为true,则运算结果为第二个操作数2)如果第一个操作数为false或者能隐式转换为false,则运算结果为第一个操作数eg:console.log(2&&6,2&&-10,0&&10,false&&20,true&&0);//结果(6...原创 2019-07-13 10:48:23 · 170 阅读 · 0 评论 -
js程序结构(循序、分支、循环)
循序结构顺序结构 代码从上到下依次执行 var a = 100; var b = 200; var c = a; a = b; b = c; console.log(a,b);//20 10分支结构单分支,双分支,多分支单分支if(条件){ //可执行语句 在条件为真(true或者能转换为true)时执行 }双分支i...原创 2019-07-13 11:05:20 · 242 阅读 · 0 评论 -
js循环结构
循环:重复执行相同代码,得到相同或者不同的结果好处:减少代码冗余1.whlie循环:while(循环条件){条件为真时,执行的代码}2.do while循环do{ //不管条件是否满足,先执行一次 //再去循环条件是否满足 }while(循环条件){ }3.for循环for(表达式1;表达式2;表达式3){ //可执行代码 } 表达式...原创 2019-07-13 11:09:08 · 228 阅读 · 0 评论 -
js函数介绍及构造,arguments和return用法,函数作用域,函数参数
定义函数是由事件驱动或者当被调用时可重复执行的代码块好处:减少代码冗余 增加灵活性 便于维护 提高可扩展性定义函数三种方式:1)函数声明function name(){//具体的语句}2)函数表达式:var functionName = function(){//具体的语句}3)借助内置一个方法(Function),构造函数方式var functionName = new F...原创 2019-07-13 11:30:20 · 436 阅读 · 0 评论 -
js编写一个函数,输入n为偶数时,调用函数求1/2+1/4+...+1/n,当输入n为奇数时,调用函数求1+1/3+...+1/n
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> /*编写一个函数,输入n为偶数时,调...原创 2019-07-13 14:08:57 · 3867 阅读 · 0 评论 -
js使用函数完成任意数字阶乘的计算 要求:页面输入任意数字,点击按钮后计算阶乘
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" name="text1" id="text1" placeholder="...原创 2019-07-13 14:12:22 · 9548 阅读 · 1 评论 -
js鼠标双击DIV事件和键盘输入事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} .box1{width:200px;height:20...原创 2019-07-13 14:15:15 · 3849 阅读 · 0 评论 -
js利用递归求两个数的最大公约数
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //利用递归求两个数的最大公约数 ...原创 2019-07-13 14:23:22 · 2418 阅读 · 0 评论 -
js求斐波那契数列1 1 2 3 5 8 13 ......的第几项,(循环法和递归法)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //斐波那契数列1 1 2 3 5 ...原创 2019-07-13 14:40:37 · 5282 阅读 · 0 评论 -
js编写一个函数,计算任意两个数字之间所能组成的奇数个数,数字必须是个位数 比如: 计算0-3之间能组成的奇数个是01、21、03、13、23、31
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> /*编写一个函数,计算任意两个数字之...原创 2019-07-13 14:50:46 · 4851 阅读 · 0 评论 -
js1)编写任意个数字的求和、差、积、商的函数 2)计算两个文本框的加减乘除
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //编写任意个数字的求和、差、积、商...原创 2019-07-13 15:00:07 · 6268 阅读 · 0 评论 -
js,数据是四位的整数,在传递过程中是加密的,加密规则如下:每位数字都加上5,然后用除以10的余数代替该数字,再将第一位和第四位交换,第二位和第三位交换,请编写一个函数,传入原
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> /*某个公司采用公用电话传递数据,数...原创 2019-07-13 15:11:19 · 4214 阅读 · 0 评论 -
js编写函数norepeat(arr) 将数组的重复元素去掉,并返回新的数组,四种方法
//方法一:数组遍历去重var arr = [1,1,1,2,3,4,1,3,6,7,3,5];//声明一个含有重复值得数组 function norepeat(arr){//创建norepeat函数 for(var i = 0;i < arr.length;i++){//遍历数组 for(var j = i + 1;j < arr.length;j++){/...原创 2019-07-16 22:25:55 · 8032 阅读 · 0 评论 -
js两种排序:冒泡排序和选择排序
冒泡排序//数组中的元素两两进行比较,如果第一个数比第二个数大,交换位置,第一轮结束后,最大值排在最后边//进行第二轮的两两比较,第二大的值也能拍出来//以此类推var arr = [2,4,1,6,9,8];//声明一个无序数组 function bubbleSort(arr){ for(var i = 0;i < arr.length-1;i++){//比较的轮数,...原创 2019-07-16 22:28:33 · 128 阅读 · 0 评论 -
js有一个从小到大排好序的数组。现输入一个数,要求按原来的规律将它插入数组中。(两种方法)
方法一:插入之后比较var arr = [1,3,5,6,7,9]; /*function input(arr,n){ for(var i = 0;i < arr.length;i++){//遍历数组 if(arr[i]>=n){ arr.splice(i,0,n);//插入数字 break; } } if(n...原创 2019-07-16 22:32:54 · 5399 阅读 · 0 评论 -
HTML钟表的制作
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>钟表</title> <meta name="Keywords" content=""> &am原创 2018-08-01 22:48:16 · 2845 阅读 · 0 评论