前端程序员后台代码

① 程序员分前端与后端，那么后端程序员都做些什么看完就知道了

我刚开始做Web开发的时候，根本没有前端，后端之说。

原因很简单，那个时候服务器端的代码就是一切： 接受浏览器的请求，实现业务逻辑，访问数据库，用JSP生成HTML，然后发送给浏览器。

即使后来javascript在浏览器中添加了一些AJAX的效果，那也是锦上添花，绝对不敢造次。因为页面的HTML主要还是用所谓“ 套模板 ”的方式生成：美工生成HTML模板，程序员用JSP,Veloctiy,FreeMaker等技术把动态的内容添加上去，仅此而已。

那个时候最流行的图是这个样子：

在最初的J2EE体系中，这个 表示层 可不仅仅是浏览器中运行的页面，还包括Java写的桌面端，只是Java在桌面端太不争气， 没有发展起来。

每个程序员都是所谓 “全栈”工程师 ，不仅要搞定HTML, JavaScript, CSS，还要实现业务逻辑，编写访问数据库的代码。等到部署的时候，就把所有的代码打成一个WAR包，往Tomcat指定的目录一扔，测试一下没问题，收工回家！

不差钱的公司会把程序部署到Weblogic，Websphere这样的应用服务器中，还会用上高大上的EJB。

虽然看起来生活“简单”又“惬意”，但实际上也需要实现那些多变的、不讲逻辑的业务需求，苦逼的本质并没有改变。

随着大家对浏览器页面的 视觉和交互 要求越来越高，“套模板”的方式渐渐无法满足要求，这个所谓的表示层慢慢地迁移到浏览器当中去了，一大批像Angular, ReactJS之类的框架崛起，前后端分离了！

后端的工程师只负责提供接口和数据，专注于业务逻辑的实现，前端取到数据后在浏览器中展示，各司其职。

像Java这样的语言很适合去实现复杂的业务逻辑，尤其是一些MIS系统，行业软件如税务、电力、烟草、金融，通信等等。 所以剥离表示层，只做后端挺合适的。

但是如果仅仅是实现业务逻辑，那后端也不会需要这么多技术了，搞定SSH/SSM就行了。

互联网，尤其是移动互联网开始兴起以后，海量的用户呼啸而来，一个单机部署的小小War包肯定是撑不住了，必须得做分布式。

原来的单个Tomcat得变成Tomcat的 集群 ，前边弄个Web服务器做请求的 负载均衡， 不仅如此，还得考虑状态问题，session的一致性。

（注：参见文章《小白科普：分布式和集群》）

业务越来越复杂，我们不得不把某些业务放到一个机器（或集群）上，把另外一部分业务放到另外一个机器（或集群）上，虽然系统的计算能力，处理能力大大增强，但是这些系统之间的通信就变成了头疼的问题， 消息队列 （MQ)， RPC框架 （如Dubbo）应运而生，为了提高通信效率，各种 序列化的工具 (如Protobuf)也争先空后地问世。

单个数据库也撑不住了，那就做数据库的 读写分离 ，如果还不行，就做 分库和分表 ，把原有的数据库垂直地切一切，或者水平地切一切， 但不管怎么切，都会让应用程序的访问非常麻烦，因为数据要跨库做Join/排序，还需要事务，为了解决这个问题，又有各种各样“ 数据访问中间件 ”的工具和产品诞生。

为了最大程度地提高性能，缓存肯定少不了，可以在本机做缓存(如Ehcache)，也可以做 分布式缓存 (如Redis)，如何搞 数据分片 ，数据迁移，失效转移，这又是一个超级大的主题了。

互联网用户喜欢上传图片和文件，还得搞一个 分布式的文件系统 （如FastDFS），要求高可用，高可靠。

数据量大了，搜索的需求就自然而然地浮出水面，你得弄一个支持全文索引的 搜索引擎 (如Elasticsearch ,Solr)出来。

林子大了，什么鸟都有，必须得考虑 安全 ，数据的加密/解密，签名、证书，防止SQL注入，XSS/CSRF等各种攻击。

前面提到了这么多的系统，还都是分布式的，每次上线，运维的同学说：把这么多系统协调好，把老子都累死了。

