js-web建站教程

veujs中XLSX导出属性设置

2022年04月27日浏览(71)

var wb = XLSX.utils.table_to_book(document.getElementById("exportTable"));var sheet = wb.Sheets.Sheet1; 1、控制导出excel表格的宽度 sheet["!cols"] = [ { wch: 12 }, { wch: 24 }, { wch: 12 }, { wch: 18 }]; 2、合并的单元格，s表示开始，e表示结束，c是列的索引，r是行的索引 sheet["!merges"] = [{ s: { c: 0, r: 0 }, e: { c: 4, r: 0 }}];

js实现图片、文字水印效果

2022年04月27日浏览(129)

1、代码插件 (function(watermark) { window.watermarkdivs = []; // 加载水印 var loadMark = function(settings) { var defaultSettings = { watermark_txt: text, watermark_x: 20, //水印起始位置x轴坐标 watermark_y: 20, //水印起始位置Y轴坐标 watermark_rows: 0, //水印行数 watermark_cols: 0, //水印列数 watermark_x_space: 100, //水印x轴间隔 watermark_y_space: 50, //水印y轴间隔 watermark_color: #000000, //水印字体颜色 watermark_alpha: 0.5, //水印透明度，

if else代码优化

2022年04月26日浏览(133)

1、使用return 优化前： if (java.equals(str)) { // 业务代码......} else { return;} 优化后： if (!java.equals(str)) { return;}// 业务代码...... 2、使用Map 优化前： if (t == 1) { type = name;} else if (t == 2) { type = id;} else if (t == 3) { type = mobile;} 我们先定义一个 Map 数组，把相关判断信息存储起来： Map typeMap = new HashMap();typeMap.put(1, name);typeMap.put(2, id);typeMap.put(3, mobile); 之前的判断语句可以使用以下一行代码代替

js金额转换万元显示

2022年04月25日浏览(157)

formatNumber(num) { num = Number(num); if (num == 0) { return num + ; } else { if ((num / 10000).toFixed(2) == 0) { //小于100的保留4位 return (num / 10000).toFixed(4); } else { //大于100的保留2位 return (num / 10000).toFixed(2); } }}

localStorage如何实现记住浏览记录

2022年04月22日浏览(164)

localStorage如何实现记住浏览记录，我这里使用的 localStorage，数据完全保存在浏览器中，不会有影响服务器响应, 但是在 IE6/7 中不能使用！ 1、建一个viewhistory.js ViewHistory = function() { this.config = { limit: 10, storageKey: viewHistory, primaryKey: url }; this.cache = { localStorage: null, userData: null, attr: null };};ViewHistory.prototype = { init: function(config) { this.config = config || this.config; var _self = this; if (!window.localSto

实现知乎滑动效果介绍(附html+js代码)

2022年04月22日浏览(172)

想做一个知乎滑动效果，下面web建站小编附上html+js代码，希望对大家有所帮助！ !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0 meta http-equiv=X-UA-Compatible content=ie=edge script src=https://code.jquery.com/jquery-3.1.1.min.js/script title/title style .big-box{ position: relative; width: 100%; display: flex; justify-content: center; overflow: hidden; padding: 10px 0; height: 130px; } .box_1{ width: 9

js判断数字正负数

2022年04月22日浏览(195)

js判断数字正负数：1、使用abs()函数，通过取负数绝对值的方式将负数转为正数，语法Math.abs(x)。2、sign()函数，判断是否正负。 1、强制转正数 var num = -10Math.abs(num) 2、判断当前数是否为正负数 if (Math.sign(_d.num) == 1) { console.log(我为正数)} else if (Math.sign(_d.num) == -1) { console.log(我为负数)} else { console.log(我为0)}

jquery用each获取每行高度

2022年04月19日浏览(63)

为了兼容ie6/ie8浏览器，又不想用table报告来做，dt/dd的部分边线出现镂空现象应该怎么解决？解决方法：用each拿到每个dt/dd的高度 $(.print dl).each(function(index) {var $this = $(this)var $thisHeight = $this.height()$(.print dl).eq(index).find(dt).css({height: $thisHeight + px})$(.print dl).eq(index).find(dd).css({height: $thisHeight + px})}

判断当前浏览器是不是ie，什么版本号

2022年04月19日浏览(119)

var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf(compatible) -1 userAgent.indexOf(MSIE) -1; //判断是否IE11浏览器 var isEdge = userAgent.indexOf(Edge) -1 !isIE; //判断是否IE的Edge浏览器 var isIE11 = userAgent.indexOf(Trident) -1 userAgent.indexOf(rv:11.0) -1;if(isIE) { var reIE = new RegExp(MSIE (\\d+\\.\\d+);); reIE.test(userAgent); var fIEVersion = parseFloat(RegExp[$1]); if(fIEVersion == 7) { console.log(我是IE7) } else i

JavaScript(eslint)标准代码规范(附代码示例)

2022年04月14日浏览(1)

安装： npm install standard --save-dev 细则使用两个空格进行缩进字符串使用单引号需要转义的地方除外不再有冗余的变量这是导致大量 bug 的源头! 无分号这没什么不好。不骗你！行首不要以 (, [, or ` 开头这是省略分号时唯一会造成问题的地方工具里已加了自动检测！详情关键字后加空格 if (condition) { ... } 函数名后加空格 function name (arg) { ... } 坚持使用全等 === 摒弃 == 一但在

charAt()、charCodeAt()和fromCharCode()的基本用法

2022年04月14日浏览(165)

charAt() 是按位置返回字符； charCodeAt() 是按位置返回对应字符的 Unicode 编码； fromCharCode() 则是根据字符的 Unicode 编码返回对应的字符。 1、charAt() 方法 var web = 欢迎来到web建站;console.log(字符串变量web的第1个字符是：+str.charAt(0)+); // 欢console.log(字符串变量web的第2个字符是：+str.charAt(1)+); // 迎console.log(字符串变量web的第5个字符是：+str.charAt(4)+); // w Ps：charAt() 返回 str 字符串中指定位

js获取客户端屏幕分辨率

2022年04月14日浏览(150)

document.write(客户端屏幕宽度： + screen.availWidth);document.write(客户端屏幕高度： + screen.availHeight);

JS在网站上显示页面加载时间

2022年04月13日浏览(119)

1、在head中加入以下代码： var beginTime = new Date().getTime(); 2、在页面结尾加入以下代码： window.onload = function(){ document.getElementById(timer).innerHTML = 页面执行： + (new Date().getTime() - beginTime) + ms;} 3、在需要展示的地方加入id=timer

js获取本周/本月/本季的起始时间、结束时间及本月天数

2022年04月12日浏览(213)

var now = new Date(); // 当前日期var nowDayOfWeek = now.getDay(); // 今天是本周的第几天var nowDay = now.getDate(); // 当前日var nowMonth = now.getMonth(); // 当前月var nowYear = now.getYear(); // 当前年nowYear += (nowYear 8){ //9 10 11 m = 9 } let quarterStart = new Date(nowYear,m,1) return this.formatDate(quarterStart) }, /*获得本季度结束*/ getQuarterEnd :function(){ let m = 0; if(nowMonth 8){ //9 10 11 m = 0 } let quarterEnd = new Date(nowYear,m,1).getTime()-(60*60

js数据脱敏判断

2022年04月12日浏览(120)

function formatStr(str) { //判断是否脱敏 if(desensitization == true){ //根据长度显示不同脱敏 if (str.length == 1) { return str }else if (str.length == 2) { return str.substring(0, 1) + new Array(str.length).join(*) } else if(str.length 2 str.length 6){ return str.substring(0, 1) + new Array(str.length - 1).join(*) + str.substring(str.length - 1, str.length) } else if(str.length 15){ return str.substring(0, 6) + new Array(str.length - 10).join(*) + str.substring(str.length - 6, st

ajax设置timeout超时时间

2022年04月12日浏览(130)

jQuery没有默认的超时时间，只可以通过参数来配置，下面来看jQuery中的 timeout 参数，值为Number类型，单位为毫秒。为了在超时的时候执行我们定义好的处理函数，可以把它放在complete中，如下代码： $.ajax({ url: ajax.php, type: post, data: data, timeout: 8000, success: function(data){ console.log(data) }, complete:function(XHR,TextStatus){ if(TextStatus==timeout){ console.log(请求超时！); } }})

js随机生成多种颜色

2022年04月08日浏览(181)

方法一：获取rgba颜色 var colors = []for (var i = 0; i 3; i++) { var color = rgba(; for (var j = 0; j 3; j++) {color += Math.floor(Math.random() * 256) + ,; } color += Math.random().toFixed(1) + ); colors.push(color);}console.log(输出结果：,colors) 方法二：获取十六进制颜色 var colors = [];for (var i = 0; i 3; i++) { var color = #; for (var j = 0; j 6; j++) {color += Math.floor(Math.random() * 16).toString(16); } colors.push(color);}console.log(输出结果：,colors)

在每个pre代码块中增加一个“复制代码”功能

2022年04月07日浏览(109)

1、给每一串代码元素增加复制代码节点JS代码 $(function(){ let preList = $(.show pre); for (let pre of preList) { //给每个代码块增加上复制代码按钮 let btn = $( 复制代码 ); btn.prependTo(pre); }}); /*执行复制代码操作*/function preCopy(obj) { //执行复制 let btn = $(obj); let pre = btn.parent(); //为了实现复制功能。新增一个临时的textarea节点。使用他来复制内容 let temp = $(textarea/textarea); //避免复制内容时把按钮文字

js命名规则之中文变量名

2022年04月07日浏览(161)

var 列表 = [{姓名:小李,年龄:20岁,学校:浙大,爱好:看书}]var 输出结果 = for(var 数字=0; 数字列表.length; 数字++){输出结果 += 我是 + 列表[数字].姓名 + ，今年 + 列表[数字].年龄 + ，毕业于 + 列表[数字].学校 + ，爱好 + 列表[数字].爱好}console.log(输出结果,输出结果)//输出结果我是小李，今年20岁，毕业于浙大，爱好看书

驼峰式命名法、匈牙利命名法、帕斯卡命名法介绍

2022年04月06日浏览(133)

驼峰式命名法驼峰式命名法就是当变量名或函式名是由一个或多个单词连结在一起，而构成的唯一识别字时，第一个单词以小写字母开始；第二个单词的首字母大写或每一个单词的首字母都采用大写字母，例如：myFirstName、myLastName，这样的变量名看上去就像驼峰峰一样此起彼伏，故得名。驼峰式命名法（Camel-Case）一词来自 Perl 语言中普遍使用的大小写混合格式，而 Larry Wall 等人

5

常用标签

猜你喜欢