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代码太多，而且也不好循环

 1 <div class="row">
 2      <div class="col-xs-6 col-sm-4">
 3            <a href="">查看提示</a>
 4      </div>
 5      <div class="col-xs-6 col-sm-4">
 6            <a href="">查看提示</a>
 7      </div>
 8      <div class="col-xs-6 col-sm-4">
 9            <a href="">查看提示</a>
10      </div>
11      <div class="col-xs-6 col-sm-4">
12            <a href="">查看提示</a>
13      </div>
14 </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的方式接值

 1 <script>
 2     //题目选择确定函数
 3     $(function () {
 4         $('#choose_question_btn').click(function () {
 5
 6             //步骤一：获取提交地址
 7             let url=$('#choose_question').attr('url');
 8
 9             //步骤二：拼接修炼类型
10             url+='?xiulian_type='+$('#xiulian_type').val();
11
12
13             //步骤三：获取选项卡当前选中的tab是第几个:0 1 2 3
14             let tab_index=$('#choose_question_tab').children('.active').index();
15
16             //console.log(tab_index);
17             //步骤四：根据tab_index来添加参数
18             if(tab_index==0) url+='&blog_recommend='+$('#blog_recommend').val();
19             else if(tab_index==1) url+='&blog_all_sort='+$('#blog_all_sort').val();
20             else if(tab_index==2){
21                 url+='&day_blog_sort='+$('#day_blog_sort').val();
22                 url+='&day_blog_input='+$('#day_blog_input').val();
23             }else if(tab_index==3){
24                 url+='&days_blog_sort='+$('#days_blog_sort').val();
25                 url+='&days_blog_input='+$('#days_blog_input').val();
26             }
27
28             //步骤五：页面跳转
29             window.location.href=url;
30         });
31     });
32 </script>

二、内容在总结中

1、相关知识

2、代码

转载于:https://www.cnblogs.com/Renyi-Fan/p/10651120.html