`
天之痕苏
  • 浏览: 18509 次
文章分类
社区版块
存档分类
最新评论

web前端,备忘录

 
阅读更多

1、关于切页的讲解,见http://v3.bootcss.com/javascript/#tabs

2、有关于html中table合并单元格的讲解,见http://www.cnblogs.com/penny/archive/2008/09/09/1287606.html

3、有关于font-awesome的讲解,图标的使用,见http://fontawesome.dashgame.com/

4、关于web中打开新页面或者页面跳转的讲解,见http://axmanhz.blog.sohu.com/276735051.html

5、曾经参考的bootstrap官方的界面排版,见网页http://job.bootcss.com/

6、js判断radio的选中情况,见http://bbs.csdn.net/topics/350109914

7、调整jsp页面的字体大小,见http://blog.csdn.net/tfy1332/article/details/22684547

8、highcharts常见error, 见http://www.stepday.com/topic/?917

9、highcharts常用设置,见http://blog.csdn.net/luckylcs/article/details/18315611

10、csv文件的读写,见http://blog.csdn.net/beyond667/article/details/8991525

11、饼状图的颜色更改方式,见http://zhidao.baidu.com/link?url=I5jCoohZwgDn_tzRODCaH_f01NaauesKLfOCEgibaRgDnPcOZ3hE2_83bYKACGIMTtA-fvDLZCOyEB30kIcxIK

12、div中滚动条的设置,用overflow;

13、highcharts中图例的设置,见http://www.cnblogs.com/linn/p/3920068.html

14、highcharts中柱状图设置3D立体的感觉,见http://www.stepday.com/topic/?951

15、highchart中数据点的数据显示格式问题,见http://www.hcharts.cn/api/index.php#plotOptions.series.dataLabels.format

16、关于下拉框的知识点以及控件的选择(bootstrap-select控件),见:http://blog.aizhet.com/web/5711.htmlhttp://silviomoreto.github.io/bootstrap-select/http://blog.fens.me/tag/bootstrap-select/http://www.html580.com/?SfniKLbFhttp://www.html580.com/8412。主要添加3个文件,在head开头,添加bootstrap-select.css文件,在末尾,添加bootstrap.min.js和bootstrap-select.min.js文件,不加css文件,会导致下拉框出不来,若多加了bootstrap-select.js文件,则会导致每个选项后面都有个对号出现;

17、在js中的赋值操作,若有变量定义如下:

var a = keyanxiangmuInputId1;

那么,变量a对应的是一个object类型的变量;不能把a当做一个指向字符串'keyanxiangmuInputId1'的一个字符型的变量。同理,定义数组如下:
var radios = [keyanxiangmuInputId1,keyanxiangmuInputId2,keyanxiangmuInputId3,keyanxiangmuInputId4,keyanxiangmuInputId5];

这里的radios类型仍然是一个object。为了便于理解,这里附上一段js获取input的代码片段:
var value;
var a = keyanxiangmuInputId1;
var radios = [keyanxiangmuInputId1,keyanxiangmuInputId2,keyanxiangmuInputId3,keyanxiangmuInputId4,keyanxiangmuInputId5];
for(var i = 0; i < radios.length; i ++) {
	if(radios[i].checked == true) {
		value = $(radios[i]).val();
		break;
	}
}

所以,在获取某一个input的值时,可直接$(a).val()得到,因为$()里面的东西,就是要获得某一个空间的对象,即object。


18、js文件之间的相互调用,两种方式:

  • 第一种,使两个js页面经过一个中间媒介,html或者jsp页面,eg:
<script type="text/javascript" src = "/EVM/js/companyAssessmentCharts.js"></script>
<script type="text/javascript" src = "/EVM/js/deptAssessmentCharts.js"></script>


在<head></head>中加入这两行代码,就可以实现deptAssessment.js调用companyAssessment.js中的函数、变量等。另外,这种方式下,这两个文件引用的先后顺序不做规定,即也可以这么写:
<script type="text/javascript" src = "/EVM/js/deptAssessmentCharts.js"></script>

<script type="text/javascript" src = "/EVM/js/companyAssessmentCharts.js"></script>



都可实现调用。

  • 第二种,在调用文件中引入被调用文件。eg:
<pre name="code" class="javascript">document.write("<script type=\"text/javascript\" src = \"/EVM/js/companyAssessmentCharts.js\"></script>");	//调用另外一个js文件


这样,也可实现调用。
另外,第二种方式下的调用有两点需要说明:
引入语句"document.write()"可放在调用文件的任何位置;
若调用文件中引用的函数在本文件和调用文件中都有的话,会默认调用被调用文件中的函数。例如:
document.write("<script type=\"text/javascript\" src = \"/EVM/js/companyAssessmentCharts.js\"></script>");	//调用另外一个js文件

function abc() {
	var arr1 = new Array();
	arr1.push(3);
	arr1.push(4);
	
	alert("SDF");
	
	alert(sum(arr1));
}

function sum(arrTemp) {
	return "sdfsf";
}

在被调用js文件companyAssessment.js中就有一个sum()函数,即使本文件中也有一个sum() { ...}函数,也会默认调用companyAssessment.js中的sum() {...}函数,并且不受引用语句放置位置的影响。
19、highcharts中,可以给一些元素赋空值,即将对应数据置为null;
20、3D双饼图和3D饼图的区别,在于innerSize的属性设置:
 plotOptions: {
            pie: {
                innerSize: 100,
                depth: 45
            }
        },
21、






分享到:
评论

相关推荐

    毕业设计基于JavaWeb实现的一个备忘录系统项目源码.zip

    毕业设计基于JavaWeb实现的一个备忘录系统项目源码。难度适中,新手自己可操作 备忘录 介绍 后端部分基于Servlet、Jdbc实现. 前端部分基于Layui、jqury实现。 一个简单的前后端分离Demo,前后端交互JSON数据格式 ...

    C# ASP.NET 模块 - 网站备忘录

    前端会根据用户的输入发起Ajax请求,后端则处理这些请求,查询数据库,并返回匹配的备忘录列表,前端再更新页面显示结果。 修改备忘录涉及到编辑现有记录。当用户选择一条备忘并点击“编辑”按钮时,前端通过Ajax...

    jquery+bootstrap 实现简单备忘录

    总的来说,这个"jQuery+bootstrap 实现简单备忘录"项目融合了前端技术(HTML5、CSS3、JavaScript/jQuery、Bootstrap)、后端技术(服务器端语言、数据库)以及现代Web特性(Web Storage、Notifications API、Web ...

    ASP.NET 实现的备忘录

    "ASP.NET 实现的备忘录"项目,正如其名,是一个基于ASP.NET技术构建的在线备忘录系统,它可能包含了用户登录、创建、查看、编辑和删除备忘录的功能。这个项目对于学习ASP.NET和web应用开发的学生来说,是一个很好的...

    asp日历&备忘录

    【ASP日历&备忘录】是一款基于Active Server Pages(ASP)技术开发的应用程序,它模仿了谷歌日程表的功能,提供了用户友好的界面和高效的时间管理体验。这个应用程序允许用户创建、编辑和查看日历事件,同时还能作为...

    基于thinkphp的一个通讯备忘录

    【标题】"基于thinkphp的一个通讯备忘录" 指的是使用了ThinkPHP框架开发的一款用于记录和管理通信信息的系统。ThinkPHP是中国国内较为流行的一个开源PHP框架,它提供了一套完整的MVC(Model-View-Controller)模式,...

    asp.net在线电话备忘录

    综上所述,"ASP.Net在线电话备忘录"项目涉及到ASP.Net框架的核心技术和Web开发的最佳实践,是一个集数据存储、用户交互和安全性于一体的实用工具。通过深入学习和理解这些技术,开发者可以构建出更加复杂和功能丰富...

    听课备忘录

    在"听课备忘录"中,后台代码负责解析SOAP消息,执行相应的业务逻辑,并将结果返回给前端应用。 5. **资源文件**:资源文件存储了应用程序中使用的各种非代码资源,如数据库连接字符串、配置信息、图片等。在这款...

    jQuery简单带备忘录功能的日期选择器插件

    “jQuery简单带备忘录功能的日期选择器插件”是一个实用的前端工具,它将日期选择和备忘录功能完美结合,便于用户在选择日期时查看相关备注。通过了解其内部结构和文件,我们可以更好地理解和定制这个插件,以满足...

    web个人日历备忘系统-c#-sql

    这个系统集成了登录、注册、添加、删除以及编辑备忘录的功能,使得用户能够方便地在线管理和追踪自己的日程安排。 【C#】作为微软公司开发的一种面向对象的编程语言,C#在Web应用开发领域广泛应用。在本系统中,C#...

    HTML网页助手,包括JS万年历、闹钟、备忘录 常用查询.rar

    JavaScript的DOM操作用于在页面上显示和更新备忘录条目。 4. **天气预报**:天气预报功能通常需要从外部API获取数据,如OpenWeatherMap等,然后使用Ajax(Asynchronous JavaScript and XML)或Fetch API异步加载...

    小雪备忘录PHP开源系统(xNote) v1.0.zip

    1. **前端界面**:备忘录系统的用户界面通常使用HTML、CSS和JavaScript构建,提供友好的交互体验。JavaScript负责处理用户的实时交互,如添加、编辑备忘录,而PHP主要在后端处理数据和业务逻辑。 2. **后端逻辑**:...

    自定义日历备忘录控件

    自定义日历备忘录控件是Web开发中一种常见且实用的功能,它允许用户方便地查看和管理日期相关的事件。在这个项目中,开发者利用jQuery和JavaScript这两种强大的前端技术来构建了一个交互性强、功能丰富的日历组件。...

    使用Flask实现Todo备忘录项目的所有代码

    在本项目中,我们将探讨如何使用Python的Flask框架与MongoDB数据库来构建一个简易的Todo备忘录应用。这个应用允许用户进行添加、更新和删除待办事项的操作,是学习Web开发的一个基础且实用的例子。 **Flask框架介绍...

    备忘录编程课程设计说明书

    【备忘录编程课程设计说明书】是一份详细指导学生进行软件程序设计的文档,主要针对的是使用C#语言和Web技术开发一个备忘录系统。该系统旨在提供一个多用户环境,用户可以创建、修改和删除备忘信息,并具有自动提醒...

    纯HTML开发的桌面助手(闹钟、日历、备忘录等).

    标题中的“纯HTML开发的桌面助手(闹钟、日历、备忘录等)”...这种技术栈的优势在于轻量级、跨平台和易于维护,但同时也需要开发者具备扎实的Web前端知识,包括HTML、CSS、JavaScript,以及可能的框架和API的使用。

    beiwanglu.rar_备忘录代码

    【标题】"备忘录代码"指的是一个编程项目,它实现了备忘录功能。备忘录应用程序是常见的软件工具,允许用户记录、存储和管理日常生活中的待办事项、提醒和其他重要信息。在这个“beiwanglu.rar”压缩包中,包含的...

    vue备忘录单页demo

    "vue备忘录单页demo"是基于Vue.js创建的一个简单的应用示例,旨在帮助开发者熟悉Vue的开发流程和核心概念。下面将详细阐述这个项目中涉及的关键知识点。 1. **Vue CLI 3.0**: Vue CLI(命令行工具)是Vue生态系统...

    纯CSS3超酷日常工作备忘录列表特效

    总的来说,这个“纯CSS3超酷日常工作备忘录列表特效”项目展示了CSS3的强大潜力,不仅在视觉上提供了吸引人的设计,而且在功能上实现了无JavaScript的交互,这对于前端开发者来说是一个很好的学习和实践案例。...

Global site tag (gtag.js) - Google Analytics