得把持续集成做好，能自动化地部署，自动化测试（其实前端也是如此），后来出现了一个革命化的技术 docker ， 能够让开发、测试、生成环境保持一致，系统原来只是在环境（如Ngnix, JVM,Tomcat,MySQL等）上部署代码，现在把代码和环境一并打包， 运维的工作一下子就简化了。

公司自己购买服务器比较贵，维护也很麻烦，又难于弹性地增长，那就搞点虚拟的服务器吧，硬盘、内存都可以动态扩展（反正是虚拟的）， 访问量大的时候多用点，没啥访问量了就释放一点，按需分配，很方便，这就是 云计算 的一个场景。

随着时间的推移，各个公司和系统收集的数据越来越多，都堆成一座大山了，难道就放在那里白白地浪费硬盘空间吗？

有人就惊奇地发现，咦，我们利用这些数据搞点事情啊， 比如把数据好好分析一下，预测一下这个用户的购买/阅读/浏览习惯，给他推荐一点东西嘛。

可是这么多数据，用传统的方式计算好几天甚至好几个月才能出个结果，到时候黄花菜都凉了，所以也得利用分布式的技术，想办法把计算分到各个计算机去，然后再把计算结果收回来， 时势造英雄， Hadoop 及其生态系统就应运而生了。

之前听说过一个大前端的概念，把移动端和网页端都归结为“前端”，我这里造个词“大后端”，把那些用户直接接触不到的、发生在服务器端的都归结进来。

现在无论是前端还是后端，技术领域多如牛毛，都严重地细分了，所以 我认为真正的全栈工程师根本不存在，因为一个人精力有限，不可能搞定这么多技术领域，太难了 。

培训机构所说的“全栈”，我认为就是前后端还在拉拉扯扯，藕断丝连，没有彻底分离的时候的“全栈”工程师。

那么问题来了， 后端这么多东西，我该怎么学？

之前写过一篇文章叫做《上天还是入地》，说了学习的广度和深度，在这里也是相通的。

往深度挖掘，可以成为某个技术领域的专家，如搜索方面的专家、安全方面的专家，分布式文件的专家等等，不管是哪个领域，重点都不是学会使用某个工具和框架， 而是保证你可以自己的知识和技术去搞定这个领域的顶尖问题。

往广度发展，各个技术领域都要了解，对于某种需求，能够选取合适的软件和技术架构来实现它，把需求转化成合适的技术组件，让这些组件以合适的方式连接、部署、运行，这也需要持续地学习和不断的经验积累。

最后，以一张漫画来结束吧！

C/C++高级工程师学习路线图：

② 前端新人求助，如何和后端程序员在代码上良好配合

作为新人首先是做好自己分内工作，配合谈不上，一般团队都会配合新人，因为新人是短板，新人不拖后腿就算是谢天谢地了。
简单来说，就是建立代码规范，命名规范，所有的代码的接口都要有注释和说明，这样可以帮助别人读懂你的代码。了解框架也很重要。接口，我觉得还是不要太多，你自己内部搞得再乱也没事，反正你自己挖的坑，你自己填，但是外部接口和方法一定要简洁、优雅。
作为新人来说，我觉得还有一点就是新人一定要有自己的坚持不同意见和创新，这样才能给整个团队带来活力。当然有些公司不认可这种做法，因为有时候你的坚持会拖累队友进入黑洞。

③ 前端程序员需要会什么

前台就是页面能看到的美化工作。包括HTML页面可以用表格或div都可以。然后页面上的js代码。flash。前台要明白一些编程，以便后台技术人员加代码的时候能够顺利衔接。
后台就是内部的程序架构。他要懂一些html好知道往哪加代码。

后台就是保证前台所有功能实现所进行的编码。

④ 关于后端程序员写前端用什么框架更好

前端框架好不好用还是要具体情况具体分析，我这边给你推荐11个前端常用的框架，你可以按需使用。

1、vue-element-admin

一个基于vue2.0和Element的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板已经非常成熟了，并且有相关的社区和维护人员，开发时遇到问题也不要慌。

2、AdmimLTE

非常流行的基于Bootstrap 3.x的免费的后台UI框架，这是一个非常老牌的后台管理系统模板，每个页面都是单独的html网页，适合前端入门新手来做项目。

3、ant-design-pro

这个就不多说了，选择react技术栈的童鞋们必然离不开这个优秀的开箱即用的中台前端/设计解决方案，文档齐全，组件丰富，一键生成模板，更支持开启复制粘贴模式哦。

