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

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

一、总结

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

a标签

post表单

js方式拼接url

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

?

直接加?最短匹配

//<link rel="canonical" href="https://blog.csdn.net/csdnnews/article/details/88968341"/>
//步骤一：直接把链接弄下来
var regCsdnUrl=/<linksrel="canonical"shref="(.+?)"/>/s;
var arrCsdnUrl=regCsdnUrl.exec(textSourse);
console.log(arrCsdnUrl);
return arrCsdnUrl[1];

2、js正则匹配中各个修饰符的含义？

i-大小写不敏感

g-全局

m-多行

修饰符 可以在全局搜索中不区分大小写:

修饰符	描述
i	执行对大小写不敏感的匹配。
g	执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m	执行多行匹配。

var regCnblogUrl=/<asid="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>

二、内容在总结中

1、相关知识

 

2、代码