App開發中，我們經常會用到各種前端技術。其中，CSS和JavaScript是關鍵技術之一，也是開發中經常會運用到的兩種技術。同時，為了讓CSS和JavaScript更好的發揮作用，我們也需要對這兩種技術進行封裝。

/**
 * 封裝一個常用的CSS樣式庫
 */
/* 樣式重置 */
html,body,div,span,object,iframe,hr,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code, del,dfn,em,img,ins,kbd,q,
samp,small,strike,strong,sub,sup,tt,var,b,i,u,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
}
/* 清除浮動 */
.clearfix::before,.clearfix::after {
clear:both;
content:'';
display:block;
height:0;
}
.clearfix {
zoom:1;
}
/* 文本截斷 */
.ellipsis {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* 彈出提示 */
.tooltip {
position: relative;
display: inline-block;
cursor: pointer;
}
.tooltip .tip-content {
display: none;
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
padding: 5px;
background-color: #fff;
border: 1px solid #333;
border-radius: 3px;
box-shadow: 0 0 5px #666;
}
.tooltip:hover .tip-content {
display: block;
}
/* 模糊背景 */
.blur-bg {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 9999;
backdrop-filter: blur(5px);
background-color: rgba(0,0,0,.5);
}

可以看到，我們將常用的CSS樣式進行了一些封裝，以便在App開發中更加方便的使用。在使用時，只需要將對應的樣式類添加到需要使用的標簽上即可。

/**
 * 封裝常用的JavaScript方法
 */
 // 獲取URL參數
 function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
 }
 // 判斷是否為移動設備
 function isMobile() {
return /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
 }
 // 異步請求
 function ajax(options) {
var xhr = null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open(options.type, options.url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
options.success(xhr.responseText);
}
}
if (options.type == "POST") {
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(options.data);
} else {
xhr.send();
}
 }

同樣的，我們把常用的JavaScript方法進行了封裝，以便在App開發中更加方便的使用。需要使用這些方法時，只需要直接調用即可。