4：ng2-admin

这是基于 Angular 2, Bootstrap 4 和 Webpack的后台管理面板框架，要说前面已经有了react和vue技术栈的模板，那怎么能少的了ng的?虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三大巨头之一的地位呀。

9：material-dashboard

基于 Bootstrap 4 和 Material 风格的控制面板。Material Dashboard 是一个开源的 Material

Bootstrap Admin，其设计灵感来自谷歌的 Material Design 。

10：d2-admin

D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案，基于 vue.js 和 ElementUI 的管理系统前端解决方案 ，小于 60kb的本地首屏 js 加载,已经做好大部分项目前期准备工作

11：vuestic-admin

vuestic-admin管理台仪表盘是一个响应式的仪表盘模板，采用Bootstrap4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。

⑤ 前端开发和程序员的区别有哪些

我们首先来来看两者的定义；

前端就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。用自己的话来说，前端是网页给访问网站的人看的内容和页面。

那前端开发顾名思义就是这些内容和页面中代码的实现。

程序员是从事程序开发、程序维护的专业人员。一般将程序员分为程序设计人员和程序编码人员，但两者的界限并不非常清楚，特别是在中国。

通过比较，不难发现前端开发人员也会涉及到代码的设计编写，其实程序员是一个很大的范畴，分为初级程序员，中级程序员，高级程序员，而且面向的方向也有所不同前端开发人员也算得上是程序员其中的一种。

人们常说的程序员指的是程序编码人员，也就是码农，是和前端开发有所区别的。但广义上的程序员，是包含所有软件程序开发人员。

⑥ 网页设计前端和后端的区别越详细越好。

