膳食纤维vi设计的核心价值在于为企业打造独特的品牌,膳食纤维vi设计可以给企业带来良好的社会声誉和经济效益。
创建一个待办事项应用程序通常是你学习如何用Java Script语言构建的第一个应用程序,但所有这些应用程序的问题是,当你重新加载页面时,所有这些待办事项都消失了。
不过有一个简单的解决方案,那就是使用本地存储。本地存储的好处是,你可以将这些数据保存到用户的计算机上,这样当他们重新加载页面时,他们所有的待办事项仍然会在那里,本地存储实际上非常简单,可以保存数据并使其在页面上可用。
什么是本地存储?
本地存储是网存储的一部分,web存储本身是HTML5规范的一部分。在规范中存储数据有两种选择:
本地存储:存储没有截止日期的数据,这是我们将使用的一个,因为我们希望我们的待办事项尽可能长地留在页面上。
会话存储:只保存一个会话的数据,所以如果用户关闭标签并重新打开它,他们所有的数据都会消失。
简而言之,web存储所做的只是在本地存储命名的键/值对,与饼干不同的是,即使您关闭浏览器或计算机,这些数据也会持续存在。
超文本标记语言
如果我们考虑一个待办事项列表,我们需要的是:
一个输入来放置我们的待办事项。
添加待办事项的输入按钮。
清除所有待办事项的按钮。
一个占位符无序列表,我们的待办事项将放在列表项中。
最后,我们需要一个占位符分区来显示一个警告,当你试图输入一个空的待办事项.
所以我们的超文本标记语言应该是这样的:
section form id=' form ' action=' # ' method=' POST ' input id=' description ' name=' description ' type=' text '/input id=' Add ' type=' submit ' value=' Add '/button id=' clear ' clear All/button/form div id=' alert '/div ul id=' todos '/ul/section
这是一个非常标准的占位符HTML,通过我们的javascript,我们可以用动态内容填充所有这些。
因为我们将在这个例子中使用jQuery,所以您也应该将它包含在您的超文本标记语言文档中。
Java Script语言
如果我们考虑一个简单的待办事项应用程序的结构,我们需要做的第一件事是检查用户何时点击添加按钮,并检查输入是否有空值,如下所示:
$('#add ').单击(函数(){
var Description=$('#description ').val();
//如果待
总监微信咨询 舒先生
业务咨询 张小姐
业务咨询 付小姐