清爽盒子搜索 QSbox.cn

一个专注清爽体验的网站工具，清爽博客i.qsbox.cn

标签： JavaScript

Web

在 JavaScript 中创建多行字符串

在 JavaScript 中创建多行字符串,这是另一个奇怪但有效的“技巧”1：
var myString = (function () {/*

some content
someRefTxt

*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];

Web / 软件开发

js 正则表达式：*号，最多出现一次。JavaScript正则表达式匹配：不包含某字符或字符串

不包含某字符串（如“hit”）需要特殊处理，不然他会把字母都拆开，去分别判断“h”、“i”、“t”，

/^.hit.$/

/^((?!hit).)*$/

应用：比如想把history模式的路由改为哈希模式，在/hit/后面加#，

就可以这样来替换x=x.replace(/\/hit\//gi, “/hit/#”);

export const wildcardEmailRule = {
pattern: /^[A-z0-9]*\*?[A-z0-9]*$/,
message: “wwwwwwwwwwwwwww”,
trigger: “blur”,
};

Web / 软件开发

js中的分割截取方法， jQuery join 与 split的区别 以及 map用法

在我们平时写项目以及做算法题时，经常会遇到截取字符串，截取数组，然后我发现每次用的方法都不一样，但是又长得很像，很容易搞不清楚，所以这篇博客就浅浅地来说一说这个问题。

我们常用的分割方法主要有split、splice、slice、substr、substring。下面就通过一些案例和介绍来区分一下吧！

1、split()

通过参数将字符串截取并转为一个新数组（下面的例子意思就是如果字符串中出现‘-’，就会分割，将其加入新数组中），eg:

let str=’a-bc-def’;
let str_split=str.split(‘-‘);//[a,bc,def]
2、splice()

删除、添加原数组；会改变原数组，参数一：开始操作的元素的位置下标，参数二：要删除的元素个数；参数三：在下标为参数一的位置添加的内容；返回值为删除各项所组成的新数组，无删除时则返回空数组。eg:

let str=[‘a’,’bc’,’def’];
let str_splice=str.splice(1,0,’bb’);
console.log(str);//[‘a’,’bb’,’bc’,’def’];
console.log(str_splice)//[]
3、slice()

数组、字符均可使用；参数一：开始截取的下标；参数二：截取的截至位置但不包含该下标；返回截取的新数组

var str=[‘a’,’bc’,’def’,’gh’];
var str_slice=str.slice(1,3);//[‘bc’,’def’]
4、substr()

字符串使用，用于截取指定长度字符串；参数一：开始截取的下标位置；参数二：要截取的字符串长度；返回截取的新字符串

var str=’ab-cd-ef’;
str_substr=str.substr(1,4)//b-cd
5、substring()

var str=’ab-cd-ef’;
var str_substring=str.substring(1-4);//b-c
字符串的使用；参数一：开始截取的位置；参数二：结束截取的下标，但不包含该下标字符；返回截取的新字符；（第二个参数应该大于第一个参数，如果出现第一个参数大于第二个参数的情况，substring方法会自动更换两个参数的位置）

Web

js&jq：获取div的宽度、高度、屏幕距离方法总结

jq获取div的宽度
只是获取content宽度
var content = $(‘div’). width();
获取content+padding的宽度
var contentWithPadding = $(‘div’). innerWidth();
获取content+padding+border的宽度
var withoutMargin = $(‘div’). outerWidth();
获取content+padding+border+margin的宽度
var full = $(‘div’). outerWidth(true);
注：Margin 有个特色，就是当两个有 margin的 div 靠在一起时，两个 div 紧邻的 margin 不是相加，而是取其大者。
eg：两个 10px margin 的 div 并在一起==> 10px margin 的距离。
一个 20px margin，另一个为 10px margin==> 20px 的 margin。

但是获取当前元素的全部宽度的时候，还是获取自身的margin+content+padding+border的值

jq获取屏幕距离
文档窗口高度
$(window).height();
标签距离顶部高度（没有到下面的距离$(“div”).offset().down）
$(“div”).offset().top;
是标签距离右边高度（没有到下面的距离，$(“div”).offset().right）
$(“div”).offset().left;
滚动条高度
$(document).scrollTop();
标签高度
$(“div”).height();
js获取div的高度
var div = document.getElementById(“div”);

可视内容高度
var clientHeight = div.clientHeight;
占据页面总高度
var offsetHeight = div.offsetHeight;
展开滚动内容总高度
var scrollHeight = div.scrollHeight;
屏幕宽度
var screenWidth = window.screen.width;
js获取屏幕距离
var div = document.getElementById(obj);

div离屏幕上边距离(长度)
var topLength = div.getBoundingClientRect().top;
div离屏幕下边距离(长度)
var bottomLength = div.getBoundingClientRect().bottom;
div离屏幕左边距离(长度)
var leftLength = div.getBoundingClientRect().left;
div离屏幕右边距离(长度)
var rightLength = div.getBoundingClientRect().right;
————————————————
版权声明：本文为CSDN博主「想上天的玖姑娘」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/kxy5201314/article/details/120882497

Web

js 除法 取整

1.丢弃小数部分,保留整数部分
js:parseInt(7/2)
2.向上取整,有小数就整数部分加1
js: Math.ceil(7/2)
3,四舍五入.
js: Math.round(7/2)
4,向下取整
js: Math.floor(7/2)

都是JS内置对象

javascript除法如何取整
Math.round(x) 四舍五入，如Math.round(0.60)，结果为1；Math.round(0.49)，结果为0；
Math.floor(x) 向下舍入，如Math.floor(0.60)与Math.floor(0.49)，结果均为0；
Math.ceil(x)向上舍入，如Math.ceil(0.60)与Math.ceil(0. 49)，结果均为1。
//主题类别分页显示
public class test {
public static void main(String[] args) {
int a=36;
int s=a/10;//除，商….3
int y=a%10;//求模，余…6
if (y!=0) {
s=s+1;//…..4
}
int cc=0;
for(int i=0;ia) {
cc=a;
}
for (int j = (i*10); j