详细的解释一下web前后端的区别
1、
前台：呈现给用户的视觉和基本的操作。
后台：用户浏览网页时，我们看不见的后台数据跑动。后台包括前端、后端。
前端：对应我们写的html、css、javascript 等网页语言作用在前端网页。
后端：对应jsp、javaBean、层、action层和service层的业务逻辑代码。（包括数据库）
为什么jsp是后端呢？主要是jsp的运行原理是在tomcat服务器运行的。
2、
(1)javaweb是java开发中的一个方向 java有搞安卓的，搞web的，搞嵌入式的等。javaweb就是指搞web方向的，javaweb分两块，一块是服务器端叫后端，另一块叫前端，也就是web前端。前端就是用户能看到的部分，比如淘宝网，qq空间，网页上你能看到的都是web前端做的。后端做的就是为前端的展示业务逻辑功能做处理。
(2)java web包括了jsp，servelt以及一些框架比如spring，structs以及与数据库交互的知识，当然也涉及到了html，css等前端技术，但是更侧重于后端的开发。web前端主要是html，css，javascript之类的技术。
jaweb是javaee的一个方向，Javaweb，由前端、Java代码、和数据库三个大方面组成，前端只是其中之一。
(3)在我们的机子上看到的界面，安装的程序，给用户看的，操作的就是前端；而你看不到的，帮你保存网络游戏数据，保存应用数据，处理数据的就是后端（服务器）。比如说：我们在用的知乎就是前端，而保存这个问题，还有把这个问题推送给你的就是后端。
二、定义不同
一般来说，我们将网站分为前端和后端。前端主要负责页面的展示，后端则是业务逻辑的实现。
1、Web前端:
顾名思义是来做Web的前端的。这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
2、Web后端：
后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
三、需要掌握的技术不同
1、Web前端：
精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
(1)精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构；
(2)精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器；
(3)熟悉JavaScript，了解ECMAScript基础内容，掌握1-2种js框架，如JQuery；
(4)对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案；
(5)对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。
2、Web后端：
后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
(1)精通jsp，servlet，javabean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解；
(2)练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力；
(3)熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑；
(4)精通面向对象分析和设计技术，包括设计模式、UML建模等；
(5)熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力。
四、web后端和前端是怎么连接的？
1、web服务器（apache、tomcat等），网络协议（http、socket等），浏览器（chrome、FF、IE等）。浏览器发起建立连接请求，通过网络协议与服务器建立连接，服务器保持连接，获取浏览器想要的数据，服务器通过连接返回内容给浏览器，浏览器把数据呈现出来。
2、连接的协议一般是http，也有websocket。服务器以服务的方式存在，就像外卖店，你打个电话过去，人家就把饭菜送上门来了。
3、web服务器访问数据库一样要使用网络连接，端口只是开放服务的入口而已，就像外卖的电话。
五、JavaWeb与web前端的区别？
1、web前端，主要是给网站做静态页面的，也就是说你平时浏览的网站所看到的页面基本都出自web前端，不过网站版面可以是美工出图。
web前端需要掌握的技术有：DIV+CSS，j，jQuery更高一层的是可以去使用一些框架去网站页面。这样的框架也有很多。如Bootstrap，UIkit，Kube等等。
2、javaweb一般涉及到前端。而web前端开发只是有可能涉及到java。
前端开发一般只涉及到js,html,css,有些可能会用flash,photoshop这些。框架就jquery,ext,jodo等这些。
web前端的话他的后端可能是java，也可能是.net或者php等都可能，但javaweb可以确定后端就是java，web前端其实都一样。
前端和Javaweb的区别更多的在于一个主要负责前端的设计和效果，而Javaweb更专注于后端的内容。
3、刚开始从事web开发时，首先要选准学习方向，看是想从事前端部分还是后端程序部分。当然在工作的后期，就不会分的那么细致了。做前端到后期也会懂一些后端的技术，反之，后端也是。
六、学习Web前端开发都需要掌握哪些技能？
1、学习html。这个是最简单的,也是最基础的.要熟练掌握div、form table、ul li 、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本 table是用来和数据打交道。
2、学习css。这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html 或者 css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢?因为我上面说了div就是 html主要用于布局的东西,所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好.css要熟练掌握float、 position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局 有关系的样式,一点要掌握。
3、学习js。可能前两个大家觉得还过的去,看到js就傻眼了,其实吧,js入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就是跳转、弹框、隐藏什么的,把这些全部结合其他就是实际用途了,代码一点都不难,会了这些基础js,其他的直接网络就好了.然后看多了,用多了,就什么都不是问题了。
4、学习jquery。jquery是相当于把js封装了一套的一个js插件,目的就是操作起来更方便,代码写的更少,jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的代码.其他的一样网络就够了。
5、最好会点后台语言,比如java、php,为什么呢?因为前台界面的数据都是从后台来的,如果会点后台代码,就知道怎么跟后台交互数据是最好的, 这样节约时间,也可以让前端代码更规范.不然可能因为你的写法和后端给来的数据不能结合上,那么前端代码又得重新写,那就更加麻烦了。
6、学习css3+html5,可能这个对于更接手的新人来说有点困难，需要较强的代码知识与经验，但是如果你们是准备专门搞前端,那么最好还是学一下，这样对于将来的工作会有更大的帮助。
七、从事Java后端开发都需要掌握哪些技能？
对于初学Java并且有志于后端开发的同学来说，需要重点关注以下几个部分：
1、基础：比如计算机系统、算法、编译原理等等
2、Web开发：主要是Web开发相关的内容，包括HTML/CSS/js（前端页面）、 Servlet/JSP（J2EE）以及MySQL（数据库）相关的知识。它们的学习顺序应该是从前到后，因此最先学习的应该是HTML/CSS/JS（前端页面）。还有一些前段框架比如easyui,还有js,jquery等技术。
3、J2EE：你需要学习的是Servlet/JSP（J2EE）部分，这部分是Java后端开发必须非常精通的部分，因此这部分是这三部分中最需要花精力的。关于Servlet/Jsp部分视频的选择，业界比较认可马士兵的视频。 4、数据库：你需要学会使用数据库，mysql是个不错的入门选择，而且Java领域里主流的关系型数据库就是mysql。这部分一般在你学习Servlet/Jsp的时候，就会接触到的，其中的JDBC部分就是数据库相关的部分。你不仅要学会使用JDBC操作数据库，还要学会使用数据库客户端工具，比如navicat，sqlyog，二选一即可。
5、开发框架：目前比较主流的是SSM框架，即spring、springmvc、mybatis。你需要学会这三个框架的搭建，并用它们做出一个简单的增删改查的Web项目。你可以不理解那些配置都是什么含义，以及为什么要这么做，这些留着后面你去了解。但你一定要可以快速的利用它们三个搭建出一个Web框架，你在搭建SSM的过程中，可能会经常接触到一个叫maven的工具。这个工具也是你以后工作当中几乎是必须要使用的工具，所以你在搭建SSM的过程中，也可以顺便了解一下maven的知识。在你目前这个阶段，你只需要在网络上了解一下maven基本的使用方法即可，一些高端的用法随着你工作经验的增加，会逐渐接触到的。
6、你需要去看一些JDK中的类的源码，也包括你所使用的框架的源码。这些源码能看懂的前提是，你必须对设计模式非常了解。否则的话，你看源码的过程中，永远会有这样那样的疑问，这段代码为什么要这么写？为什么要定义这个接口，它看起来好像很多余？由此也可以看出，这些学习的过程是环环相扣的，如果你任何一个阶段拉下来了，那么你就真的跟不上了，或者说是一步慢步步慢。总而言之，这个阶段，你需要做的是深入了解Java底层和Java类库（比如并发那本书就是Java并发包java.concurrent的内容），也就是JVM和JDK的相关内容。而且还要更深入的去了解你所使用的框架，方式比较推荐看源码或者看官方文档。
希望对您有所帮助！~

