legend2---开发日志4（常用的链接传值方式有哪些）

一、总结

一句话总结：常用的其实就是get和post，不过有具体细分

a标签

post表单

js方式拼接url

1、js正则尽量少匹配的符号是什么？

?

直接加?最短匹配

//<link rel="canonical" href="https://blog.csdn.net/csdnnews/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相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本

是软回车，就是换行后还是紧接着上一行，没有
是段落标签，由于例如居中、缩进等标签都是以段落为单位的，所以它可比 有更多作用，但每次换行都会多空一行，有

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>

二、内容在总结中

1、相关知识

2、代码