legend2---开发日志4（常用的链接传值方式有哪些）
一、总结
一句话总结：常用的其实就是get和post，不过有具体细分
a标签
post表单
js方式拼接url
1、js正则尽量少匹配的符号是什么？
?
直接加?最短匹配
//<link rel="canonical" href="https://blog.****.net/****news/article/details/88968341"/>
//步骤一：直接把链接弄下来
var regCsdnUrl=/<link\srel="canonical"\shref="(.+?)"\/>/s;
var arrCsdnUrl=regCsdnUrl.exec(textSourse);
console.log(arrCsdnUrl);
return arrCsdnUrl[1];
2、js正则匹配中各个修饰符的含义？
i-大小写不敏感
g-全局
m-多行
修饰符 可以在全局搜索中不区分大小写:
| 修饰符 | 描述 |
|---|---|
| i | 执行对大小写不敏感的匹配。 |
| g | 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 |
| m | 执行多行匹配。 |
var regCnblogUrl=/<a\sid="cb_post_title_url"\sclass="postTitle2"\shref="(.+)\.html">/mgs;
var arrCnblogUrl=regCnblogUrl.exec(textSourse);
3、json_decode()如何返回array而不是object？
json_decode($json,true) 第二个参数置为true
Example #1 json_decode() 的例子
<?php
$json = '{"a":1,"b":2,"c":3,"d":4,"e":5}';
var_dump(json_decode($json));
var_dump(json_decode($json, true));
?>
以上例程会输出：
object(stdClass)#1 (5) {
["a"] => int(1)
["b"] => int(2)
["c"] => int(3)
["d"] => int(4)
["e"] => int(5)
}
array(5) {
["a"] => int(1)
["b"] => int(2)
["c"] => int(3)
["d"] => int(4)
["e"] => int(5)
}
json_decode ( string $json [, bool $assoc = false [, int $depth = 512 [, int $options = 0 ]]] ) : mixed
assoc
当该参数为 TRUE 时，将返回 array 而非 object 。
4、手机的均分排版如何实现？
栅格系统 手机在栅格中为xs而不是sm
不建议使用table
也可设置元素固定宽度后居中
用的是栅格系统，但是千万要记住手机尺寸是xs而不是sm，不建议使用table，内容少会缩在一起，table代码太多，而且也不好循环
<div class="row">
<div class="col-xs-6 col-sm-4">
<a href="">查看提示</a>
</div>
<div class="col-xs-6 col-sm-4">
<a href="">查看提示</a>
</div>
<div class="col-xs-6 col-sm-4">
<a href="">查看提示</a>
</div>
<div class="col-xs-6 col-sm-4">
<a href="">查看提示</a>
</div>
</div>
5、html单词断开？
word-break: break-all;
可以直接给html加
html{
word-break: break-all;
}
其中可能对英文换行可能会分开一个单词问题：解决如下：
语法：
word-break : normal | break-all | keep-all
参数：
normal : 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本
<br>是软回车，就是换行后还是紧接着上一行，没有</br>
<p>是段落标签，由于例如居中、缩进等标签都是以段落为单位的，所以它可比<br>有更多作用，但每次换行都会多空一行，有</p>
6、页面图片超出母框如何解决？
html全局img max-width限制
给全局img加上最大宽度限制
html img{
max-width: 100%;
}
7、js字符串转数字？
parseInt()
parseFloat()
js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。
8、thinkphp中input('get.');和dump($_GET);的值是一样的么？
是的
9、thinkphp中<a type="button" href="{:url('index/blog.do_question/index',array('xiulian_type'=>1,'blog_recommend'=>1))}" class="btn btn-warning btn-sm ">a标签的传值方式时get么？
是
是，但是正用dump($_GET);都弄不出值来，用input('xiulian_type')弄出值来
是是因为在这句话中if (request()->isget()){
10、常用的链接传值方式有哪些？
a标签
post表单
js方式拼接url
a标签：不能用$_GET和$_POST的方式接值，可以用input('')的方式，也可以用request对象的param属性
<a type="button" href="{:url('index/blog.do_question/index',array('xiulian_type'=>1,'blog_recommend'=>1))}" class="btn btn-warning btn-sm ">
修炼
</a>
post表单：$_POST的方式接值
<form action="{:url('index/blog.do_question/index')}" method="post" id="choose_question">
js方式拼接url：$_GET的方式接值
<script>
//题目选择确定函数
$(function () {
$('#choose_question_btn').click(function () { //步骤一：获取提交地址
let url=$('#choose_question').attr('url'); //步骤二：拼接修炼类型
url+='?xiulian_type='+$('#xiulian_type').val(); //步骤三：获取选项卡当前选中的tab是第几个:0 1 2 3
let tab_index=$('#choose_question_tab').children('.active').index(); //console.log(tab_index);
//步骤四：根据tab_index来添加参数
if(tab_index==0) url+='&blog_recommend='+$('#blog_recommend').val();
else if(tab_index==1) url+='&blog_all_sort='+$('#blog_all_sort').val();
else if(tab_index==2){
url+='&day_blog_sort='+$('#day_blog_sort').val();
url+='&day_blog_input='+$('#day_blog_input').val();
}else if(tab_index==3){
url+='&days_blog_sort='+$('#days_blog_sort').val();
url+='&days_blog_input='+$('#days_blog_input').val();
} //步骤五：页面跳转
window.location.href=url;
});
});
</script>