⑦ 前端程序员怎么自学

自学方法：

1、作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。

2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。

3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。

4、不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解web前端是干什么的，学什么的，就盲目的买书看，到处找视频看，最后看着看着就放弃了，所以我建议初学者在没有具体概念之前，还是找有经验的人请教一下，聊过之后你就会知道web前端具体是干什么的，该怎么学，这是我个人的小建议，可以不采纳。

自学路线：

第1阶段：前端页面重构(4周)

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

基础书籍：

1、《Head First HTML与CSS(第2版)》，入门真的是经典书籍，手把手教学，丰富的案例让你从 0 开始学前端。

2、《CSS权威指南(第三版)》，这本书作为 CSS 的经典着作，把原理讲得非常的通透，除了 w3c 标准，算最权威的一本了，毕竟权威指南。

3、《CSS揭秘》神书，47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了，css 进阶必备。

4、《javascript语言精粹》，这本书可以在入门之前了解一下基本语法，以及在学习之前可以了解下 JS 里面的精粹以及糟粕，虽然这本书很薄很薄，但是值得反复去读的一本书。

5、《JavaScript DOM编程艺术(第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践。

6、《JavaScript权威指南》：犀牛书是每个FE都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。

视频教程:

网页链接

⑧ Web前端工程师应该知道的经典代码

今天小编要跟大家分享的文章是关于Web前端工程师应该知道的经典代码。Web工程师作为一名程序员，每天坐在电脑前敲敲打打那些重复重复再重复的语句，习惯性的思维总是被套进去，有些时候很容易把简单的事情想复杂了!不过，我们反其道而行之，新手们只要是把下面的语句牢记，很多情况下都是会事半功倍的!下面就让我们一起来学习一些这些代码都是什么吧，希望能够对你有所帮助。

1.将彻底屏蔽鼠标右键，无右键菜单



也可以用于网页中Table框架中

no

2.取消选取、防止复制



3.不准粘贴



4.防止复制



5.IE地址栏前换成自己的图标



说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个小图标。然后在ACD
see将文件属性改为*.ico，然后将你做的*.ICO文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用的就是你自定义的图标了。


6.可以在收藏夹中显示出你的图标

说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。


7.关闭输入法

说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。


8.永远都会带着框架

说明：frames.htm为你的网页，这也是保护页面的一种方法


9.防止被人frame

10.网页将不能被另存为

说明：的用法很广，其中一条就是可以使JS广告失效。


11.查源文件
onclick=window.location='view-source:'+target=_blank>#/test.htm'>

12.COOKIE脚本记录，有很大的用处哦functionget_cookie(Name){

varsearch=Name+=

varreturnvalue=;

if(documents.cookie.length>0){

offset=documents.cookie.indexOf(search)

if(offset!=-1){//ifcookieexists

offset+=search.length

//setindexofbeginningofvalue

end=documents.cookie.indexOf(;,offset);

//setindexofendofcookievalue

if(end==-1)

end=documents.cookie.length;

returnvalue=unescape(documents.cookie.substring(offset,end))

}

}

returnreturnvalue;

}

functionloadpopup(){

if(get_cookie('popped')==''){

openpopup()

documents.cookie=popped=yes

}

}

说明：以上是JS代码，请自己加起始符和结束符


13.内框架