前端篇

年份:2018

//

该文章内容:

1>开发中实际遇到的问题解决记录

2>book-锋利的jquery

3>自我学习

说明:7-2之后更新的内容在最后面

//

日期:7-2

1

符号转义-去除空格-&nbsp

解决方案:正则替换

示例:

 var result='z j   c '
var results=result.replace(/ /gi,'')

alert(results)

2

null和undefiend的区别
2.1
类型不同
undefiend为:原始类型,通过 typeof()->返回——>undefiend
null为:引用类型,通过typeof()->返回->object 
2.2
null:初始值; var name=null;即:初始值为:null
undefiend:对象属性或方法不存在,或声明了变量但从未赋值

日期:6-20 

符号转义-通过js实现

示例: <p>XXXlt;/p>

jsp展示结果:XXX

步骤:

js

1

定义转换方法

2

使用unescapseHTML方法

说明:

value = 需要转义的内容

3

去标签

说明 

value1 value2 = 你想去除的标签

多个标签之间通过 |  分隔

4

复制-使用

a.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&apos;/g, "'")

HtmlBriefWeb.replace(/<\/?(p|span|br)[^>]*>/gi, '');

日期:6-18

场景:当查询按钮进行查询时,查询需重新指定URL时,实现新的功能:

图解:

查询按钮b被点击时,需要携带查询条件2和查询条件3

实现过程:

1

为查询条件2和查询条件3指定id,目的获取查询要携带的值

2

定义查询按钮b为超链接

3

编写click事件

4

方法中通过attr方法,指定url查询条件2和查询条件3

XXX = 按钮b的id

urlValue = 指定的url

例:

"XXX?param1=paramValue1&param2=paramValue2"

日期:5-14

刷新:指定区域

1

定义区域

2

定义方法

js:

3

调用:

方法操作成功之后调用即可

日期:5-2

json字符串->json对象

1

JSON.parse();

2

eval()

3

使用jquery插件jquery.paraseJSON();

json对象->json字符串

JSON.stringify()

日期:5-1

图中标注的图标:快捷键=ctrl+shift+c

日期:4-30

js:onload

jquery:read

日期:4-22

js 和jquery的区别

1

获取

js:document.getElementBy[id,name,tagName]

jquery:$("")[获取id:$("#id);获取class:$(".class")]

2

事件

js:onclick="functionName()",onblur="functionName()"

jquery: $("元素").on("操作方式",function(){})[元素:id,class;操作方式:click,blur,fous] 

3

两者相互转换

dom->jquery

得到的dom对象后,通过$()

var id =document.getElementById("id");

var $id = $(id)

juqery->dom

1

获取jquery对象后,可以通过[index]方法转化

var $id = $("#id);

var id = $id[0];

2

jquery->中的->get方法

var $id = $("#id);

var id = $id.get(0)

get(0)

日期:4-21

1

text() 方法设置或返回被选元素的文本内容 [操作元素:span,p,div]

val() 方法返回或设置被选元素的值[操作元素:input]

html()方法返回或设置被选元素的内容 (inner HTML),包括标签。/如果该方法未设置参数,则返回被选元素的当前内容

日期:4-18

1

判断元素是否存在于集合之中

inArray,方法

$.inArray(ele,col)

参数说明:

ele :要判断的元素

col:集合

使用示例:

示例说明

等于: 1 说明[不存在]

不等于 : -1 说明:[存在]

2

操作标签属性

添加:

attr

attr('attr','attr_value')

说明:

attr:标签需要添加的属性[value,name等]

attr_value:添加的属性的属性值

移除

removeAttr('attr')

说明:

attr:要移除的属性名称

日期:4-15

1

浏览器兼容性

打开浏览器-f12

2

静态网站/标准

[超链接有跳转动作,该方式避免超链接跳转]

<a  href=”javascript:void(0)”></a>

3实现下载功能:
3.1
超链接
3.2
href = 文件全路径
3.3
超连接添加属性   target="_blank"[可选]
4示例
<a href="文件服务器地址/数据库存储地址" 

target="_blank">下载</a>

4raiao-改变值[checkVal]-demo

jsp:
优惠卷列表展示-[为了突出记录功能,故只显示了radio]
<div id="userCouponList">
<input type="radio" id="{{id}}"  checkVal="0" data-type="checkbox"  value="{{amount}}"  class="pull-right" name="coupons"  />
</div>
js
var $userCouponList = $("#userCouponList");
var $coupons = $userCouponList.find("input[type=radio][name='coupons']");
$coupons.each(function(){
var $this = $(this);
$this.on("click",function(){
//当第一次被点击时,修改radio的value
if($this.attr("checkVal")=="0"){
       //点击之后,重新赋值
$this.attr("checkVal","1");
}else{
                                                       $this.attr("checkVal","0");
}

});
 

});

//

分隔:最新新增的内容出现在下面

//

阅读更多

扫码向博主提问

zjc_jia

非学,无以致疑;非问,无以广识
  • 擅长领域:
  • java
  • web
  • 微信小程序
  • springclou
  • springboot
去开通我的Chat快问
换一批

没有更多推荐了,返回首页