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代码太多,而且也不好循环
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相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
<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的方式接值
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>