由于做开发或多或少会碰到一些前端的问题，我在这里总结下，我第一次遇到的那些小问题。
- 字符串拼接的问题
作为一个新手开发，我相信很多人都会遇到字符串的拼接问题，无论什么开发语言，都有这个问题。所以接下来，我来分享下我的字符串拼接经验。
给大家举一些例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script>
var a=10;//变量
var qk1="1a2";
var qk2="1"+a+"2";
var qk3="1"+"2";
var qk4=1+2;
var qk5=1+"2";
alert(qk1);
alert(qk2);
alert(qk3);
alert(qk4);
alert(qk5);
/*双引号里面都是字符串,变量在双引号里面也会变成字符串,字符串拼接用加号*/
</script>
</body>
</html>
1.第一个我们先看alert（qk1）；大家觉得会是输出多少呢？
我们先看，它定义了一个变量，var a=10;
var qk1="1a2";
这里我告诉大家一个秘诀就是：双引号里面都是字符串,变量在双引号里面也会变成字符串,字符串拼接用加号（PHP拼接用点）
所以，我们可以看到qk1就是一个字符串变量。那么qk1=1a2;
2.第二个alert（qk2）
var qk2="1"+a+"2";
我们可以在第一个的秘诀就知道了，它是一个字符串拼接。qk2=1102;
3.第三个alert（qk3）
var qk3="1"+"2";
qk3=12;
4.alert（qk4）
var qk4=1+2;
这个就是小学生中的很普通的加法，因为他没有用到引号，所以不要想得太复杂
5.alert（qk5）
var qk5=1+"2";
这里又看到了引号，所以我们得留意下，这是个字符串的问题。1加上一个字符串为2的变量，那他还是字符串拼接的问题，所以
qk5=12;
- 编程中的开发路径问题
我想生活中，一开始进入开发这行的人，会搞不明白路径的问题。所以我也总结了这个简单的小问题。
./ 代表的是当前路径（可以省略不写）
../ 代表的上一级路径
../../ 上上一级路径
- html动态拼接去除之前拼接的内容
我们经常写前端交互的时候会接触动态拼接，但也会遇到一个问题，就是怎么去除你上一次点击事件或者change的拼接内容。
在拼接html前
加一个$("#tb111"). empty();
或者是$("#tb111"). html(null);
或者也可以用remove()方法，在拼接的开始之前，移除之前的拼接节点
$(".atrname").remove();
$('thead').append(
'<tr class="atrname">'+
'</tr>'
);
$('.atrname').append(cons);
$('.atrname').append(
'<th tabindex="0">规格</th>'+
'<th tabindex="0">库存</th>'+
'<th tabindex="0">价格</th>'
)- JQ动态拼接上的按钮的点击事件为啥触发不了
-
今天把后端的代码写好了，然后在完善一些细节，找些bug。于是就发现了Jq动态拼接上的的按钮点击事件直接用
$(".del-member").click(function () { })这样的写法是触发不了的。
那我总结下这个问题：我先贴上我的代码
$('tbody').on("click",".del-member",function () { } })$('你拼接的父节点，也就是你开始拼接的地方').on("click","你如果是类：.class 你如果是id:#id",function(){
})
还有一种最好的方法，首先推荐这个：
<div><ul><li><span><iclass='content'>这是元素内容</i> //i是动态生成</span></li></ul></div>$(document).on('click','.content',function(e) {alert('i添加点击事件成功');});
- jq怎么获取父节点
今天，写js文件的时候，遇到了一个节点的问题。这个东西，我之前也没遇到过。还出现了一种特搞笑的方式。
这里我想获取tr这个节点。我一开始是这么写的
var parent=$(this).parent().parent().parent().因为这个当前的节点跟tr这个节点有三级关系。于是我就写了3个parent()。由于是层级关机，因此这样还能获取到这个节点。
但百度了下，得知parents能获取所有祖先元素，你只要在括号里定义你想要获取的父节点就行。
var parenet=$(this).parents('tr');
- web网页调用QQ聊天
由于今天在做一个网页，想在手机端的页面调用QQ聊天，这个问题，百度了好久。全是哪种忽悠人的，起码测试了不止10种方法。因此在这里，我也总结下我遇到的这个问题。
先贴上我的代码：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>QQ Test</title>
</head>
<body>
<a href="tencent://message/?uin=qq号码&Site=http://vps.shuidazhe.com&Menu=yes">PC版</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=QQ号码&site=qq&menu=yes&from=message&isappinstalled=0">在线客服</a>
</body>
</html>
这里也包含了PC版和手机版的
尤其是下面那个在线客服，这个我测试过，手机和PC都可以唤起QQ，从而进行聊天。但在手机中美中不足的地方，有些浏览器会出现这个问题。我明明把QQ都升级到最新的版本了，还是会跳到这个界面（PS：我华为自带的浏览器）。
接下来我就去试了下我下的QQ浏览器，可以完美调用。接着微信内置的浏览器也是可以调用我上面的那个方法的。其他的浏览器我还没试过，但对于一些公众号的开发是够用了。
我希望我的总结会对大家有帮助
- web网页调用手机拨号的功能
<head>里面加上：<meta name="format-detection" content="telephone=yes"/>
需要拨打电话的地方：<a href="tel:400-0000-688">400-0000-688</a>
发短信：<a href="sms:18688888888">发短信</a>
点击 页面上的电话号码 ，页面会调用手机的电话接口。
- layer弹窗是一种很友好的web前端的交互。但我们还是遇到怎样操作的问题。
附上layer官网的问题：https://layer.layui.com/
进入官网你可以绿色下载layer
下载好后，把theme和layer.js文件分别复制进去 ，切记别把layer.js放到theme文件夹里。不然会报错
如这个界面，分开放。这样就可以调用layer弹窗了
1099
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
