优化后的1000字左右文章: 优化总结
大家好，本网站为大家提供优质的、全新的游戏攻略，援助大家更愉悦地、更顺手地玩游戏，走过路过不要错过奥。
JS好用技巧大汇总
在平常的前端开发工作中,我们会频繁使用JavaScript来实现各种功能。但是有许多小技巧很容易被忽视,却能极大地提高我们的开发效率。本文就整理了一些常用但容易遗忘的JS技巧,期望能给大家的工作带来援助。
得到浏览器宽高
得到浏览器窗口的可见区域宽高是一个特别常见的需求。我们可以使用以下几种方式实现:
可见区域宽度：``
可见区域高度：``
网页可见区域宽：``
网页可见区域高：``
网页可见区域宽（包括边线的宽）：``
网页可见区域高（包括边线的高）：``
网页正文全文宽：``
网页正文全文高：``
得到URL参数
在前端开发中,我们屡屡需要从URL中得到某些参数的值。可以使用如下函数实现:
```javascript
function GetQueryString(name) {
var reg new RegExp("(^|)" name "([^]*)(|$)");
var r (1).match(reg);
if(r!null)return decodeURI(r[2]); return null;
}
```
这个函数可以依据参数名称得到URL中对应的参数值。若果需要一次性得到全部参数值,只需对该函数进行简易改造即可。
隐藏滚动条
有时候我们期望页面上存在滚动条的功能,但又不期望看到滚动条本身。可以在CSS中加入以下样式实现:
```css
::-webkit-scrollbar {
width: 0;
}
```
这样即可达到滚动条有效但不显示的效果。需要注意的是,该方法在Google浏览器上经测试有效,其他浏览器可自行尝试。
操作Cookie
通过以下三个函数,我们可以实现对Cookie的读写操作:
```javascript
function setCookie(name,value){
var Days 30;
var exp new Date();
(() Days*24*60*60*1000);
name "" escape (value) ";expires" ();
}
function getCookie(name){
var arr,regnew RegExp("(^| )" name "([^;]*)(;|$)");
if(arr(reg))
return unescape(arr[2]);
else
return null;
}
function delCookie(name){
var exp new Date();
(() - 1);
var cvalgetCookie(name);
if(cval!null)
name "" cval ";expires" ();
}
```
调用Python代码
有时我们需要在前端调用后端的Python代码,可以通过AJAX的方式实现:
```javascript
var data {"kind": "user_login", "table": table, "query_condition_field_list": ([field]), "query_condition_value_list": ([value])};
$.ajax({
type : "post",
url : "", // 调用的Python文件
data : data,
async : false, // 指定同步请求
dataType:"json",
success : function(recv_data) {
if(recv_data["return_data"]["email"] "") { // 已存在该用户
result true;
}
}
});
```
这里不使用`$.post`的原因在于`$.post`默认是异步请求,而这里我们需要同步请求。
得到当前日期
得到当前日期是一个特别常见的需求,可以通过以下函数实现:
```javascript
function getNowFormatDate(style) {
var currentdate "";
var date new Date();
var seperator1 "-";
var month () 1;
var strDate ();
if (month > 1 month < 9) {
month "0" month;
}
if (strDate > 0 strDate < 9) {
strDate "0" strDate;
}
if(style "YMD") { // 年月日
currentdate () seperator1 month seperator1 strDate;
return currentdate;
} else { // 年月日 时分秒
var seperator2 ":";
currentdate () seperator1 month seperator1 strDate " " () seperator2 () seperator2 ();
return currentdate;
}
}
```
这个函数可以依据不同的style参数返回当前日期的字符串格式。若果需要其他日期,也可以通过该函数进行调整。
页面跳转
实现页面跳转的方式有以下几种:
```javascript
"url"; // 跳转到指定的URL
(-1); // 返回
("url"); // 跳转到指定的URL
Welcome // 打开一个新的窗口
```
以上方式各有优缺点,可依据详细需求进行选择。
综上所述,这些JS技巧虽然看似简易,但在实际开发中却特别好用。期望通过本文的整理,能援助大家更好地提高开发效率,缩减不必要的查找时间。
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将即刻删除。
大家注意，牢记持续关注本游戏攻略网站，您的支持是我们最大的动力奥，我们会努力提供全网新的游戏攻略教程，加油。
本创作内容,未授权勿转载,必究权责。
免责说明：本文代表的是网站编辑的观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经确认，因此对本文以及其中全部或者部份内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。