发布时间：2023-12-28 11:49:31
绪论：一篇引人入胜的计算机前端编程，需要建立在充分的资料搜集和文献研究之上。搜杂志网为您汇编了三篇范文，供您参考和学习。
前端技术是从网页制作演变而来的，它的主要职能就是把网站的界面更好地呈现给用户。前端开发技术包括4个部分：前端美工，浏览器兼容，CSS、HTML和JavaScript语言，以及jQuery和Html5的应用。
我校计算机专业现设有有关网站前端开发课程，分别是第一学期《Photoshop》（着重网页界面美工设计），第二学期开设的《网页布局》（采用div/css实现网页布局），还有第四学期的综合实训课《网站开发设计》，将所学美工设计和网页布局知识综合应用。所有这些课程均在pc端实现，无论是课程的数量还是课程的内容，都无法满足市场需要。
二、移动端技术发展现况、企业用人需要和课程改革的必要性
随着宽带无线接入技术和移动终端技术的飞速发展，手机的运用迅猛发展。工信部最新数据显示，截至2015年12月底，我国手机用户数达13.06亿户，手机用户普及率达95.5部/百人，显示目前我国以快速的步伐进入移动互联网时代。与此同时，企业需要大量移动端的前端开发人员。例如，在“智联招聘”网站的招聘岗位输入“前端开发”，工作地点选择“广州”，一共得出1578条搜索结果。
另一方面，从学校出来的学生如果在校期间没有学习相关技术知识，无法满足企业的要求。大势所趋，在手机蓬勃发展的今天，如何对前端技术课程进行改革，带领学生，让其技术从pc端走向移动端，是一线计算机专业教师必须面对的问题。
三、移动端开发与网站开发的比较
移动端开发主要是应用在手机网站制作，而移动端开发与网站开发的流程是一样，都是经过需求分析之后，建立网站架构，根据方案完成初稿设计出首页的尺寸和风格，再制定出界面设计图。通过对项目总体设计之后，划分模块进行实现。
无论是网站编程还是移动端编程，前端所需要的知识和理论基础是相同的。两者的区别是在现实中实现的媒介不同，一个是个人电脑，一个是手机。媒介大小、材质和触摸方式决定了界面设计和实现的方法不一样。web平台的规范是键盘+鼠标，移动设备平台的规范是键盘+手指（触摸和手势）。
四、前端开发的技术、能力要求和薪资水平
按照智联招聘（“http：///”）的招聘信息，通过归纳整理，可以得出当前企业对前端开发的技术和能力要求。
目前，前端开发工程师需求主要集中在一线大城市，北京、上海、深圳、广州等；这些一线城市的薪资水平是非常可观的，从“智联招聘”中统计得出，前端开发工程师月工资介乎4000～15000之间。
五、课程改革的实施
根据上述市场调查所得的技术和能力要求，笔者按照美工设计、前端开发基础（HTML、CSS、JavaScript）、jQuery和html5的应用这三方面对现任课程进行改革。
1.美工设计除了传统界面设计之外，增加手机界面设计
手机用户界面是用户与手机系统、应用交互的窗口，手机界面的设计必须基于手机设备的物理特性和系统应用的特性进行合理的设计。手机界面设计是个复杂的有不同学科参与的工程，其中最重要的两点的就是产品本身的UI设计和用户体验设计，只有将这两者完美融合才能打造出优秀的作品。手机界面设计着重于风格确定、图片设计和色彩调配。
（1）风格确定
根据界面的总体风格的策划思路，结合界面其他元素的需要，对手机界面的整体风格进行考虑，以保证图标和整体效果的融合。风格鲜明的设计是手机界面设计的重要工作。目前，无论是引领风尚的iphone，还是市场新宠小米手机，都推崇极简扁平化风格。
（2）图标设计
图标功能：在图形设计之前，图标非常重要，图标的功能是我们进行图标造型设计的标准和依托。图标一般先用illustrator进行绘制，然后photoshop做图标设计的后期效果处理。所有界面上同级、同类的图标要保证表现形式的统一，避免用户视觉上的紊乱。
（3）色彩调配
由于手机本身的限制，在色彩的还原程度上有一定限制，因此在选用色彩时要根据使用的屏幕进行调节，方法就是将设计好的效果图导入相应的手机中，用该手机自带的图片浏览软件进行全屏效果查看或者请求开发人员帮助。
2.以前端语言为入门，打好手机开发基础
前端开发最基本也是最必须的三个技能：HTML、CSS、JavaScript。HTML指的是超文本标记语言 （Hyper Text Markup Language），是用来建立网页架构的基本语言。级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的，可以使人更能有效地控制网页外观，而且还可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。HTML和div/css这两方面知识已包含在《网页布局》课程 ，自2014年开设至今，一直得到学生好评。
JavaScript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言遗留的速度问题，为客户提供更流畅的浏览效果。JavaScrip尚未设立课程，在这里笔者建议开设新课程，命名为《前端技术》，传授内容包括JavaScript的语句、对象、window以及js库。
3.增设JQuery、Html5和浏览器兼容知识
JQuery是一个Javascript库。它兼容CSS3，还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。在课程设置上，可以将jQuery合并到《前端技术》中，具体传授内容包括jQuery的语法、效果、jQuery html、jQuery ajax等等。
Html5是万维网的核心语言、标准通用标记语言的一个应用超文本标记语言（HTML）的第五次重大修改。Html5是下一代Web语言，它为下一代web提供了全新的框架和平台，包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能，并使这些应用标准化，从而使Web能够轻松实现类似桌面的应用体验。
浏览器兼容性问题指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。解决办法就是在开发过程中使用当前比较流行的JS，CSS框架，如jQuery，YUI等等，因为这些框架无论是底层的还是应用层的一般都已经做好了浏览器兼容，所以可以放心使用。除此之外，CSS提供了很多hack接口可供使用，hack既可以实现跨浏览器的兼容，也可以实现同一浏览器不同版本的兼容。
Html5和浏览器兼容知识可以包含在《网页布局》课程中，作为html的延伸来讲明。
两者合并为一门课程，名为《前端技术》，传授JavaScript的语句、对象、window以及js库；传授jQuery的语法、效果、jQuery html、jQuery ajax
每周8节
第三学期
1 引言
PLC是面向工矿企业的工控设备。它具有梯形图语言的图形符号与表达方式和继电器电路图相当接近，为不熟悉电子电路、不懂计算机原理和汇编语言的人从事工业控制打开了方便之门；使用PLC构成控制系统，和同等规模的继电接触器系统相比，电气接线及开关接点已减少到数百甚至数千分之一，故障也就大大降低；此外，PLC带有硬件故障自我检测功能，出现故障时可及时发出警报信息。
煤矿翻车机的作用是完成升井的矸石的翻车排放，翻车机是矿井生产系统的重要组成部分之一，翻车机系统运行是否正常运行，直接关系着矿井的正常生产。采用PLC编程控制器的翻车机系统是目前国内先进的翻车控制系统。采用PLC为做为控制系统具有使用维护简单、故障率低、性能稳定、智能逻辑闭锁、不发生误动作等优点。采用PLC编程控制器的翻车机自动控制系统是目前矿井矸石山翻车机自动化改造的首选。
2 工程概况
矿矸石山翻车机改造前的系统为：动力源是电机，经过减速机减速，减速机的输出端通过联轴器带动传动轴，传动轴上的轮与翻罐笼的滚圈通过摩擦带动翻车机运转。车辆通过架线机车运至指定位置，采用11.4KW绞车向翻罐笼牵引填车。
矿矸石山翻车机改造后的系统为：动力源为液压，通过液压马达带动传动轴运转，传动轴上的轮与翻罐笼的滚圈通过摩擦带动翻车机运转。。后部安装两部推车机：板链式推车机、钢丝绳式调车机，中部（调车机前端）增加安装阻车器一台。
3 三菱FX2N可编程控制器
低压控制系统主要三菱FX2N可编程控制器、可控变压器、中间继电器、交流接触器、开关电源等主要部件。该三菱FX2N可编程控制器接线，其内部编程梯形图有100多步实现电路核心控制，其他只需在图1的输入、输出端接线即可。其中：X表示输入、Y表示输出，FX2N-48MR可编程控制器输入、输出总点数为48，其中输入、输出点数各为24点。L、N是PLC外部所供电源的接线端子，为PLC提供运行的外部电源，适用电源AC110～240V，宽度比较大。严禁将AC电源直接接到输入和输出的接线端子上，否者会烧坏PLC控制器。+24V、COM是开关电源（AC/DC换流器整流出DC24V的安全电源）为PLC控制器内部供电，可用于扩展模块、外部传感器的电源供给。
4 工作原理
⑴手动、点动（输入点x0、x1）
手动是按运行编写的PLC梯形图扫描运行，各种程序有安全制约、相互闭锁，前面的不到位，后面的无法执行。例如：阻车器放（x24），操作正向推车（x2）就无效。
点动就是甩开PLC，运行设备，一般在检修、紧急状况下使用。在该状态下，翻车系统没有安全制约、相互闭锁。
⑵逻辑闭锁
下面用PLC梯形图简要介绍正向翻车。
通过第10步可以看出要想实现手动正向翻车必须满足：按下“手动”，不得按下“系统急停”，同时需要“阻车器关”，它们之间存在相互闭锁关系。
图2中字母含义：X内部输入继电器、Y内部输出继电器、M表示中间继电器、T表示时间继电器、C表示计数器等。梯形图中都有汉字的软元件注释，便于初学者理解。梯形图中使用的各个输入继电器、输出继电器、中间继电器等可以任意无限次使用，这是硬件接线所无法比拟的。
5 翻车机自动控制系统工作流程：
1.系统概述
PC机与单片机联合控制的LED点阵显示实验系统的组成框图如图1所示，包括上位机和下位机两部分。上位机即普通的PC机，下位机为一个基于单片机AT89S52控制的点阵LED字符显示系统。上位机与下位机间采用RS232串口通信，通过标准的RS232/485转换模块还可以实现对显示系统的远程控制。
中介传输是整个系统至关重要的部分，其信号传输的质量直接影响到图像的质量。因此传输设备选择尤为重要。本系统由三个部分组成：前端设备（视频采集）、传输设备（信号传输）、监控中心设备（控制主机）。
1.1 前端设备
系统的前端部分所指的是视频采集图像及输出图像到同轴电缆这一过程。前端部分摄像机必须具备有监视目标的照度、灵敏度、CCD本身的重量、寿命、体积等性能要求。除了满足以上要求外，还必须适合现场的条件，选择室内、室外、球型、枪式、固定或转动等种类。车道摄像机由于监视范围固定，监视范围也有限，宜采用了室外枪式固定摄像机，室外枪式固定摄像机由：彩色摄像机配定焦自动光圈镜头配室外防护罩组成。亭内和值班室摄像机。。该摄像机用于室内，由于监视范围较小且固定，宜采用固定摄像机，用于室内采用枪式摄像机不仅不利于监视，且影响环境美观。广场和道路监控摄像机采用同一种摄像机，因其监视范围较广，且没有固定的监视区域，必须具备自动聚焦变焦变倍全方位转动功能。
1.2传输设备
传输部分：所指的是前端部分到监控中心信号的传输过程。。
一般可分为：无线传输和有线传输。
无线传输主要适用于无法布线的区域，特点是传输信号弱，容易收到干扰、价格昂贵。
有线传输又分为：远距离传输和近距离传输。传输距离较远时，可采用光纤传输方式。
传输距离较近时，摄像图像可用同轴电缆传输视频基带信号这种视频传输方式。传输距离较远时，采用光缆传输，一般超过800时，就需采用光纤传输视频图像。800米以下时还可采用同轴电缆加视频放大器这种方式传输。
具有以下功能：
2.程序化管理
系统功能可通过软件编程实现，从而最大限度地利用系统硬件资源实施有效控制，给操作者带来方便和灵活性。多个键盘和多个多媒体系统可同时操作，但只有一个（即系统管理员）具有最高功能级别。。
3.网络功能
具有多级联网功能，这一功能使得小型切换器能够连接到一个大系统上，切换器可分布在一个大区域内，甚至遍布一个城市,使用网络功能,可大幅度减少电缆费用，使得各地区能够实现远距离控制。
4.广泛的集成控制
通过使其它外围设备和有关设备（如录像机,视频打印机等）在系统模拟键盘上进行操作,提供非常集中的操作,所有的设备控制可根据命令键或报警而激活。
5.所示信息的多样化
监视器信息、摄像头信息、系统状态信息、日期和时间都可以由用户选择其格式及在屏幕上的显示位置。
6.优越的辅助功能
6.1视频损耗监测:在不需附加设备,电缆和空间情况下,这一标准功能可在所有键盘和监视器上提供可视警告指示；
6.2 LCD键盘显示：在每一控制配置上,为操作者提供各种功能和系统错误指示,因此可避免混淆,提高效率；
6.3命令群(宏命令)：这一强功能使得用户利用设计的宏命令使各项功能自动化,宏命令可根据命令时间或作为一种告警条件的结果来设计使用,因此可节约时间,减少操作错误；
6.4 用户可编程结构： 该功能允许在非联机状态上通过便携式PC机进行各种改变,也可在经过培训的专业人员安装系统前进行测试,另外,灵活性随设备结构的需要而变化,每种结构均可根据命令得到；
6.5诊断程序：该功能提供管理和操作人员一整套的管理工具,可使他们在一台VGA监视器上监视所有系统功能,它可独立与其它正在使用系统的任何时间进入,另外有信息可存磁盘或打印输出,以供方便时查阅；
7.灵活的遥控功能：系统可以灵活、方便、可靠地遥控实现对路口摄像头全方位扫描、开关摄像头、调焦等一系列动作。
8.视频管理系统
设在窗体结构上的多媒体软件,可显示地图、图形和所有摄像机的标识，可开设视频窗口显示现场有关的活动画面,并能选看其中任一台摄像机的画面,从而更直观地看到影像所处的位置等;利用鼠标器便可选择摄像机画面,选择重播报警事件;随意改变图像尺寸和移动图像控制云台及镜头动作;可储存和打印视频图像，多个多媒体可同时操作，能按要求设置不同的优先级别。
9.开放的接口控制组件
提供开放的网络接口组件，便于纳入高一级的系统集成。
10.视频信号的数字化处理和网络传输
采用最先进的数字视频技术对模拟视频信号进行数字化处理和网络传输，实现电视监控系统的计算机网络化控制、传输及管理（即网络多媒体）。
11.结语
系统的所有功能完成和功能设置及功能实现都通过监控中心置来完成，因此监控中心的配置成为系统的关键，以往系统图像进矩阵主机处理后输出到监视器中，通过矩阵控制前端摄像机及切换摄像在监视器中的显示，矩阵无法做到分割显示，无法做到对图像的录像功能，若要同一监视器分割显示多路图像或对图像进行录像，需增加其它设备来完成这些功能。一般大型系统采用该种方式来实现。同时，由于本系统有多个收费站，考虑到实用性和经济性，因此采用联网的方式，即在多个收费站分别设置分控中心，通过光端机联网的方式将两个收费站图像传输到监控中心实现集中管理。二十一世纪，伴随着数字化网络化为代表的信息技术革命的滚滚浪潮，数字硬盘录像机运应而生，硬盘录像机结合画面分割器和长延时录像机共同特性，在录像及画面显示中都有新的突破。但硬盘录像机前端输入量局限性较大，目前市面上最大只能做到十六路输入，这样只能适合小型系统。系统结合模拟和数字的共同特点，发挥其各自的优势，并互补各自的缺陷。
【参考文献】
[1]蔡荣立,倪晋平.8031单片机在狭缝式高速摄影机中的应用[J].西安工业学院学报,2008,(02).
[2]成都,新力.PIC16F627/628红外线遥控接收多路输出控制电路[N].电子报,2003.
[2]南京净能电子.数字式逆变电源[N].电子报,2004.
[3]李江宁.基于虚拟仪器的单片机电路板智能故障诊断仪[D].四川大学,2001.
[4]胥洋央.PLD技术在计算机数字视频信号处理系统中的应用[D].武汉科技大学,2002.
