精华内容
下载资源
问答
  • 计算机专业毕业设计题目大全 一、ASP类计算机专业毕业设计题目 1.网络留言薄2.客户管理系统3.多媒体积件管理库的开发与应用4.基于WEB的多媒体素材管理库的开发与应用5.网络教学软件中的教学设计与应用6.小型教育...

    计算机专业毕业设计题目大全

    一、ASP类计算机专业毕业设计题目

    1.网络留言薄
    2.客户管理系统
    3.多媒体积件管理库的开发与应用
    4.基于WEB的多媒体素材管理库的开发与应用
    5.网络教学软件中的教学设计与应用
    6.小型教育网站的开发与建设
    7.基于图像的风景旅游模拟漫游系统
    8.网上报名系统
    9.电脑配件网络购物
    10.房产网站
    11.计算机组成原理网站
    12.软件下载系统网站
    13.图书管理系统
    14.网络办公系统
    15.电子书店管理系统
    16.中学学生学籍管理系统
    17.在线图书销售系统
    18.网上图书销售系统
    19.网上购物系统
    20.出租公司管理系统
    21.办公管理系统
    22.班级网站
    23.教学互动系统
    24.网上求职招聘系统
    25.鲜花销售管理系统
    26.小区物业管理系统
    27.学生社团管理系统
    28.在线邮件发送系统
    29.在线考试系统
    30.综合网站系统
    31.校园新闻管理系统
    32.在线订单管理系统
    33.聊天室管理系统
    34.教师档案管理系统
    35.信息网管理系统
    36.毕业论文管理系统
    37.车辆故障管理系统
    38.电子商务网站
    39.房产销售网站
    40.网上购物系统
    41.工资管理系统
    42.卷烟物价管理系统
    43.聊天室管理系统
    44.聊天室管理系统
    45.网络教学平台-教师子系统
    46.物流网站
    47.网上选排课系统
    48.病历管理系统
    49.学生成绩学分制管理系统
    50.药店管理系统
    51.小型酒店管理系统
    52.基于web的师资管理系统
    53.网上教务评教系统
    54.网络电话号码查询系统
    55.BLOG网站建设
    56.网上拍卖系统
    57.视频点播系统
    58.B2C购物网站设计
    59.煤炭销售系统
    60.旅行社网站系统
    61.教学进度管理系统
    62.建材网站系统
    63.手机商城网站
    64.珠宝购物网站的建设
    65.企业网站系统
    66.音乐网站系统
    67.电影网站系统
    68.毕业生学历证明系统
    69.网络相册管理系统
    70.物资管理系统
    71.选课及媒体教学系统
    72.网上书店
    73.学生日常行为评分管理系统
    74.网上手机购物系统
    75.校园办公系统
    76.在线考试系统
    77.电子商务网站设计
    78.个人网站建设及实现
    79.学籍管理系统
    80.毕业设计管理系统
    81.图书销售系统
    82.网页信息采集系统
    83.毕业设计管理系统
    84.个人网站的设计与实现
    85.库存管理系统
    86.信通系网站的设计与更新
    87.现代通信原理网站
    88.基于Matlab 的移动通信网站设计
    89.论坛系统
    90.高校评教教师工作量管理系统
    91.网上图书销售
    92.网上书店
    93.个人网站设计之654上网导航
    94.教师信息管理
    95.人才信息管理系统
    96.网络图书销售系统
    97.BBS论坛系统
    98.办公管理系统
    99.个人网站设计
    100.图书管理系统

    101.企业订单管理系统
    102.企业网站建设
    103.网上挂号系统
    104.文章发布系统
    105.家庭财务管理系统
    106.求职招聘网站
    107.网上书店
    108.网上购物系统
    109.在线考试系统
    110.人事管理系统
    111.网上教务评教系统
    112.在线学习网站
    113.企业信息平台建设
    114.教务管理系统
    115.动态网站建设
    116.在线图库网站
    117.医院管理系统
    118.网络硬盘管理系统
    119.教学在线网站
    120.手机销售网站
    121.校园相册管理系统
    122.在线医药销售网站
    123.网上书店
    124.库存管理系统
    125.人事管理系统
    126.玩具公司网站设计
    127.网上求职与招聘系统
    128.网上书店
    129.房产信息管理系统
    130.计算机散件报价系统
    131.电子商务网站设计(网上商品销售系统)
    132.供求信息网
    133.基于WEB的设备管理系统
    134.基于Web的网上物流系统
    135.网络考试系统
    136.人力资源管理系统
    137.基于WEB的购物系统
    138.汽车销售管理信息系统
    139.在线药店管理系统
    140.在线图书管理系统
    141.网上图书超市
    142.供房产信息网站
    143.精品课程网站
    144.课堂考勤管理系统
    145.企业网站建设
    146.企业信息网
    147.搜索引擎网站(网址站)系统
    148.班级网站
    149.网上鲜花店
    150.在线订餐系统
    151.校园二手拍卖网站
    152.个人博客Blog建设
    153.P二手车交易管理系统
    154.专用信箱系统的实现
    155.网络办公系统
    156.客房预订系统
    157.客户关系管理系统
    158.计算机组成原理精品课程网站
    159.理发管理系统
    160.在线视频播放网站
    161.mp3销售网站
    162.中学网站建设
    163.企业网络办公系统
    164.人事档案管理系统
    165.在线音乐播放器
    166.在线投票系统
    167.图书管理系统
    168.企业员工信息管理系统
    169.药店销售管理系统
    170.图书管理系统
    171.网上军事论坛
    172.职称考试模拟系统
    173.在线考试系统
    174.局域网文件共享及检索系统
    175.网络房产信息超市
    176.音像销售系统的设计与实现
    177.文学网站的设计与实现
    178.网络文件管理系统
    179.搜索引擎的设计与实现
    180.论坛系统
    181.工资管理系统
    182.玩具网站
    183.图书销售管理系统
    184.基于asp的搜索引擎
    185.基于WEB的房屋出租管理系
    186.基于BS的家教交流平台
    187.交易管理系统
    188.简易网络存储系统
    189.场地预约系统的设计与实现
    190.玩友交流网站
    191.网上交易平台网站
    192.网络考试系统
    193.医院信息管理系统
    194.基于ASP网站的安全性研究与实现
    195.民航售票管理系统
    196.学生在线选课系统
    197.高校工资管理系统
    198.基于BS结构的旅游网站
    199.精品课程网站
    200.基于BS结构的房屋租售管理系统

    201.库存管理系统
    202.网上订餐系统
    203.小区物业管理系统
    204.学生交流论坛
    205.社区管理系统
    206.基于BS结构的工艺品销售系统
    207.求职与招聘系统
    208.数字图书馆的设计与实现
    209.商场管理系统
    210.学生管理系统
    211.工艺品展示系统
    212.网上考试系统
    213.网上教学系统
    214.旅游网站
    215.旅游信息系统
    216.基于ASP的反垃圾邮件管理系统的设计
    217.个人日志系统的设计与实现
    218.BBS系统开发与帐户安全
    219.病历管理系统
    220.校园论坛的设计与实现
    221.销售供应链管理系统
    222.家电销售管理系统
    223.客户关系管理系统
    224.库存管理系统
    225.二手交易系统的设计与实现
    226.档案管理系统
    227.音乐网站的设计与实现
    228.企业网上订单系统
    229.人事工资管理系统
    230.人事管理系统
    231.学生信息管理系统
    232.在线考试系统
    233.网上书店的设计与实现
    234.进销存管理系统
    235.影碟管理系统
    236.人才交流网站(求职招聘)
    237.笔记本销售网站
    238.网上教务系统
    239.毕业论文管理系统
    240.二手交易系统
    241.网上投票系统
    242.设备管理系统
    243.企业公告及资料发布系统
    244.企业员工管理系统
    245.课程教学网站
    246.二手商品交易管理系统
    247.物流网站
    248.在线手机销售系统
    249.旅游网站
    250.在线花店
    251.博客网站
    252.同学录
    253.文章发布系统
    254.校园新闻发布管理系统
    255.在线花店
    256.网上花店
    257.在线教育系统
    258.在线人才网(招聘网)
    259.学生管理系统
    260.期刊稿件处理系统
    261.网络聊天室
    262.个人网站的设计与实现
    263.音乐网站
    264.网络留言本
    265.网上图书销售系统
    266.实验室设备管理系统
    267.办公自动化系统
    268.酒店预定管理系统
    269.学生成绩查询系统
    270.视频点播系统
    271.团员管理系统
    272.网上作业提交系统
    273.企业网站建设
    274.网上报名系统
    275.车辆调度管理系统
    276.动态网站设计与制作
    277.个人网上日记本
    278.车辆管理系统
    279.校园物品交易系统
    280.人力资源管理系统
    281.在线C语言教学系统
    282.交友网站
    283.图书管理系统
    284.旅游资源及线路管理系统
    285.软件信息发布系统
    286.学校学生论坛的设计与实现
    287.办公管理系统
    288.毕业设计选题管理系统
    289.电子商务网站的设计与实现
    290.电子政务档案管理系统
    291.服装销售系统
    292.奥运专题网站
    293.基于WEB的办公管理系统
    294.家教信息管理系统
    295.教师档案管理系统
    296.教师信息管理系统
    297.教学互动系统
    298.酒店房间预约系统
    299.客户关系管理系统
    300.企业进销存管理系统

    301.企业物流管理系统
    302.求职招聘网站
    303.人才招聘网站
    304.人力资源管理系统
    305.上网导航网站
    306.同学录设计与实现
    307.在线投票系统
    308.图书管理系统的设计与实现
    309.网络办公系统
    310.网络购物系统
    311.网络硬盘资源管理系统
    312.网上书店
    313.网上考试系统
    314.聊天室设计与开发
    315.网上人才管理系统
    316.网上售房管理系统
    317.网上贴吧系统
    318.网上选课系统
    319.物流网站的设计与实现
    320.物资管理系统
    321.校友录
    322.新闻管理系统
    323.新闻发布系统
    324.信息查询系统
    325.学生信息管理系统
    326.药店管理系统
    327.医药连锁店管理系统
    328.影片租赁系统
    329.网上书店
    330.学生信息管理系统
    331.在线考试系统
    332.鲜花销售系统
    333.在线教育系统
    334.作业提交与批改系统
    335.教师信息管理系统
    336.Flash制作《七里香》动画MTV
    337.FLASH制作歌曲<下雨天>动画MTV
    338.信息学院网上办公系统
    339.网上答疑系统的设计与开发 
    340.基于WEB的新生报到系统管理的设计与实现
    341.基于web的财务管理系统
    342.动态个人博客设计
    343.毕业生信息管理系统
    344.编译原理在线答疑系统设计与实现
    345.编译原理在线考试系统
    346.个人财务管理
    347.机房上机安排管理系统
    348.基于ASP技术的人才招聘信息系统
    349.基于WEB的产品管理系统
    350.基于WEB的网上购物系统
    351.期刊学报网络投稿系统
    352.企业网上办公自动化系统的设计与实现
    353.汽车在线销售系统
    354.手机网上购物平台的设计与实现
    355.数据库精品课程系统
    356.通用网站生成系统
    357.企业办公自动化系统
    358.网上招标系统
    359.校园网站设计
    360.基于ASP的学生考试系统
    361.基于BS考试系统的实现
    362.网络版客户管理系统
    363.计算机等级考试系统设计与实现
    364.网上图书查询与销售系统
    365.心缘同学录的设计与实现
    366.学院电子政务系统
    367.在线点播系统
    368.高校文学系统的设计与开发
    369.综合教务系统信息发布子系统
    370.中小型企业商务网站的设计和实现
    371.在线考试系统的设计与研发
    372.心理健康网的规划与设计
    373.网上书店系统的设计与实现
    374.网上教学平台的设计与实现
    375.在线花卉销售系统
    376.在线鲜花销售系统
    377.论坛程序的设计与实现
    378.期刊系统的设计与实现
    379.基于Web的在线考试系统
    380.基于WEB的学生成绩管理系统
    381.基于WEB的新生报到系统管理的设计与实现
    382.在线教育系统的设计与实现
    383.基于XML技术的调查投票系统的设计与实现
    384.基于B/S模式的网络教学系统
    385.宠物医院管理信息系统
    386.学生心理健康网的规划与设计
    387.网络自主学习监控技术研究
    388.基于ASP的计算机组成原理考试系统
    389.企业及其分支机构内部办公管理系统
    390.毕业生就业信息管理系统
    391.编译原理在线考试系统的设计与实现
    392.基于ASP的人才招聘系统
    393.基于LAN的视频教学系统

    ASP.NET类计算机专业毕业设计题目

    1.城市公交查询系统
    2.电子邮件客户端软件(C#)
    3.图书管理系统(C#)
    4.网上书店系统
    5.图的遍历动态演示程序(C#)
    6.网上选课系统
    7.职工信息管理系统
    8.题库专家系统
    9.视频点播系统
    10.校园新闻发布管理系统
    11.客户管理系统
    12.车间管理系统
    13.停车管理系统
    14.毕业设计管理系统
    15.教师评定管理系统
    16.基于PowerDesigner的合同管理系统
    17.校园新闻发布系统
    18.知识库管理系统
    19.网上数码商店
    20.网上宠物店
    21.库存管理系统
    22.电子商务网站
    23.JAVA语言考试系统的设计与实现
    24.课程教学网站
    25.留言板(版)管理系统
    26.学生选课系统
    27.应用ASP.NET开发和制作网络课程
    28.书店图书管理系统
    29.火车站管理系统
    30.基于B/S结构的车辆管理系统
    31.基于WEB的新闻管理系统
    32.基于Web的网络论坛系统
    33.旅游网站(信息平台)研究与实现
    34.学生管理系统
    35.学生选课系统
    36.同学录校友录
    37.在线答疑系统
    38.图书馆管理系统
    39.作业批改系统
    40.房产管理系统
    41.选课系统
    42.校友录
    43.购物网站的设计与实现
    44.城市公交查询系统的设计与实现
    45.网上书店
    46.网上书店的设计与实现
    47.在线考试系统
    48.基于Web的招投标系统
    49.网上购物系统
    50.网上物流管理系统

    51.网络办公系统(公文管理系统)
    52.网络考试系统
    53.在线作业系统
    54.新闻管理系统
    55.企业办公系统的设计与实现
    56.员工绩效管理系统
    57.企业信息管理系统
    58.交通线路查询系统
    59.实验室预约系统
    60.视频点播系统
    61.网络相册的设计与实现
    62.图书销售管理系统
    63.学籍管理系统
    64.基于Web的电力管理系统
    65.网上模拟考试系统的设计与实现
    66.在线考试
    67.网上花店
    68.网上商品销售系统
    69.设备管理系统
    70.企业财务管理系统
    71.学生管理系统
    72.客户关系管理系统
    73.师资管理系统
    74.高校成绩管理系统的设计与实现
    75.网上考试系统
    76.在线考试系统论文
    77.网上考试系统
    78.网上书店
    79.车辆租赁系统
    80.基于Web的办公自动化系统
    81.企业公文管理系统
    82.网上自测试系统
    83.资讯网设计与实现
    84.公司管理系统
    85.监控网站
    86.网上论坛
    87.网上商店生成系统
    88.网上选课系统
    89.中学图书馆系统的设计与实现
    90.手机前台营业系统
    91.图书管理系统
    92.土地整理项目库建设
    93.在线调问卷系统
    94.邮件收发管理系统
    95.基于P2P网络模型的即时通讯软件的研制
    96.网络个人多媒体空间的设计(博客)
    97.基于web的师资管理系统
    98.基于.net平台的成绩管理系统设计与实现
    99.工作流引擎子系统
    100.订单管理系统

    第101-150个题目
     

    101.媒体播放器
    102.作业提交系统
    103.企业人事管理系统
    104.基于ASP.NET的班级风采网站的设计
    105.网上图书预约系统的设计
    106.小型门户网自助建站系统
    107.在线毕业论文提交系统
    108.C语言教学网站及网上考试系统的设计与实现
    109.基于ASP.NET简易博客网站的设计与实现
    110.多语种网络硬盘系统的设计
    111.基于.NET的工资绩效管理系统的开发
    112.基于ASP.NET的电子产品销售网站的设计与实现
    113.网上人才招聘系统
    114.基于Web的文档管理系统的设计与实现
    115.汽车销售管理系统的设计与开发
    116.基于Ajax+Lucene构建搜索引擎的设计与实现
    117.教师电子化信息库的设计与实现
    118.小型企业办公耗材库存管理软件的设计与实现
    119.基于.NET的酒店预订信息管理系统的设计
    120.基于web的订餐系统的设计与实现
    121.门诊就诊系统的设计与实现
    122.二手交易市场
    123.高校网上教材征订系统的设计与实现
    124.家庭理财系统的设计与实现
    125.基于ASP.NET在线点歌系统

    Delphi类计算机专业毕业设计题目

    1.学生宿舍管理系统
    2.仓库管理系统
    3.超市销售管理系统
    4.工资管理系统
    5.供应商管理系统
    6.会员卡管理系统
    7.计量管理系统
    8.进销存财务管理系统
    9.进销存管理系统
    10.人才管理系统
    11.图书管理系统
    12.图书销售系统
    13.学生管理系统
    14.试卷自动生成系统
    15.仪器管理系统
    16.公司综合管理系统
    17.社区物业管理系统
    18.教务管理系统
    19.智能卡网吧管理系统
    20.球员管理系统
    21.客户管理系统
    22.车辆管理系统
    23.聊天室系统
    24.学生公寓管理系统
    25.类似QQ的通讯工具
    26.学生成绩信息管理系统
    27.酒店人事信息管理系统
    28.商场销售管理系统
    29.光盘租赁管理系统
    30.图书管理系统
    31.货运配送物流管理系统
    32.车队调度管理系统
    33.PE文件格式研究及PEDUMP的实现
    34.成绩管理系统
    35.题库与自动制卷系统
    36.教学信息管理系统
    37.球员能力记分系统
    38.远程邮件预览系统
    39.图书仓库管理系统
    40.工资管理系统
    41.人事工资管理系统
    42.学生管理系统
    43.房屋装潢公司预算系统
    44.房屋装潢公司预算系统
    45.学校教学管理系统
    46.银行学生助学贷款管理系统
    47.煤气站管理系统
    48.图书管理系统
    49.教学信息管理系统
    50.汽车零件销售管理系统

    51.超市管理系统
    52.工资管理系统
    53.设备保养管理系统
    54.图片浏览系统的设计与实现
    55.网络考试系统
    56.办公管理系统
    57.办公管理系统
    58.布匹出口管理系统
    59.工资管理管理系统
    60.工资管理系统
    61.货运管理系统
    62.教务信息管理系统
    63.教学信息管理系统
    64.实验室设备仪器管理系统
    65.试卷管理系统
    66.水费电费管理系统
    67.网吧管理系统
    68.医嘱管理系统
    69.会员管理系统
    70.图书管理系统
    71.在线考试系统
    72.网吧管理系统

     

    JAVA类计算机专业毕业设计题目

    1.学籍管理系统
    2.Java远程通信及应用的研究
    3.JAVA游戏
    4.俄罗斯方块游戏
    5.JAVA多线程教学演示系统
    6.IPv4网络协议问题分析
    7.校园网规划与设计
    8.校园网络规划设计
    9.办公局域网设计
    10.智能小区规划
    11.搜索引擎的研究与实现
    12.基于Java的电子邮件接收系统
    13.人事管理系统
    14.题库管理系统
    15.银行帐目管理系统
    16.FTP客户端的设计与实现
    17.办公自动化系统
    18.JAVA游戏引擎开发与实践
    19.宾馆客房管理系统
    20.房地产信息管理系统
    21.光盘管理系统
    22.猜数字游戏
    23.泡泡堂网络游戏
    24.开发FTP系统的设计
    25.局域网监听软件
    26.基于纠错码的冗余技术
    27.掌上网络商店
    28.机主留言系统
    29.基于Http协议的断点续传
    30.WML信息查询设计
    31.题库及试卷管理

    JSP类计算机专业毕业设计题目

    1.网上书店
    2.网上考试
    3.手机销售系统
    4.基于JSP技术的网络陶瓷城
    5.智能道路交通信息管理系统
    6.B2C的电子商务系统(J2EE)
    7.网络远程作业处理系统
    8.设备管理系统
    9.网上购物系统设计
    10.网上拍卖平台系统
    11.手机游戏(J2EE)
    12.网上商店系统
    13.电子报销系统(J2EE)
    14.公文管理系统
    15.B2C电子商务平台
    16.企业资产管理系统
    17.会议管理系统
    18.教务管理系统
    19.电子商务网站
    20.网络办公系统
    21.毕业论文管理系统
    22.网上购物系统
    23.工资管理系统
    24.网站流量统计系统
    25.项目管理系统
    26.手机销售管理系统
    27.房屋交易管理系统
    28.进销存管理系统
    29.房管局房屋交易管理系统
    30.新闻发布系统
    31.汽车销售网站
    32.物业管理系统
    33.邮件过滤系统
    34.音乐网站
    35.网上人才招聘系统
    36.网上订餐系统
    37.考勤管理系统
    38.酒店管理系系统
    39.小区物业管理系统
    40.超市进销存管理系统
    41.网上售票系统
    42.在线考试系统
    43.在线借阅图书系统
    44.婚纱影楼管理系统
    45.网上视频点播系统
    46.银行账目管理系统
    47.销售管理系统
    48.基于CTOC的网上拍卖管理系统
    49.物资管理系统
    50.生产资料管理系统

    51.火车站订票系统
    52.网上书店售书系统
    53.出租车管理
    54.网络购物/网上商城
    55.游戏机销售系统
    56.动漫网站
    57.移动硬盘销售系统
    58.基于WEB的考务管理系统的设计与实现
    59.网上自测试系统
    60.图书管理系统的设计
    61.在线考试系统
    62.在线网络购物
    63.J2EE框架的师生互助平台的设计与实现
    64.快运快递网站
    65.基于JSP教学实验管理系统
    66.小区物业管理系统
    67.校园门户网
    68.图书管理系统
    69.销售管理系统
    70.药品进销存管理系统
    71.小区物业管理
    72.公司员工个人信息网络管理系统
    73.公文收发管理系统
    74.高校毕业设计管理系统
    75.钢材管理系统
    76.在线论坛的设计与实现
    77.个人通信簿管理系统的设计与开发
    78.在线论坛
    79.网上书店
    80.物流管理系统
    81.办公自动化系统
    82.基于JSP的邮件收发系统
    83.大学生求职通用个人网站
    84.房屋出租出售网站
    85.基于BS模式的服装进销存管理系统
    86.基于Web的可维护的数据库浏览器
    87.基于电子商务的网上购物
    88.教师办公管理系统
    89.教师档案管理系统
    90.旅游信息系统
    91.师生交流平台作业管理子系统设计与实现
    92.网上购书系统
    93.销售管理系统
    94.基于JSP的小型课程信息管理系统
    95.校园二手市场交易平台
    96.新闻发布系统
    97.学生课程与成绩管理系统
    98.学生网上选课系统
    99.基于JSP的学生信息管理系统
    100.基于JSP的学生学籍管理系统

    101.药店管理系统
    102.SERVLET技术实现数据库查询
    103.办公自动化之公文运转系统
    104.机房自由上机收费管理软件的设计与实现
    105.基于E-school虚拟学校平台
    106.基于JSP的物流管理平台开发
    107.基于Web的会务管理系统的设计与实现
    108.基于WEB的纳税查询管理系统的设计与实现
    109.客户管理系统
    110.人力资源管理系统
    111.物流信息网
    112.B/S结构下的OA流程可视化的研究与实现
    113.JAVA泡泡堂网络游戏
    114.CD销售管理系统
    115.JSP房产中介系统
    116.企业人事管理系统
    117.房屋租赁管理信息系统
    118.企业电子投票系统
    119.Iptables图形管理工具
    120.音像店租赁管理系统
    121.JAVA文件压缩与解压缩实践
    122.Java3D的网络三维技术的设计与实现

    PHP类计算机专业毕业设计题目
    1.图书库存管理系统
    2.学生管理系统
    3.有线电视用户管理系统
    4.宾馆客房管理系统
    5.财务管理系统
    6.房产销售管理系统
    7.进销存管理系统
    8.培训管理系统
    9.人事管理系统
    10.人事管理系统
    11.图书管理系统
    12.图书管理系统
    13.图书管理系统
    14.老年医疗保健管理系统
    15.学生信息管理系统
    16.超市管理系统
    17.图书管理系统
    18.电子词典设计与开发
    19.自动组卷系统

    PHP类计算机专业毕业设计题目

    1.课程管理系统论文
    2.高校教材管理系统论文
    3.成绩查询系统论文
    4.网上购物系统论文
    5.在线作业系统论文

    VB类计算机专业毕业设计题目
    第1-100个题目
    1.医院住院管理系统
    2.人事管理系统
    3.停车场管理系统
    4.教师管理系统
    5.学生信息管理系统
    6.学籍管理系统
    7.工资管理系统
    8.医院门诊管理系统
    9.员工请假管理系统
    10.电脑公司进销存
    11.学生宿舍管理系统
    12.图书采购管理系统
    13.企业进销存管理系统
    14.商品销售管理系统(进销存)
    15.车辆管理系统
    16.房地产销售(售楼)管理系统
    17.小区物业管理系统
    18.书店图书管理系统
    19.珠宝首饰进销存管理系统
    20.学生信息管理系统
    21.图书管理系统
    22.学校信息管理系统
    23.人事工资管理系统
    24.电子教务管理系统
    25.智能试卷生成系统
    26.多媒体教学演示系统
    27.仓库管理管理系统
    28.商场财务管理系统
    29.教师管理系统
    30.学生信息管理
    31.图书管理系统
    32.人事管理系统[人力资源管理]
    33.铁路交通查询
    34.学校信息管理系统
    35.企业人事管理系统
    36.图书管理系统
    37.学籍管理系统
    38.交通事故档案管理系统
    39.车辆查询系统
    40.航空公司管理系统
    41.物业租赁管理系统
    42.宾馆客房管理系统
    43.教师管理系统(2)
    44.人事管理系统(3)
    45.人事管理系统(4)
    46.学生成绩管理系统
    47.人才档案管理系统
    48.图书借阅管理系统
    49.排课系统
    50.图书馆管理系统
    51.学生档案管理系统
    52.客运售票系统
    53.汽车修配管理系统
    54.洗衣店管理系统
    55.电气设备管理系统
    56.橡胶管理系统
    57.火车订票系统
    58.家庭管家系统
    59.车辆调度管理系统
    60.工伤事故管理系统
    61.城市交通查询系统
    62.电动车配件管理系统
    63.人才管理系统
    64.公用房信息系统
    65.水费管理系统
    66.设备管理系统
    67.多媒体播放器
    68.户籍管理系统
    69.超市管理系统
    70.商场管理系统
    71.中小型饭店餐饮管理系统
    72.固定资产管理系统
    73.学籍管理系统
    74.流动资金贷款业务管理系统
    75.失业保险管理系统
    76.学生宿舍管理系统
    77.旅游资源及线路管理系统
    78.图书查询系统
    79.仪器设备管理系统
    80.汽车租凭管理系统
    81.Excel文档属性提取与自动阅卷系统研究
    82.高校学籍管理系统
    83.流动资金贷款业务系统
    84.超市管理系统
    85.家庭财务管理系统
    86.考试管理系统
    87.通用成绩查询系统
    88.通用成绩查询系统
    89.智能公交查询系统
    90.人力资源管理系统
    91.仓库管理系统
    92.收支管理系统
    93.图像管理系统
    94.客房管理系统
    95.人事管理系统
    96.商品销售管理系统
    97.图书馆查询管理系统
    98.学生信息管理系统
    99.工资管理系统
    100.人事管理系统

    第101-200个题目
     

    101.小区电费管理系统
    102.商场商品管理系统
    103.进销存管理系统
    104.车辆管理系统
    105.影碟租借管理系统
    106.多媒体播放器
    107.电脑商城销售管理系统
    108.家庭理财管理系统
    109.网络俄罗斯方块
    110.物资流通管理系统
    111.图书馆管理系统
    112.交通(铁路)查询系统系统
    113.火车售票管理系统
    114.办公管理系统
    115.进销存管理系统
    116.物流管理系统
    117.企业营销管理系统
    118.客户管理系统
    119.工资管理系统
    120.图书管理系统
    121.小区物业管理系统
    122.小区物业管理系统
    123.工资管理系统
    124.学生成绩管理系统
    125.酒店客房管理系统
    126.交换机管理系统
    127.车辆调度管理系统
    128.酒店仓库管理系统
    129.企业销售管理系统
    130.汽车美容管理系统
    131.公司信息管理系统
    132.学生成绩管理
    133.实验室设备管理系统
    134.停车场管理系统
    135.物资管理系统
    136.学生综合评价系统
    137.超市管理系统
    138.企业仓库管理系统
    139.飞机售票系统
    140.客房信息管理系统
    141.学生成绩查询系统
    142.宾馆客房管理系统
    143.物流管理系统
    144.超市管理系统
    145.城市公交查询系统
    146.公司事务管理系统
    147.企业ERP管理系统
    148.客户管理系统
    149.文件加解密系统
    150.物业管理系统
    151.抽奖系统
    152.学生档案管理系统
    153.高校排课管理系统
    154.人事管理系统
    155.图书管理系统
    156.企业实力评估系统
    157.教材管理系统
    158.进销存管理系统
    159.小型超市管理系统
    160.员工培训管理系统
    161.学生社团管理系统
    162.VCD租借管理系统
    163.兼职中介管理系统
    164.工资管理系统
    165.退税管理系统
    166.期刊信息管理系统
    167.合同管理系统
    168.报警系统
    169.交互式cad系统
    170.音像管理系统
    171.自动排课系统
    172.户籍管理系统
    173.销售管理系统
    174.自动点歌系统
    175.宿舍管理系统
    176.贸易公司信息管理系统
    177.企业人事工资管理系统
    178.企业人事管理系统
    179.俄罗斯方块游戏
    180.员工管理系统
    181.设备管理系统
    182.题库管理系统
    183.高校题库管理系统
    184.班级管理系统
    185.企业工资管理系统
    186.仓库管理系统
    187.高速公路票据管理系统
    188.通讯录管理系统
    189.超市进销存管理系统
    190.评语管理系统
    191.题库自动组卷系统
    192.自动出卷系统
    193.药品管理系统
    194.电表管理系统
    195.教师管理系统
    196.文档管理系统
    197.库存管理系统
    198.工资管理系统
    199.工资管理系统
    200.地籍管理系统

    第201-300个题目
     

    201.图书管理系统
    202.图书管理系统
    203.库存管理系统
    204.公交查询系统
    205.人事管理系统
    206.IC卡管理系统
    207.考勤管理系统
    208.家庭财务管理系统
    209.基于VB和XML的个人资料编辑器的实现
    210.长途汽车信息管理系统
    211.系统辅助管理程序的设计与实现
    212.Excel条件格式化工具的设计与实现
    213.模拟ATM机系统软件的设计与开发
    214.一个编译原理语法分析器的设计与实现
    215.WORD文档分类管理插件的设计与实现
    216.学生注册管理系统
    217.扫雷游戏的设计与开发
    218.科研项目管理系统论文
    219.物流配送信息系统论文
    220.营养信息管理系统论文
    221.百货公司业务管理系统论文
    222.房地产销售管理信息系统论文
    223.通讯录管理系统论文
    224.图书租借管理系统论文
    225.物资管理系统论文
    226.期刊信息管理系统论文
    227.企业生产管理系统
    228.WORD题库插件
    229.采购系统
    230.会员管理系统
    231.病历管理系统
    232.库存管理系统
    233.病历管理系统
    234.公费医疗管理系统
    235.设备管理系统
    236.光盘管理系统
    237.仓库管理系统
    238.汽车销售系统
    239.药品供销存系统
    240.通讯录管理系统
    241.简单小游戏设计
    242.教材管理系统
    243.打字练习系统
    244.网络计时管理系统
    245.旅游资源及线路管理系统
    246.绩效评价系统
    247.保险单管理系统
    248.车间调度系统
    249.酒店管理系统
    250.自动组卷系统
    251.CTI电话语音应答系统
    252.商场管理系统
    253.烟花爆竹经销管理
    254.城市公交查询系统
    255.进销存管理系统
    256.医疗纠纷检索系统
    257.连锁店管理系统
    258.点对点聊天文件传输系统
    259.服装专卖店管理系统
    260.毕业论文管理系统
    261.学生交费管理系统
    262.电脑租赁系统
    263.学校田径运动会管理系统
    264.医院血库管理系统
    265.停车场管理系统
    266.学校工资管理系统
    267.银行代扣代发工资系统
    268.运输公司信息管理系统
    269.IC卡管理系统
    270.建材销售管理系统
    271.社会福利保障系统
    272.招生管理系统
    273.学校用电收费管理系统
    274.设备信息管理系统
    275.人口管理系统
    276.科研项目管理系统
    277.超市管理系统
    278.住院信息管理系统
    279.药品公司进销存管理系统
    280.学生成绩管理系统
    281.物流管理系统
    282.网吧计费系统
    283.考试分析评价系统
    284.固定资产管理系统
    285.干部档案管理系统B
    286.机房学生上机管理系统
    287.计算机维修管理系统
    288.车辆管理系统
    289.个人邮件处理系统
    290.身份证管理系统
    291.餐饮管理系统
    292.医院门诊管理系统
    293.图书借阅管理系统
    294.书店管理系统
    295.期刊信息管理系统
    296.酒店客房管理
    297.计算机等级考试管理系统
    298.光盘信息管理系统
    299.小区物业管理系统
    300.无纸化考试系统
    301.售楼管理系统
    302.销售管理系统
    303.防火墙的设计与实现
    304.简单远程控制系统被控端实践
    305.简单远程控制系统主控端实践
    306.文档分类管理插件的设计与实现

    VB.NET类计算机专业毕业设计题目

    1.酒店管理系统
    2.小区物业管理系统
    3.电子邮件客户端系统
    4.宾馆管理系统
    5.电子邮件服务器
    6.学生旧货信息系统
    7.旅游业务管理系统
    8.人力资源管理系统
    9.学生旧货信息系统
    10.酒店餐饮管理系统
    11.车辆档案管理系统
    12.订单管理系统
    13.媒体播放器
    14.门诊就诊系统的设计与实现
    15.家庭理财系统的设计与实现

    VC类计算机专业毕业设计题目
    第1-50个题目
     

    1.宾馆管理系统
    2.仓库管理系统
    3.酒店餐饮管理系统
    4.网络电话设计
    5.学籍管理系统
    6.Xray动态图像采集系统
    7.人脸识别技术
    8.人脸识别技术
    9.人事管理系统
    10.TCP协议分析器的设计与实现
    11.ERP采购系统
    12.接头绘制图形系统的设计和实现
    13.SNMP简单网络管理协议的研究与应用
    14.MPEG-4视频编码的DSP软件优化及加密算法研究
    15.网络游戏-贸易时代
    16.文本数据分析与信息检索
    17.基于数据包捕获与分析的个人防火墙
    18.吃豆子游戏
    19.MD5算法--整合应用程序的构建
    20.可视化图象处理系统的设计与实现
    21.加减乘除计算器
    22.遗传神经网络在股票价格预测中的应用
    23.个人防火墙技术与实现
    24.五子棋游戏
    25.聊天室系统
    26.五子棋游戏
    27.客户管理系统
    28.酒店管理系统
    29.针式打印机命令处理仿真软件的设计与实现
    30.基于IP的视频监控系统—存储和回放模块QT
    31.基于IP协议的视频监控系统QT
    32.基于SGIP协议的短消息网关模拟器设计
    33.基于CS结构的局域网通信系统
    34.网络嗅探器设计
    35.医学图象处理系统
    36.工资管理系统
    37.考试质量分析系统
    38.基于Windows Socket技术的语音传输系统的研究
    39.网络即时通信的原理和实现
    40.移动通信中的密钥管理
    41.全国天气信息管理系统
    42.24点游戏的开发和实现
    43.指纹识别系统
    44.Windows进程管理工具设计与实现
    45.数字图像处理和模式识别在交通检测中的应用
    46.基于VC的多媒体播放器设计
    47.图书管理系统论文
    48.学生成绩信息管理系统
    49.网络攻击与防御(扫描程序设计) 
    50.企业人事管理系统

    第51-100个题目
     

    51.考勤信息管理系统
    52.酒店餐饮管理系统
    53.汇编器设计与实现 
    54.基于MapInfo的城市GIS系统
    55.机房监控系统 
    56.员工培训管理系统 
    57.学生信息管理系统设计
    58.图书管理系统
    59.四国军棋系统
    60.职工工资管理系统

    VF类计算机专业毕业设计题目
     

    第1-50个题目
    1.资料信息管理系统
    2.中学成绩管理系统
    3.仓库管理系统
    4.办公用品管理系统
    5.超市管理系统
    6.家政服务管理系统
    7.客户管理系统
    8.人力资源管理系统
    9.人事管理系统
    10.手机销售管理系统
    11.同学录管理系统
    12.图书管理系统
    13.音像租赁管理系统
    14.学籍管理系统
    15.员工培训管理系统
    16.药品销售系统
    17.职员信息管理系统
    18.商厦人员管理系统
    19.学生档案管理系统
    20.学生综合素质管理系统
    21.教学质量监控系统
    22.餐饮管理系统
    23.教务管理系统
    24.合同管理系统
    25.名片管理系统
    26.商品销售管理系统
    27.学生管理系统
    28.考勤管理系统
    29.企业订单管理系统
    30.学生学籍管理系统
    31.教学管理系统
    32.超市管理系统
    33.固定资产管理系统
    34.工资管理系统
    35.图书管理系统
    36.学生信息管理系统
    37.图书管理系统
    38.工资管理系统
    39.库存管理系统
    40.职员信息管理系统
    41.人事管理系统
    42.党员管理系统
    43.考勤管理系统
    44.汽车销售系统
    45.人力资源管理系统
    46.学生综合素质管理系统
    47.小说租阅管理系统
    48.航空售票管理系统
    49.商业汇票/支票管理系统
    50.成绩计算分析系统

    第51-100个题目
     

    51.病房管理系统
    52.工程预算系统
    53.宾馆客房管理系统
    54.电话资费系统

    计算机专业毕业设计题目大全

    一、ASP类计算机专业毕业设计题目

    1.网络留言薄
    2.客户管理系统
    3.多媒体积件管理库的开发与应用
    4.基于WEB的多媒体素材管理库的开发与应用
    5.网络教学软件中的教学设计与应用
    6.小型教育网站的开发与建设
    7.基于图像的风景旅游模拟漫游系统
    8.网上报名系统
    9.电脑配件网络购物
    10.房产网站
    11.计算机组成原理网站
    12.软件下载系统网站
    13.图书管理系统
    14.网络办公系统
    15.电子书店管理系统
    16.中学学生学籍管理系统
    17.在线图书销售系统
    18.网上图书销售系统
    19.网上购物系统
    20.出租公司管理系统
    21.办公管理系统
    22.班级网站
    23.教学互动系统
    24.网上求职招聘系统
    25.鲜花销售管理系统
    26.小区物业管理系统
    27.学生社团管理系统
    28.在线邮件发送系统
    29.在线考试系统
    30.综合网站系统
    31.校园新闻管理系统
    32.在线订单管理系统
    33.聊天室管理系统
    34.教师档案管理系统
    35.信息网管理系统
    36.毕业论文管理系统
    37.车辆故障管理系统
    38.电子商务网站
    39.房产销售网站
    40.网上购物系统
    41.工资管理系统
    42.卷烟物价管理系统
    43.聊天室管理系统
    44.聊天室管理系统
    45.网络教学平台-教师子系统
    46.物流网站
    47.网上选排课系统
    48.病历管理系统
    49.学生成绩学分制管理系统
    50.药店管理系统
    51.小型酒店管理系统
    52.基于web的师资管理系统
    53.网上教务评教系统
    54.网络电话号码查询系统
    55.BLOG网站建设
    56.网上拍卖系统
    57.视频点播系统
    58.B2C购物网站设计
    59.煤炭销售系统
    60.旅行社网站系统
    61.教学进度管理系统
    62.建材网站系统
    63.手机商城网站
    64.珠宝购物网站的建设
    65.企业网站系统
    66.音乐网站系统
    67.电影网站系统
    68.毕业生学历证明系统
    69.网络相册管理系统
    70.物资管理系统
    71.选课及媒体教学系统
    72.网上书店
    73.学生日常行为评分管理系统
    74.网上手机购物系统
    75.校园办公系统
    76.在线考试系统
    77.电子商务网站设计
    78.个人网站建设及实现
    79.学籍管理系统
    80.毕业设计管理系统
    81.图书销售系统
    82.网页信息采集系统
    83.毕业设计管理系统
    84.个人网站的设计与实现
    85.库存管理系统
    86.信通系网站的设计与更新
    87.现代通信原理网站
    88.基于Matlab 的移动通信网站设计
    89.论坛系统
    90.高校评教教师工作量管理系统
    91.网上图书销售
    92.网上书店
    93.个人网站设计之654上网导航
    94.教师信息管理
    95.人才信息管理系统
    96.网络图书销售系统
    97.BBS论坛系统
    98.办公管理系统
    99.个人网站设计
    100.图书管理系统

    101.企业订单管理系统
    102.企业网站建设
    103.网上挂号系统
    104.文章发布系统
    105.家庭财务管理系统
    106.求职招聘网站
    107.网上书店
    108.网上购物系统
    109.在线考试系统
    110.人事管理系统
    111.网上教务评教系统
    112.在线学习网站
    113.企业信息平台建设
    114.教务管理系统
    115.动态网站建设
    116.在线图库网站
    117.医院管理系统
    118.网络硬盘管理系统
    119.教学在线网站
    120.手机销售网站
    121.校园相册管理系统
    122.在线医药销售网站
    123.网上书店
    124.库存管理系统
    125.人事管理系统
    126.玩具公司网站设计
    127.网上求职与招聘系统
    128.网上书店
    129.房产信息管理系统
    130.计算机散件报价系统
    131.电子商务网站设计(网上商品销售系统)
    132.供求信息网
    133.基于WEB的设备管理系统
    134.基于Web的网上物流系统
    135.网络考试系统
    136.人力资源管理系统
    137.基于WEB的购物系统
    138.汽车销售管理信息系统
    139.在线药店管理系统
    140.在线图书管理系统
    141.网上图书超市
    142.供房产信息网站
    143.精品课程网站
    144.课堂考勤管理系统
    145.企业网站建设
    146.企业信息网
    147.搜索引擎网站(网址站)系统
    148.班级网站
    149.网上鲜花店
    150.在线订餐系统
    151.校园二手拍卖网站
    152.个人博客Blog建设
    153.P二手车交易管理系统
    154.专用信箱系统的实现
    155.网络办公系统
    156.客房预订系统
    157.客户关系管理系统
    158.计算机组成原理精品课程网站
    159.理发管理系统
    160.在线视频播放网站
    161.mp3销售网站
    162.中学网站建设
    163.企业网络办公系统
    164.人事档案管理系统
    165.在线音乐播放器
    166.在线投票系统
    167.图书管理系统
    168.企业员工信息管理系统
    169.药店销售管理系统
    170.图书管理系统
    171.网上军事论坛
    172.职称考试模拟系统
    173.在线考试系统
    174.局域网文件共享及检索系统
    175.网络房产信息超市
    176.音像销售系统的设计与实现
    177.文学网站的设计与实现
    178.网络文件管理系统
    179.搜索引擎的设计与实现
    180.论坛系统
    181.工资管理系统
    182.玩具网站
    183.图书销售管理系统
    184.基于asp的搜索引擎
    185.基于WEB的房屋出租管理系
    186.基于BS的家教交流平台
    187.交易管理系统
    188.简易网络存储系统
    189.场地预约系统的设计与实现
    190.玩友交流网站
    191.网上交易平台网站
    192.网络考试系统
    193.医院信息管理系统
    194.基于ASP网站的安全性研究与实现
    195.民航售票管理系统
    196.学生在线选课系统
    197.高校工资管理系统
    198.基于BS结构的旅游网站
    199.精品课程网站
    200.基于BS结构的房屋租售管理系统

    201.库存管理系统
    202.网上订餐系统
    203.小区物业管理系统
    204.学生交流论坛
    205.社区管理系统
    206.基于BS结构的工艺品销售系统
    207.求职与招聘系统
    208.数字图书馆的设计与实现
    209.商场管理系统
    210.学生管理系统
    211.工艺品展示系统
    212.网上考试系统
    213.网上教学系统
    214.旅游网站
    215.旅游信息系统
    216.基于ASP的反垃圾邮件管理系统的设计
    217.个人日志系统的设计与实现
    218.BBS系统开发与帐户安全
    219.病历管理系统
    220.校园论坛的设计与实现
    221.销售供应链管理系统
    222.家电销售管理系统
    223.客户关系管理系统
    224.库存管理系统
    225.二手交易系统的设计与实现
    226.档案管理系统
    227.音乐网站的设计与实现
    228.企业网上订单系统
    229.人事工资管理系统
    230.人事管理系统
    231.学生信息管理系统
    232.在线考试系统
    233.网上书店的设计与实现
    234.进销存管理系统
    235.影碟管理系统
    236.人才交流网站(求职招聘)
    237.笔记本销售网站
    238.网上教务系统
    239.毕业论文管理系统
    240.二手交易系统
    241.网上投票系统
    242.设备管理系统
    243.企业公告及资料发布系统
    244.企业员工管理系统
    245.课程教学网站
    246.二手商品交易管理系统
    247.物流网站
    248.在线手机销售系统
    249.旅游网站
    250.在线花店
    251.博客网站
    252.同学录
    253.文章发布系统
    254.校园新闻发布管理系统
    255.在线花店
    256.网上花店
    257.在线教育系统
    258.在线人才网(招聘网)
    259.学生管理系统
    260.期刊稿件处理系统
    261.网络聊天室
    262.个人网站的设计与实现
    263.音乐网站
    264.网络留言本
    265.网上图书销售系统
    266.实验室设备管理系统
    267.办公自动化系统
    268.酒店预定管理系统
    269.学生成绩查询系统
    270.视频点播系统
    271.团员管理系统
    272.网上作业提交系统
    273.企业网站建设
    274.网上报名系统
    275.车辆调度管理系统
    276.动态网站设计与制作
    277.个人网上日记本
    278.车辆管理系统
    279.校园物品交易系统
    280.人力资源管理系统
    281.在线C语言教学系统
    282.交友网站
    283.图书管理系统
    284.旅游资源及线路管理系统
    285.软件信息发布系统
    286.学校学生论坛的设计与实现
    287.办公管理系统
    288.毕业设计选题管理系统
    289.电子商务网站的设计与实现
    290.电子政务档案管理系统
    291.服装销售系统
    292.奥运专题网站
    293.基于WEB的办公管理系统
    294.家教信息管理系统
    295.教师档案管理系统
    296.教师信息管理系统
    297.教学互动系统
    298.酒店房间预约系统
    299.客户关系管理系统
    300.企业进销存管理系统

    301.企业物流管理系统
    302.求职招聘网站
    303.人才招聘网站
    304.人力资源管理系统
    305.上网导航网站
    306.同学录设计与实现
    307.在线投票系统
    308.图书管理系统的设计与实现
    309.网络办公系统
    310.网络购物系统
    311.网络硬盘资源管理系统
    312.网上书店
    313.网上考试系统
    314.聊天室设计与开发
    315.网上人才管理系统
    316.网上售房管理系统
    317.网上贴吧系统
    318.网上选课系统
    319.物流网站的设计与实现
    320.物资管理系统
    321.校友录
    322.新闻管理系统
    323.新闻发布系统
    324.信息查询系统
    325.学生信息管理系统
    326.药店管理系统
    327.医药连锁店管理系统
    328.影片租赁系统
    329.网上书店
    330.学生信息管理系统
    331.在线考试系统
    332.鲜花销售系统
    333.在线教育系统
    334.作业提交与批改系统
    335.教师信息管理系统
    336.Flash制作《七里香》动画MTV
    337.FLASH制作歌曲<下雨天>动画MTV
    338.信息学院网上办公系统
    339.网上答疑系统的设计与开发 
    340.基于WEB的新生报到系统管理的设计与实现
    341.基于web的财务管理系统
    342.动态个人博客设计
    343.毕业生信息管理系统
    344.编译原理在线答疑系统设计与实现
    345.编译原理在线考试系统
    346.个人财务管理
    347.机房上机安排管理系统
    348.基于ASP技术的人才招聘信息系统
    349.基于WEB的产品管理系统
    350.基于WEB的网上购物系统
    351.期刊学报网络投稿系统
    352.企业网上办公自动化系统的设计与实现
    353.汽车在线销售系统
    354.手机网上购物平台的设计与实现
    355.数据库精品课程系统
    356.通用网站生成系统
    357.企业办公自动化系统
    358.网上招标系统
    359.校园网站设计
    360.基于ASP的学生考试系统
    361.基于BS考试系统的实现
    362.网络版客户管理系统
    363.计算机等级考试系统设计与实现
    364.网上图书查询与销售系统
    365.心缘同学录的设计与实现
    366.学院电子政务系统
    367.在线点播系统
    368.高校文学系统的设计与开发
    369.综合教务系统信息发布子系统
    370.中小型企业商务网站的设计和实现
    371.在线考试系统的设计与研发
    372.心理健康网的规划与设计
    373.网上书店系统的设计与实现
    374.网上教学平台的设计与实现
    375.在线花卉销售系统
    376.在线鲜花销售系统
    377.论坛程序的设计与实现
    378.期刊系统的设计与实现
    379.基于Web的在线考试系统
    380.基于WEB的学生成绩管理系统
    381.基于WEB的新生报到系统管理的设计与实现
    382.在线教育系统的设计与实现
    383.基于XML技术的调查投票系统的设计与实现
    384.基于B/S模式的网络教学系统
    385.宠物医院管理信息系统
    386.学生心理健康网的规划与设计
    387.网络自主学习监控技术研究
    388.基于ASP的计算机组成原理考试系统
    389.企业及其分支机构内部办公管理系统
    390.毕业生就业信息管理系统
    391.编译原理在线考试系统的设计与实现
    392.基于ASP的人才招聘系统
    393.基于LAN的视频教学系统

    ASP.NET类计算机专业毕业设计题目

    1.城市公交查询系统
    2.电子邮件客户端软件(C#)
    3.图书管理系统(C#)
    4.网上书店系统
    5.图的遍历动态演示程序(C#)
    6.网上选课系统
    7.职工信息管理系统
    8.题库专家系统
    9.视频点播系统
    10.校园新闻发布管理系统
    11.客户管理系统
    12.车间管理系统
    13.停车管理系统
    14.毕业设计管理系统
    15.教师评定管理系统
    16.基于PowerDesigner的合同管理系统
    17.校园新闻发布系统
    18.知识库管理系统
    19.网上数码商店
    20.网上宠物店
    21.库存管理系统
    22.电子商务网站
    23.JAVA语言考试系统的设计与实现
    24.课程教学网站
    25.留言板(版)管理系统
    26.学生选课系统
    27.应用ASP.NET开发和制作网络课程
    28.书店图书管理系统
    29.火车站管理系统
    30.基于B/S结构的车辆管理系统
    31.基于WEB的新闻管理系统
    32.基于Web的网络论坛系统
    33.旅游网站(信息平台)研究与实现
    34.学生管理系统
    35.学生选课系统
    36.同学录校友录
    37.在线答疑系统
    38.图书馆管理系统
    39.作业批改系统
    40.房产管理系统
    41.选课系统
    42.校友录
    43.购物网站的设计与实现
    44.城市公交查询系统的设计与实现
    45.网上书店
    46.网上书店的设计与实现
    47.在线考试系统
    48.基于Web的招投标系统
    49.网上购物系统
    50.网上物流管理系统

    51.网络办公系统(公文管理系统)
    52.网络考试系统
    53.在线作业系统
    54.新闻管理系统
    55.企业办公系统的设计与实现
    56.员工绩效管理系统
    57.企业信息管理系统
    58.交通线路查询系统
    59.实验室预约系统
    60.视频点播系统
    61.网络相册的设计与实现
    62.图书销售管理系统
    63.学籍管理系统
    64.基于Web的电力管理系统
    65.网上模拟考试系统的设计与实现
    66.在线考试
    67.网上花店
    68.网上商品销售系统
    69.设备管理系统
    70.企业财务管理系统
    71.学生管理系统
    72.客户关系管理系统
    73.师资管理系统
    74.高校成绩管理系统的设计与实现
    75.网上考试系统
    76.在线考试系统论文
    77.网上考试系统
    78.网上书店
    79.车辆租赁系统
    80.基于Web的办公自动化系统
    81.企业公文管理系统
    82.网上自测试系统
    83.资讯网设计与实现
    84.公司管理系统
    85.监控网站
    86.网上论坛
    87.网上商店生成系统
    88.网上选课系统
    89.中学图书馆系统的设计与实现
    90.手机前台营业系统
    91.图书管理系统
    92.土地整理项目库建设
    93.在线调问卷系统
    94.邮件收发管理系统
    95.基于P2P网络模型的即时通讯软件的研制
    96.网络个人多媒体空间的设计(博客)
    97.基于web的师资管理系统
    98.基于.net平台的成绩管理系统设计与实现
    99.工作流引擎子系统
    100.订单管理系统

    第101-150个题目
     

    101.媒体播放器
    102.作业提交系统
    103.企业人事管理系统
    104.基于ASP.NET的班级风采网站的设计
    105.网上图书预约系统的设计
    106.小型门户网自助建站系统
    107.在线毕业论文提交系统
    108.C语言教学网站及网上考试系统的设计与实现
    109.基于ASP.NET简易博客网站的设计与实现
    110.多语种网络硬盘系统的设计
    111.基于.NET的工资绩效管理系统的开发
    112.基于ASP.NET的电子产品销售网站的设计与实现
    113.网上人才招聘系统
    114.基于Web的文档管理系统的设计与实现
    115.汽车销售管理系统的设计与开发
    116.基于Ajax+Lucene构建搜索引擎的设计与实现
    117.教师电子化信息库的设计与实现
    118.小型企业办公耗材库存管理软件的设计与实现
    119.基于.NET的酒店预订信息管理系统的设计
    120.基于web的订餐系统的设计与实现
    121.门诊就诊系统的设计与实现
    122.二手交易市场
    123.高校网上教材征订系统的设计与实现
    124.家庭理财系统的设计与实现
    125.基于ASP.NET在线点歌系统

    Delphi类计算机专业毕业设计题目

    1.学生宿舍管理系统
    2.仓库管理系统
    3.超市销售管理系统
    4.工资管理系统
    5.供应商管理系统
    6.会员卡管理系统
    7.计量管理系统
    8.进销存财务管理系统
    9.进销存管理系统
    10.人才管理系统
    11.图书管理系统
    12.图书销售系统
    13.学生管理系统
    14.试卷自动生成系统
    15.仪器管理系统
    16.公司综合管理系统
    17.社区物业管理系统
    18.教务管理系统
    19.智能卡网吧管理系统
    20.球员管理系统
    21.客户管理系统
    22.车辆管理系统
    23.聊天室系统
    24.学生公寓管理系统
    25.类似QQ的通讯工具
    26.学生成绩信息管理系统
    27.酒店人事信息管理系统
    28.商场销售管理系统
    29.光盘租赁管理系统
    30.图书管理系统
    31.货运配送物流管理系统
    32.车队调度管理系统
    33.PE文件格式研究及PEDUMP的实现
    34.成绩管理系统
    35.题库与自动制卷系统
    36.教学信息管理系统
    37.球员能力记分系统
    38.远程邮件预览系统
    39.图书仓库管理系统
    40.工资管理系统
    41.人事工资管理系统
    42.学生管理系统
    43.房屋装潢公司预算系统
    44.房屋装潢公司预算系统
    45.学校教学管理系统
    46.银行学生助学贷款管理系统
    47.煤气站管理系统
    48.图书管理系统
    49.教学信息管理系统
    50.汽车零件销售管理系统

    51.超市管理系统
    52.工资管理系统
    53.设备保养管理系统
    54.图片浏览系统的设计与实现
    55.网络考试系统
    56.办公管理系统
    57.办公管理系统
    58.布匹出口管理系统
    59.工资管理管理系统
    60.工资管理系统
    61.货运管理系统
    62.教务信息管理系统
    63.教学信息管理系统
    64.实验室设备仪器管理系统
    65.试卷管理系统
    66.水费电费管理系统
    67.网吧管理系统
    68.医嘱管理系统
    69.会员管理系统
    70.图书管理系统
    71.在线考试系统
    72.网吧管理系统

     

    JAVA类计算机专业毕业设计题目

    1.学籍管理系统
    2.Java远程通信及应用的研究
    3.JAVA游戏
    4.俄罗斯方块游戏
    5.JAVA多线程教学演示系统
    6.IPv4网络协议问题分析
    7.校园网规划与设计
    8.校园网络规划设计
    9.办公局域网设计
    10.智能小区规划
    11.搜索引擎的研究与实现
    12.基于Java的电子邮件接收系统
    13.人事管理系统
    14.题库管理系统
    15.银行帐目管理系统
    16.FTP客户端的设计与实现
    17.办公自动化系统
    18.JAVA游戏引擎开发与实践
    19.宾馆客房管理系统
    20.房地产信息管理系统
    21.光盘管理系统
    22.猜数字游戏
    23.泡泡堂网络游戏
    24.开发FTP系统的设计
    25.局域网监听软件
    26.基于纠错码的冗余技术
    27.掌上网络商店
    28.机主留言系统
    29.基于Http协议的断点续传
    30.WML信息查询设计
    31.题库及试卷管理

    JSP类计算机专业毕业设计题目

    1.网上书店
    2.网上考试
    3.手机销售系统
    4.基于JSP技术的网络陶瓷城
    5.智能道路交通信息管理系统
    6.B2C的电子商务系统(J2EE)
    7.网络远程作业处理系统
    8.设备管理系统
    9.网上购物系统设计
    10.网上拍卖平台系统
    11.手机游戏(J2EE)
    12.网上商店系统
    13.电子报销系统(J2EE)
    14.公文管理系统
    15.B2C电子商务平台
    16.企业资产管理系统
    17.会议管理系统
    18.教务管理系统
    19.电子商务网站
    20.网络办公系统
    21.毕业论文管理系统
    22.网上购物系统
    23.工资管理系统
    24.网站流量统计系统
    25.项目管理系统
    26.手机销售管理系统
    27.房屋交易管理系统
    28.进销存管理系统
    29.房管局房屋交易管理系统
    30.新闻发布系统
    31.汽车销售网站
    32.物业管理系统
    33.邮件过滤系统
    34.音乐网站
    35.网上人才招聘系统
    36.网上订餐系统
    37.考勤管理系统
    38.酒店管理系系统
    39.小区物业管理系统
    40.超市进销存管理系统
    41.网上售票系统
    42.在线考试系统
    43.在线借阅图书系统
    44.婚纱影楼管理系统
    45.网上视频点播系统
    46.银行账目管理系统
    47.销售管理系统
    48.基于CTOC的网上拍卖管理系统
    49.物资管理系统
    50.生产资料管理系统

    51.火车站订票系统
    52.网上书店售书系统
    53.出租车管理
    54.网络购物/网上商城
    55.游戏机销售系统
    56.动漫网站
    57.移动硬盘销售系统
    58.基于WEB的考务管理系统的设计与实现
    59.网上自测试系统
    60.图书管理系统的设计
    61.在线考试系统
    62.在线网络购物
    63.J2EE框架的师生互助平台的设计与实现
    64.快运快递网站
    65.基于JSP教学实验管理系统
    66.小区物业管理系统
    67.校园门户网
    68.图书管理系统
    69.销售管理系统
    70.药品进销存管理系统
    71.小区物业管理
    72.公司员工个人信息网络管理系统
    73.公文收发管理系统
    74.高校毕业设计管理系统
    75.钢材管理系统
    76.在线论坛的设计与实现
    77.个人通信簿管理系统的设计与开发
    78.在线论坛
    79.网上书店
    80.物流管理系统
    81.办公自动化系统
    82.基于JSP的邮件收发系统
    83.大学生求职通用个人网站
    84.房屋出租出售网站
    85.基于BS模式的服装进销存管理系统
    86.基于Web的可维护的数据库浏览器
    87.基于电子商务的网上购物
    88.教师办公管理系统
    89.教师档案管理系统
    90.旅游信息系统
    91.师生交流平台作业管理子系统设计与实现
    92.网上购书系统
    93.销售管理系统
    94.基于JSP的小型课程信息管理系统
    95.校园二手市场交易平台
    96.新闻发布系统
    97.学生课程与成绩管理系统
    98.学生网上选课系统
    99.基于JSP的学生信息管理系统
    100.基于JSP的学生学籍管理系统

    101.药店管理系统
    102.SERVLET技术实现数据库查询
    103.办公自动化之公文运转系统
    104.机房自由上机收费管理软件的设计与实现
    105.基于E-school虚拟学校平台
    106.基于JSP的物流管理平台开发
    107.基于Web的会务管理系统的设计与实现
    108.基于WEB的纳税查询管理系统的设计与实现
    109.客户管理系统
    110.人力资源管理系统
    111.物流信息网
    112.B/S结构下的OA流程可视化的研究与实现
    113.JAVA泡泡堂网络游戏
    114.CD销售管理系统
    115.JSP房产中介系统
    116.企业人事管理系统
    117.房屋租赁管理信息系统
    118.企业电子投票系统
    119.Iptables图形管理工具
    120.音像店租赁管理系统
    121.JAVA文件压缩与解压缩实践
    122.Java3D的网络三维技术的设计与实现

    PHP类计算机专业毕业设计题目
    1.图书库存管理系统
    2.学生管理系统
    3.有线电视用户管理系统
    4.宾馆客房管理系统
    5.财务管理系统
    6.房产销售管理系统
    7.进销存管理系统
    8.培训管理系统
    9.人事管理系统
    10.人事管理系统
    11.图书管理系统
    12.图书管理系统
    13.图书管理系统
    14.老年医疗保健管理系统
    15.学生信息管理系统
    16.超市管理系统
    17.图书管理系统
    18.电子词典设计与开发
    19.自动组卷系统

    PHP类计算机专业毕业设计题目

    1.课程管理系统论文
    2.高校教材管理系统论文
    3.成绩查询系统论文
    4.网上购物系统论文
    5.在线作业系统论文

    VB类计算机专业毕业设计题目
    第1-100个题目
    1.医院住院管理系统
    2.人事管理系统
    3.停车场管理系统
    4.教师管理系统
    5.学生信息管理系统
    6.学籍管理系统
    7.工资管理系统
    8.医院门诊管理系统
    9.员工请假管理系统
    10.电脑公司进销存
    11.学生宿舍管理系统
    12.图书采购管理系统
    13.企业进销存管理系统
    14.商品销售管理系统(进销存)
    15.车辆管理系统
    16.房地产销售(售楼)管理系统
    17.小区物业管理系统
    18.书店图书管理系统
    19.珠宝首饰进销存管理系统
    20.学生信息管理系统
    21.图书管理系统
    22.学校信息管理系统
    23.人事工资管理系统
    24.电子教务管理系统
    25.智能试卷生成系统
    26.多媒体教学演示系统
    27.仓库管理管理系统
    28.商场财务管理系统
    29.教师管理系统
    30.学生信息管理
    31.图书管理系统
    32.人事管理系统[人力资源管理]
    33.铁路交通查询
    34.学校信息管理系统
    35.企业人事管理系统
    36.图书管理系统
    37.学籍管理系统
    38.交通事故档案管理系统
    39.车辆查询系统
    40.航空公司管理系统
    41.物业租赁管理系统
    42.宾馆客房管理系统
    43.教师管理系统(2)
    44.人事管理系统(3)
    45.人事管理系统(4)
    46.学生成绩管理系统
    47.人才档案管理系统
    48.图书借阅管理系统
    49.排课系统
    50.图书馆管理系统
    51.学生档案管理系统
    52.客运售票系统
    53.汽车修配管理系统
    54.洗衣店管理系统
    55.电气设备管理系统
    56.橡胶管理系统
    57.火车订票系统
    58.家庭管家系统
    59.车辆调度管理系统
    60.工伤事故管理系统
    61.城市交通查询系统
    62.电动车配件管理系统
    63.人才管理系统
    64.公用房信息系统
    65.水费管理系统
    66.设备管理系统
    67.多媒体播放器
    68.户籍管理系统
    69.超市管理系统
    70.商场管理系统
    71.中小型饭店餐饮管理系统
    72.固定资产管理系统
    73.学籍管理系统
    74.流动资金贷款业务管理系统
    75.失业保险管理系统
    76.学生宿舍管理系统
    77.旅游资源及线路管理系统
    78.图书查询系统
    79.仪器设备管理系统
    80.汽车租凭管理系统
    81.Excel文档属性提取与自动阅卷系统研究
    82.高校学籍管理系统
    83.流动资金贷款业务系统
    84.超市管理系统
    85.家庭财务管理系统
    86.考试管理系统
    87.通用成绩查询系统
    88.通用成绩查询系统
    89.智能公交查询系统
    90.人力资源管理系统
    91.仓库管理系统
    92.收支管理系统
    93.图像管理系统
    94.客房管理系统
    95.人事管理系统
    96.商品销售管理系统
    97.图书馆查询管理系统
    98.学生信息管理系统
    99.工资管理系统
    100.人事管理系统

    第101-200个题目
     

    101.小区电费管理系统
    102.商场商品管理系统
    103.进销存管理系统
    104.车辆管理系统
    105.影碟租借管理系统
    106.多媒体播放器
    107.电脑商城销售管理系统
    108.家庭理财管理系统
    109.网络俄罗斯方块
    110.物资流通管理系统
    111.图书馆管理系统
    112.交通(铁路)查询系统系统
    113.火车售票管理系统
    114.办公管理系统
    115.进销存管理系统
    116.物流管理系统
    117.企业营销管理系统
    118.客户管理系统
    119.工资管理系统
    120.图书管理系统
    121.小区物业管理系统
    122.小区物业管理系统
    123.工资管理系统
    124.学生成绩管理系统
    125.酒店客房管理系统
    126.交换机管理系统
    127.车辆调度管理系统
    128.酒店仓库管理系统
    129.企业销售管理系统
    130.汽车美容管理系统
    131.公司信息管理系统
    132.学生成绩管理
    133.实验室设备管理系统
    134.停车场管理系统
    135.物资管理系统
    136.学生综合评价系统
    137.超市管理系统
    138.企业仓库管理系统
    139.飞机售票系统
    140.客房信息管理系统
    141.学生成绩查询系统
    142.宾馆客房管理系统
    143.物流管理系统
    144.超市管理系统
    145.城市公交查询系统
    146.公司事务管理系统
    147.企业ERP管理系统
    148.客户管理系统
    149.文件加解密系统
    150.物业管理系统
    151.抽奖系统
    152.学生档案管理系统
    153.高校排课管理系统
    154.人事管理系统
    155.图书管理系统
    156.企业实力评估系统
    157.教材管理系统
    158.进销存管理系统
    159.小型超市管理系统
    160.员工培训管理系统
    161.学生社团管理系统
    162.VCD租借管理系统
    163.兼职中介管理系统
    164.工资管理系统
    165.退税管理系统
    166.期刊信息管理系统
    167.合同管理系统
    168.报警系统
    169.交互式cad系统
    170.音像管理系统
    171.自动排课系统
    172.户籍管理系统
    173.销售管理系统
    174.自动点歌系统
    175.宿舍管理系统
    176.贸易公司信息管理系统
    177.企业人事工资管理系统
    178.企业人事管理系统
    179.俄罗斯方块游戏
    180.员工管理系统
    181.设备管理系统
    182.题库管理系统
    183.高校题库管理系统
    184.班级管理系统
    185.企业工资管理系统
    186.仓库管理系统
    187.高速公路票据管理系统
    188.通讯录管理系统
    189.超市进销存管理系统
    190.评语管理系统
    191.题库自动组卷系统
    192.自动出卷系统
    193.药品管理系统
    194.电表管理系统
    195.教师管理系统
    196.文档管理系统
    197.库存管理系统
    198.工资管理系统
    199.工资管理系统
    200.地籍管理系统

    第201-300个题目
     

    201.图书管理系统
    202.图书管理系统
    203.库存管理系统
    204.公交查询系统
    205.人事管理系统
    206.IC卡管理系统
    207.考勤管理系统
    208.家庭财务管理系统
    209.基于VB和XML的个人资料编辑器的实现
    210.长途汽车信息管理系统
    211.系统辅助管理程序的设计与实现
    212.Excel条件格式化工具的设计与实现
    213.模拟ATM机系统软件的设计与开发
    214.一个编译原理语法分析器的设计与实现
    215.WORD文档分类管理插件的设计与实现
    216.学生注册管理系统
    217.扫雷游戏的设计与开发
    218.科研项目管理系统论文
    219.物流配送信息系统论文
    220.营养信息管理系统论文
    221.百货公司业务管理系统论文
    222.房地产销售管理信息系统论文
    223.通讯录管理系统论文
    224.图书租借管理系统论文
    225.物资管理系统论文
    226.期刊信息管理系统论文
    227.企业生产管理系统
    228.WORD题库插件
    229.采购系统
    230.会员管理系统
    231.病历管理系统
    232.库存管理系统
    233.病历管理系统
    234.公费医疗管理系统
    235.设备管理系统
    236.光盘管理系统
    237.仓库管理系统
    238.汽车销售系统
    239.药品供销存系统
    240.通讯录管理系统
    241.简单小游戏设计
    242.教材管理系统
    243.打字练习系统
    244.网络计时管理系统
    245.旅游资源及线路管理系统
    246.绩效评价系统
    247.保险单管理系统
    248.车间调度系统
    249.酒店管理系统
    250.自动组卷系统
    251.CTI电话语音应答系统
    252.商场管理系统
    253.烟花爆竹经销管理
    254.城市公交查询系统
    255.进销存管理系统
    256.医疗纠纷检索系统
    257.连锁店管理系统
    258.点对点聊天文件传输系统
    259.服装专卖店管理系统
    260.毕业论文管理系统
    261.学生交费管理系统
    262.电脑租赁系统
    263.学校田径运动会管理系统
    264.医院血库管理系统
    265.停车场管理系统
    266.学校工资管理系统
    267.银行代扣代发工资系统
    268.运输公司信息管理系统
    269.IC卡管理系统
    270.建材销售管理系统
    271.社会福利保障系统
    272.招生管理系统
    273.学校用电收费管理系统
    274.设备信息管理系统
    275.人口管理系统
    276.科研项目管理系统
    277.超市管理系统
    278.住院信息管理系统
    279.药品公司进销存管理系统
    280.学生成绩管理系统
    281.物流管理系统
    282.网吧计费系统
    283.考试分析评价系统
    284.固定资产管理系统
    285.干部档案管理系统B
    286.机房学生上机管理系统
    287.计算机维修管理系统
    288.车辆管理系统
    289.个人邮件处理系统
    290.身份证管理系统
    291.餐饮管理系统
    292.医院门诊管理系统
    293.图书借阅管理系统
    294.书店管理系统
    295.期刊信息管理系统
    296.酒店客房管理
    297.计算机等级考试管理系统
    298.光盘信息管理系统
    299.小区物业管理系统
    300.无纸化考试系统
    301.售楼管理系统
    302.销售管理系统
    303.防火墙的设计与实现
    304.简单远程控制系统被控端实践
    305.简单远程控制系统主控端实践
    306.文档分类管理插件的设计与实现

    VB.NET类计算机专业毕业设计题目

    1.酒店管理系统
    2.小区物业管理系统
    3.电子邮件客户端系统
    4.宾馆管理系统
    5.电子邮件服务器
    6.学生旧货信息系统
    7.旅游业务管理系统
    8.人力资源管理系统
    9.学生旧货信息系统
    10.酒店餐饮管理系统
    11.车辆档案管理系统
    12.订单管理系统
    13.媒体播放器
    14.门诊就诊系统的设计与实现
    15.家庭理财系统的设计与实现

    VC类计算机专业毕业设计题目
    第1-50个题目
     

    1.宾馆管理系统
    2.仓库管理系统
    3.酒店餐饮管理系统
    4.网络电话设计
    5.学籍管理系统
    6.Xray动态图像采集系统
    7.人脸识别技术
    8.人脸识别技术
    9.人事管理系统
    10.TCP协议分析器的设计与实现
    11.ERP采购系统
    12.接头绘制图形系统的设计和实现
    13.SNMP简单网络管理协议的研究与应用
    14.MPEG-4视频编码的DSP软件优化及加密算法研究
    15.网络游戏-贸易时代
    16.文本数据分析与信息检索
    17.基于数据包捕获与分析的个人防火墙
    18.吃豆子游戏
    19.MD5算法--整合应用程序的构建
    20.可视化图象处理系统的设计与实现
    21.加减乘除计算器
    22.遗传神经网络在股票价格预测中的应用
    23.个人防火墙技术与实现
    24.五子棋游戏
    25.聊天室系统
    26.五子棋游戏
    27.客户管理系统
    28.酒店管理系统
    29.针式打印机命令处理仿真软件的设计与实现
    30.基于IP的视频监控系统—存储和回放模块QT
    31.基于IP协议的视频监控系统QT
    32.基于SGIP协议的短消息网关模拟器设计
    33.基于CS结构的局域网通信系统
    34.网络嗅探器设计
    35.医学图象处理系统
    36.工资管理系统
    37.考试质量分析系统
    38.基于Windows Socket技术的语音传输系统的研究
    39.网络即时通信的原理和实现
    40.移动通信中的密钥管理
    41.全国天气信息管理系统
    42.24点游戏的开发和实现
    43.指纹识别系统
    44.Windows进程管理工具设计与实现
    45.数字图像处理和模式识别在交通检测中的应用
    46.基于VC的多媒体播放器设计
    47.图书管理系统论文
    48.学生成绩信息管理系统
    49.网络攻击与防御(扫描程序设计) 
    50.企业人事管理系统

    第51-100个题目
     

    51.考勤信息管理系统
    52.酒店餐饮管理系统
    53.汇编器设计与实现 
    54.基于MapInfo的城市GIS系统
    55.机房监控系统 
    56.员工培训管理系统 
    57.学生信息管理系统设计
    58.图书管理系统
    59.四国军棋系统
    60.职工工资管理系统

    VF类计算机专业毕业设计题目
     

    第1-50个题目
    1.资料信息管理系统
    2.中学成绩管理系统
    3.仓库管理系统
    4.办公用品管理系统
    5.超市管理系统
    6.家政服务管理系统
    7.客户管理系统
    8.人力资源管理系统
    9.人事管理系统
    10.手机销售管理系统
    11.同学录管理系统
    12.图书管理系统
    13.音像租赁管理系统
    14.学籍管理系统
    15.员工培训管理系统
    16.药品销售系统
    17.职员信息管理系统
    18.商厦人员管理系统
    19.学生档案管理系统
    20.学生综合素质管理系统
    21.教学质量监控系统
    22.餐饮管理系统
    23.教务管理系统
    24.合同管理系统
    25.名片管理系统
    26.商品销售管理系统
    27.学生管理系统
    28.考勤管理系统
    29.企业订单管理系统
    30.学生学籍管理系统
    31.教学管理系统
    32.超市管理系统
    33.固定资产管理系统
    34.工资管理系统
    35.图书管理系统
    36.学生信息管理系统
    37.图书管理系统
    38.工资管理系统
    39.库存管理系统
    40.职员信息管理系统
    41.人事管理系统
    42.党员管理系统
    43.考勤管理系统
    44.汽车销售系统
    45.人力资源管理系统
    46.学生综合素质管理系统
    47.小说租阅管理系统
    48.航空售票管理系统
    49.商业汇票/支票管理系统
    50.成绩计算分析系统

    第51-100个题目
     

    51.病房管理系统
    52.工程预算系统
    53.宾馆客房管理系统
    54.电话资费系统
    55.空调售后服务系统
    56.教学设备管理系统
    57.邮政编码系统
    58.个人理财系统
    59.电脑公司财务管理系统
    60.酒店客房管理系统
    61.教职工信息管理系统
    62.道路运输证管理系统
    63.图书管理系统
    64.学生档案管理系统

     


    55.空调售后服务系统
    56.教学设备管理系统
    57.邮政编码系统
    58.个人理财系统
    59.电脑公司财务管理系统
    60.酒店客房管理系统
    61.教职工信息管理系统
    62.道路运输证管理系统
    63.图书管理系统
    64.学生档案管理系统

     

    展开全文
  • 基于SSM的校园二手交易平台的设计与实现

    万次阅读 多人点赞 2018-05-06 14:24:44
    PS: Java版本:1.7 数据库:MySQL 框架:Spring + Spring MVC + MyBatis 服务器:Tomcat 前端解析框架:Thymeleaf 开发工具:Idea 2017 版本管理工具:Maven 版本控制工具:GitHub ...一、设计概...

    基于SSM的校园二手交易平台

    完整的设计报告在后面

    喜欢就点一下star哟,谢谢亲的支持
    https://github.com/wsk1103/Used-Trading-Platform

    下载地址: https://download.csdn.net/download/wsk1103/13189870

    Java版本:1.8
    数据库:MySQL
    框架:Spring + Spring MVC + MyBatis
    服务器:Tomcat
    前端解析框架:Thymeleaf
    开发工具:Idea 2017
    版本管理工具:Maven
    版本控制工具:GitHub

    搭建数据库
    MySQL
    driver=com.mysql.jdbc.Driver
    url=jdbc:mysql://localhost:3306/c2c
    username=root
    password=123456
    initiaSize=0
    maxActive=20
    maxIdle=20
    minIdle=1
    maxWait=60000

    先在数据中创建名为c2c的数据库,使用Navicat for MySQL运行 c2c.sql文件创建表和导入数据

    将图片解压到任意一个盘,然后配置Tomcat,将图片路径引用到本地配置的图片路径下。
    这里写图片描述
    设置访问路径
    在这里插入图片描述

    3.2 实现过程

    3.2.1 商品首页实现

    这里写图片描述

    这里写图片描述
    其他部分实现效果
    这里写图片描述
    这里写图片描述

    3.2.2 二手商城实现

    这里写图片描述
    商城商品展示
    这里写图片描述

    这里写图片描述
    这里写图片描述

    3.2.3 商品详情实现

    这里写图片描述
    留言
    这里写图片描述

    3.2.4 站内搜索引擎实现

    这里写图片描述
    搜索结果
    这里写图片描述

    3.2.5 发布商品实现

    这里写图片描述
    这里写图片描述

    这里写图片描述

    3.2.6 发布求购信息实现

    这里写图片描述

    3.2.7 个人信息页面实现

    这里写图片描述
    这里写图片描述

    3.2.8 我发布的商品实现

    这里写图片描述
    点击修改
    这里写图片描述

    3.2.9我发布的求购信息实现

    这里写图片描述
    这里写图片描述

    3.2.10购物车实现

    这里写图片描述
    点击添加数量和减少
    这里写图片描述

    3.2.11登录注册实现

    这里写图片描述
    这里写图片描述
    这里写图片描述

    一、设计概要

    本次设计的是一个校园二手交易平台(C2C),C2C指个人与个人之间的电子商务,买家可以查看所有卖家发布的商品,并且根据分类进行商品过滤,也可以根据站内搜索引擎进行商品的查询,并且与卖家联系,达成交易的意向,也可以发布求购的信息,让卖家查看之后,与之联系,进行交易。而此次主要是针对校园用户所设计的网站,对于数据的分类应该更多的考虑校园用户的需求,例如二手书籍、二手数码等的分类应该更加细致。本次设计的主要难度在于数据的详细分类,对于数据的过滤必须要严谨,应当考虑敏感字体和敏感图片的过滤。

    可能遇到的问题有,在数据交互过程中,出现由于属性名的差距导致的数据交互失败。由于Css属性设置的问题,导致界面不完整等等。设计的算法都是自己编写的,可能存在不是最优算法的情况。

    二、设计正文

    1 需求分析

    建立一个用户可以自由交易的平台,通过ajax实现局部刷新,实现网站更具人性化,具有更良好的互动。以下是总体需求

    1.1 通过手机号码注册账号并且登陆

    每个手机号码只可以注册一个账号,并且通过账号完善个人信息和浏览商品,发布商品等,注册时需要通过手机号码获取验证码进行验证才能注册。

    1.2 实现二手商城

    商城主要显示总的商品信息,并且可以通过侧边栏点击进行信息过滤。商品点击之后可以查看详细信息。

    1.3 站内搜索引擎

    实现本站内特有的搜索引擎,可以输入字段,模糊查询合适的商品并且显示出来。

    1.4 求购信息发布

    根据需求输入相应的信息,发布求购商品。

    1.5 求购商城

    卖东西的用户,也可以通过求购商城查看是否有用户对自己拥有的二手物品有需求,查看详细的需求,有的话可以跟买家联系进行交易。

    1.6 货物出售信息发布

    卖家可以发布二手商品的信息,对商品进行描述,并且添加图片增加可信度,也方便买家查看相应的信息。

    1.7 购物车

    将想要的物品添加到购物车,可以修改数量,选择是否要支付,移除商品。选择收货地址,并且进行结算。

    1.8 个人信息

    用户发表求购信息和发布商品时需要先进行信息的完善,用户可以查看自己发布的商品,对发布的商品进行修改或删除,查看已发布求购信息,对求购的商品进行修改或删除。

    2 概要设计

    系统的整体结构流程图如下

    这里写图片描述

    2.1 系统模块

    本系统的可以分为以下几个模块。

    2.1.1 商品首页

    负责显示热门的商品信息,以及显示本网站的网站信息,导航栏负责跳转到各个页面,没有登录显示按钮可以让用户进行登陆和注册。已登录的用户显示用户名,并且可以发布商品信息,查看个人信息等。进入首页的时候,通过Ajax获取数据库中存在的热门商品数据集合,并且刷新页面的内容,点击商品之后跳转到商品详细信息模块。

    2.1.2 二手商城模块

    负责显示所有的二手商品,提供类别的侧边栏给用户点击之后显示对应的商品信息。类别侧边栏的实现后,需要为每一个类别的元素都添加一个id,通过id来获取数据库中的数据,用Ajax获取数据并且刷新页面的信息。采用分页技术,防止数据过多的时候,显示在同一个页面,给用户带来不好的体验,分页支持点击下一页上一页或者直接点击指定页面,跳转到指定的页面。商品点击之后就要跳转到商品详情。

    2.1.3 商品详情模块

    负责显示指定的商品详细信息,包括图片、名字、价格、数量等,当一个商品被点击之后,通过返回的id查询到这个数据集合,跳转到商品详细信息的页面,商品发布者可以在下方查看留言,并且与有意者打成交易意向。将对应的信息显示出来,并且提供加入到购物车的功能。商品详细信息下方显示其他用户的留言,并且已经登录的用户可以对这件商品进行评论,商品发布者可以在下方查看留言,并且与有意者打成交易意向。商品发布者可以在下方查看留言,并且与有意者打成交易意向。

    2.1.4 站内搜索引擎

    每一个页面顶部都存在一个搜索输入框,用户通过输入模糊的商品信息,后台数据库通过查询过滤相关的商品信息,并且显示出来给用户查看,显示出来的商品点击之后可以显示商品的详细信息。

    2.1.5 发布商品

    用户输入指定的信息,以及选择商品的图片,之后将这些信息结合当前登陆的用户,通过Ajax发表到后台,并且通过框架存储数据到数据库指定表。

    2.1.6 发布求购信息

    用户输入指定的信息,以及选择商品的图片,之后将这些信息结合当前登陆的用户,通过Ajax发表到后台,并且通过框架存储数据到数据库指定的求购信息表。

    2.1.7 个人信息模块

    显示个人信息,例如用户名、真实姓名、宿舍号、学号等,显示之后还需要支持对于数据进行修改,修改之后,要同步修改页面的信息,这需要用到Ajax进行数据的提交,并且进行页面的局部刷新。

    2.1.8 我发布的商品模块

    显示个人发表的商品信息,支持点击之后对数据进行修改,例如修改商品名字,修改商品的单价和数量等,修改之后将新的数据提交到数据库,数据库执行相应的修改操作,也可以直接下架某件商品,点击删除按钮之后,直接在后台数据库删除这一件商品,并且刷新当前页面上显示的个人发布的商品。给用户带来更好的体验效果。

    2.1.9 我发布的求购信息模块

    显示个人发表的求购商品信息,支持点击之后对数据进行修改,例如修改商品名字,修改商品的单价和数量等,修改之后将新的数据提交到数据库,数据库执行相应的修改操作,也可以直接下架某件商品,点击删除按钮之后,直接在后台数据库删除这一件商品,并且刷新当前页面上显示的个人求购的商品。

    2.1.10 购物车模块

    显示用户加入购物车的商品,计算总的价格,提供全选和取消全选的按钮,从后台获取商品的单价,判断当前剩余的数量,当用户点击数量添加或者减少之后,对于总价要实时刷新,采用jQuery对数据进行修改,当用户取消选中其中的某一个商品,要相应的减少价格并且刷新,提供选择收货地址,对收获地址进行管理,选好收货地址之后,结算购物车,弹出支付页面,让用户选择付款方式,并且提交。

    2.1.11 登录注册模块

    用户通过手机号码和密码进行登录,登录之后显示首页。当用户没有账号的时候,提示用户进行注册,从登录界面切换到注册界面,注册需要通过手机号码获取验证码,后台通过页面传递的手机号码,随机生成4位数的验证码并且缓存,之后通过发送139邮箱的方式发送到指定的手机,手机收取到验证码之后输入验证码提交,判断是否正确,正确则注册成功,失败则注册失败。用户注册完之后直接跳转到首页。

    2.2 数据结构设计

    首页需要的数据是热门商品的信息,商品信息需要建立一个Bean对象,存储内容是商品的id、商品名称、商品单价、商品类别、商品数量、商品详细信息、商品成色、商品附带的图片地址、热门程度、发表用户的id、留言的集合,当用户发表之后,保存数据到Bean对象中,并将它存储到数据库。首页请求数据之后,根据热门度返回多个数据,将数据存储到list集合中,并且将它转换为JSON格式数据,返回到页面,页面解析数据并且显示。

    商场则负责显示所有的商品数据,实现侧边栏点击指定的类别之后,显示对应类别的数据,需要的是类别的id,因此类别Bean对象的数据是类别id、类别名称,点击之后,通过类别id获取到商品详情集合,并且将它转为JSON格式的数据,返回到前端页面,显示数据。

    点击商品之后,需要显示商品详细信息,通过商品的id返回指定商品的Bean对象,转化为JSON格式的数据,返回到前端页面显示,需要显示商品的留言信息,因此需要留言的Bean对象,包括数据留言id、留言的商品id、留言内容、留言时间,结合商品的详情返回JSON格式数据,前端解析之后显示。

    求购商城,负责显示所有的求购商品,需要求购商品的Bean,内容包括求购商品id、求购商品名称、求购商品数量、求购商品单价、求购商品详细信息、求购商品留言集合。页面显示时从后台返回对象集合转变的JSON数据,前端解析数据并且显示出来。

    登陆界面需要验证用户信息,用户信息包括内容用户id、用户名、用户的手机号码、用户密码、用户真实姓名、用户地址、用户email、用户性别、用户学号。验证的时候只需要判断手机号码和密码是否符合,符合则验证通过,返回验证结果,用JSON存储数据。失败则返回失败信息。

    主要用到的数据结构是ArrayList负责组合各种信息,并且转换为JSON格式数据返回。数据需要排序的时候,用到的是快速排序,负责排列热门商品等的信息,并且返回数据到前端页面进行显示。

    3 详细设计

    3.1 数据字典

    用户信息表

    字段名字段类型是否可为空备注
    IdInt(11)主键
    ModifyDatetime修改时间
    UsernameVarchar(50)用户昵称
    PhoneChar(11)用户手机号码
    realNameVarchar(20)用户真实姓名
    ClazzVarchar(20)用户所在班级
    SnoChar(12)用户学号
    DormitoryVarchar(20)宿舍号
    GenderChar(2)性别
    CreatetimeDatetime创建时间
    AvatarVarchar(200)头像

    用户密码表

    字段名字段类型是否可为空备注
    IdInt主键
    ModifyDatetime修改时间
    PasswordVarchar(24)用户密码
    UidInt用户id

    商品表

    字段名字段类型是否可为空备注
    IdInt(11)主键
    ModifyDatetime修改时间
    NameVarchar(50)商品名称
    LevelInt商品成色
    RemarkVarchar(255)商品详细信息
    PriceDecimal(0.00)商品价格
    SortInt商品类别
    CountInt商品数量
    DisplayInt商品是否被下架
    TransactionInt交易方式
    SalesInt商品销量
    UidInt发表的用户id
    ImageVarchar(255)商品的图片地址

    商品留言

    字段名字段类型是否可为空备注
    IdInt(11)主键
    ModifyDatetime修改时间
    SidInt商品的id
    ContentVarchar(122)留言内容
    DisplayInt是否可见
    UidInt评论的用户id

    我的收藏

    字段名字段类型是否可为空备注
    IdInt(11)主键
    ModifyDatetime修改时间
    SidInt商品的id
    DisplayInt是否可见
    UidInt评论的用户id

    求购商品

    字段名字段类型是否可为空备注
    IdInt(11)主键
    ModifyDatetime修改时间
    NameVarchar(50)求购商品名称
    RemarkVarchar(255)求购商品详情
    PriceDecimal(0.00)求购商品价格
    SortInt求购商品类别
    CountInt求购商品数量
    DisplayInt信息是否被删除
    TransactionInt交易方式
    UidInt发表的用户id
    ImageVarchar(255)商品的图片地址

    求购商品留言

    字段名字段类型是否可为空备注
    IdInt(11)主键
    ModifyDatetime修改时间
    QidInt求购商品的id
    ContentVarchar(122)留言内容
    DisplayInt是否可见
    UidInt评论的用户id

    我发布的商品

    字段名字段类型是否可为空备注
    IdInt(11)主键
    ModifyDatetime修改时间
    DisplayInt是否被删除
    UidInt用户id
    SidInt对应商品id

    我求购的商品

    字段名字段类型是否可为空备注
    IdInt(11)主键
    ModifyDatetime修改时间
    DisplayInt是否被删除
    UidInt用户id
    QidInt求购商品id

    已购买的商品

    字段名字段类型是否可为空备注
    IdInt(11)主键
    ModifyDatetime修改时间
    StateInt商品当前的状态
    UidInt用户id
    SidInt商品id
    QuantityInt商品数量

    购物车

    字段名字段类型是否可为空备注
    IdInt(11)主键
    ModifyDatetime修改时间
    DisplayInt商品是否被删除
    UidInt用户id
    SidInt商品id
    QuantityInt商品数量

    3.2 实现过程

    3.2.1 商品首页实现

    负责显示热门的商品信息,以及显示本网站的网站信息,导航栏负责跳转到各个页面,没有登录显示按钮可以让用户进行登陆和注册。已登录的用户显示用户名,并且可以发布商品信息,查看个人信息等。进入首页的时候,通过Ajax获取数据库中存在的热门商品数据集合,并且刷新页面的内容,点击商品之后跳转到商品详细信息模块。

    首页的前端设计大体如下

    顶部实现导航栏,导航栏包括网站logo支持点击之后返回到首页、输入框和按钮负责站内搜索引擎的实现、以及一个span包裹的数据,当有用户登陆时将它替换为用户名,没有用户登录时,则将它设置为登录注册按钮,方便用户进行登录和注册。用户登陆之后,显示出来的用户名可以通过绑定鼠标进入事件,弹出选择框让用户选择相应的操作,例如显示个人信息、查看发布的商品、查看求购的商品、发布商品、发布求购商品信息。导航栏与其他页面共用。

    这里写图片描述
      显示热门商品信息,采用轮播图实现,主要是先定义一个顶级的div指定position是绝对位置,将除了当前显示的页面之外的轮播图div都隐藏起来,为当前的div添加一个current类,判断点击的方向,如果是右则先获取到current的下一个div,并且将它准备在右侧等候进入,当前的div移出之后,就将下一个进入,并且删除原来的current类,将它添加给新的div。在此过程中控制动画,就可以实现一个精美的轮播图。
    这里写图片描述
      其他部分实现效果
    这里写图片描述
    这里写图片描述

    3.2.2 二手商城实现

    负责显示所有的二手商品,提供类别的侧边栏给用户点击之后显示对应的商品信息。类别侧边栏的实现后,需要为每一个类别的元素都添加一个id,通过id来获取数据库中的数据,用Ajax获取数据并且刷新页面的信息。采用分页技术,防止数据过多的时候,显示在同一个页面,给用户带来不好的体验,分页支持点击下一页上一页或者直接点击指定页面,跳转到指定的页面。商品点击之后就要跳转到商品详情。

    二手商城前端实现

    主要是设计侧边栏比较有难度,首先获取后台返回的三级类别,并且将顶级类别显示在侧边栏中,当鼠标移动上去的时候,显示其余两级目录,显示次级目录作为标题,而第三级的目录则是可点击的按钮,点击之后显示相应类别的商品信息。
    这里写图片描述
    商城商品展示
    这里写图片描述

    其次是底部分页按钮的实现,左右切换需要通过jQuery来控制,下一页则判断是否已经到达当前显示的页数倒数第二个,如果是就删除第一个页数,并且添加下一页的页数(前提是还有页数可以继续),如果不是倒数第二个,就将当前元素的current类名删除并将它赋给下一个元素。
    这里写图片描述
    这里写图片描述

    3.2.3 商品详情实现

    负责显示指定的商品详细信息,包括图片、名字、价格、数量等,当一个商品被点击之后,通过返回的id查询到这个数据集合,跳转到商品详细信息的页面,商品发布者可以在下方查看留言,并且与有意者打成交易意向。将对应的信息显示出来,并且提供加入到购物车的功能。商品详细信息下方显示其他用户的留言,并且已经登录的用户可以对这件商品进行评论,商品发布者可以在下方查看留言,并且与有意者打成交易意向。商品发布者可以在下方查看留言,并且与有意者打成交易意向。

    显示商品的详细信息,并且添加可以留言的模块,用户发表留言之后,会在下方的留言板通过ajax进行实时的刷新。
    这里写图片描述
      留言
    这里写图片描述

    3.2.4 站内搜索引擎实现

    每一个页面顶部都存在一个搜索输入框,用户通过输入模糊的商品信息,后台数据库通过查询过滤相关的商品信息,并且显示出来给用户查看,显示出来的商品点击之后可以显示商品的详细信息。
    这里写图片描述
      搜索结果
    这里写图片描述

    3.2.5 发布商品实现

    用户输入指定的信息,以及选择商品的图片,之后将这些信息结合当前登陆的用户,通过Ajax发表到后台,并且通过框架存储数据到数据库指定表。

    三级联动的实现,用Ajax获取到三级的类别JSON数据,之后解析JSON数据,将第一级的添加到第一个下拉框,第二级的添加到第二个下拉框,第三级的添加到第三个下拉框,当第一个或者是第二个发生改变的时候,通过获取父容器的子集合修改后两级或者一级的下拉框内容,用jQuery的html替换即可。
    这里写图片描述
    这里写图片描述
     点击图片后显示缩略图,需要先采用一个file的input,获取到file的文件集合,并且获取它的网页缓存地址,获取后将它设置到img的src中,可以添加一个渐变的动画效果,给用户带来更好的视觉体验。
    这里写图片描述

    3.2.6 发布求购信息实现

    用户输入指定的信息,以及选择商品的图片,之后将这些信息结合当前登陆的用户,通过Ajax发表到后台,并且通过框架存储数据到数据库指定的求购信息表。三级联动采用前一个的即可。
    这里写图片描述

    3.2.7 个人信息页面实现

    显示个人信息,例如用户名、真实姓名、宿舍号、学号等,显示之后还需要支持对于数据进行修改,修改之后,要同步修改页面的信息,这需要用到Ajax进行数据的提交,并且进行页面的局部刷新。

    所有信息采用jQuery的EasyUI中的accordion显示,标题显示信息,而底部内容则显示修改的组件,之后Ajax修改具体信息后需要将对应的新的内容,采用jQuery显示到标题中。
    这里写图片描述
    这里写图片描述

    3.2.8 我发布的商品实现

    显示个人发表的商品信息,支持点击之后对数据进行修改,例如修改商品名字,修改商品的单价和数量等,修改之后将新的数据提交到数据库,数据库执行相应的修改操作,也可以直接下架某件商品,点击删除按钮之后,直接在后台数据库删除这一件商品,并且刷新当前页面上显示的个人发布的商品。给用户带来更好的体验效果。
    这里写图片描述
      点击修改
    这里写图片描述

    3.2.9我发布的求购信息实现

    显示个人发表的求购商品信息,支持点击之后对数据进行修改,例如修改商品名字,修改商品的单价和数量等,修改之后将新的数据提交到数据库,数据库执行相应的修改操作,也可以直接下架某件商品,点击删除按钮之后,直接在后台数据库删除这一件商品,并且刷新当前页面上显示的个人求购的商品。
    这里写图片描述
    这里写图片描述

    3.2.10购物车实现

    显示用户加入购物车的商品,计算总的价格,提供全选和取消全选的按钮,从后台获取商品的单价,判断当前剩余的数量,当用户点击数量添加或者减少之后,对于总价要实时刷新,采用jQuery对数据进行修改,当用户取消选中其中的某一个商品,要相应的减少价格并且刷新,提供选择收货地址,对收获地址进行管理,选好收货地址之后,结算购物车,弹出支付页面,让用户选择付款方式,并且提交。
    这里写图片描述
      点击添加数量和减少
    这里写图片描述

    3.2.11登录注册实现

    用户通过手机号码和密码进行登录,登录之后显示首页。当用户没有账号的时候,提示用户进行注册,从登录界面切换到注册界面,注册需要通过手机号码获取验证码,后台通过页面传递的手机号码,随机生成4位数的验证码并且缓存,之后通过发送139邮箱的方式发送到指定的手机,手机收取到验证码之后输入验证码提交,判断是否正确,正确则注册成功,失败则注册失败。用户注册完之后直接跳转到首页。

    登录界面需要4个页面,第一个是登录界面,显示手机号码和密码的组件,并且需要底部添加注册按钮,以及忘记密码。第二个是注册界面,注册界面首先提供用户输入手机号码以及验证码,获取验证码的按钮,获取之后跳转到下一步,也就是输入密码界面。输入密码界面需要两次确认密码,输入确认之后就是跳转到首页。最后一个界面是忘记密码,同样通过输入手机号码获取验证码即可。之后将这四个界面通过CSS3的transform属性,将四个界面组合成一个立方体,当用户点击切换到各自界面的按钮时,就采用transform的rotateY,将切换的效果实现成立体翻转的效果。
    这里写图片描述
    这里写图片描述
    这里写图片描述

    后台实现的过程

    1. 总述:本次后台使用的编程语言为Java,使用的框架是Spring+SpringMVC+Mybatis,前端网页渲染的语言不使用JSP,而我选择使用的是thymeleaf框架,

    原因如下:

    a. thymeleaf可以直接渲染出HTML5和CSS3的效果。

    b.前端写的网页合并到后台处理的时候不需要转换成jsp页面,方便快捷。

    c. thymeleaf可以很方便的解析后台传输到前端的值。

    d. thymeleaf,我个人认为是个比较好的模板,性能也比一般的,比如freemaker的要高,而且把将美工和程序员能够结合起来,美工能够在浏览器中查看静态效果,程序员可以在应用服务器查看带数据的效果。

    e. thymeleaf是一个支持html原型的自然引擎,它在html标签增加额外的属性来达到模板+数据的展示方式,由于浏览器解释html时,忽略未定义的标签属性,因此thymeleaf的模板可以静态运行。

    2. 后台结构总图
    这里写图片描述

    java:存放Java代码
      bean:用于序列化到前端,然后解析的实体类。
      controller:spring和springMVC的控制器,用于处理请求的链接
      dao:,和数据库进行交互
      pojo:普通的Java实体类
      service:定义接口,用于连接controller和dao
      token:生成唯一标识,用于防止用户重复提交。
      tool:工具类,例如处理文件,文本敏感词过滤,图片色情鉴别等等。
      resources:存放资源文件,例如Mybatis生成的xml文件,spring,springMVC,mybatis配置文件等等
      css:网站样式
      img:网站部分图片
      js:JavaScript文件
      templates:网站html文件

    3.后台实现了一个只能单用户登录的功能:如果有两个用户使用同一个账号分别登录,那么后一个登录的用户会踢掉第一个用户登录的账号,也就是说先登录的用户会被强制退出。实现细节:主要使用的是websockt和spring websockt。首先前端判断用户有没有登录,如果有登录的话,就将用户的手机号码,当前时间发送到后台,后台接收到信息,解析信息,将信息存储到Map中,前台循环提交这些信息,并判断Map中手机号码对应的时间是否相等,如果不相等,证明有其他用户登录了该账号,后台发送下线信息到前端,前端收到信息后,触发退出当前账号事件。

    4.常规数据库增删查改:考虑到密码是重要的信息,所以当操作密码的时候,都是先使用MD5对其进行加密后处理。例如修改密码,注册用户等等。各个数据表之间的关联都是通过逻辑处理进行数据联系的。

    5.防止用户重复提交:在每个界面,都会由后台生成一个token,然后前端页面存储该token,如果用户进行提交按钮等事件时,就会连这个token一起发送到后台进行处理,后台若获取不到token或者token不相匹配,那么就判定该用户重复提交这个事件,后台直接返回原本页面。

    6.敏感词过滤:管理员将敏感词编入到数据库中,用户发布商品时附带的商品名称,商品备注等等,都会被过滤,将其中的敏感词替代成**。然后返回对应的数值。用户在填写商品名称,详情的时候,还会ajax自动和后台进行验证判断,并实时提醒用户有没有输入敏感词。

    7.图片色情鉴别:使用的是百度的百度开发者平台中的色情图片识别功能。通过提交一张图片到百度的这个功能中,该项目功能就会返回一个数字,姑且称该值为色情值,如果该色情值超过一个给定的数值,那么就可以判定该图片为色情图片,如果用户上传的是色情图片,那么就无法插入,修改,后台会直接返回一个错误值给前端,提示使用了非法的图片。

    4.问题分析

    4.1 在实现只能单用户登录的时候,由于是第一次编写,以前没有经验,刚开始的想法是设计2个Map(m1,m2),用于存储前一次登录(m1)和再次登录(m2)的手机号码和对应的时间。首先,当用户第一次登录的时候,m1和m2必定都为空,m2先通过手机号码存储当前的时间,然后前端通过websockt发送定时信息过来请求判断,在后台处理前端发送过来的信息的时,先判断m1是否存在m2中该的该手机,如果不存在,则证明为第一次登录,那么m1存储m2中对应手机的对应时间。如果存在,那么将m1中时间和m2中的时间进行比较,若比较结果一致,是单用户登录;若不一致,该手机为前一次登录,强迫下线。当用户再次登录的时候,m2中存储手机对应的当前的时间,那么前一次登录的时候m1中存储的手机对应的时间必然小于再次登录中m2中存储的时间,此时,前一次登录强迫下线,m1中的时间刷新为m2中对应的时间。但是这个思路出现了一个严重的问题,在测试的时候,首次登录后,第二次登录确实会踢掉第一次登录,但是第三次登录的时候,所有的用户都平安无事,不会互相排挤,此时出现的问题应该是线程不安全导致的结果。m1,m2这2个map都可能会出现这种情况。

    解决方法:设计一个Map(m),用于存储手机号码和其对应的时间。首先,用户登录后,将当前的时间,手机号码通过websockt发送到后台,后台进行判断处理,如果发送过来的时间和m中存储的时间进行比较,若一致,证明没有其他用户登录,若不一致,证明其他用户登录过,那么当前这次用户就会被迫下线

    4.2 设计的工具类中,因为存在很多个类和包,如果没有使用工厂模式进行设计的时候,那么在启动项目的时候,多用户登录时,就会导致线程不安全或者线程堵塞,并且将类中的所有方法声明为static时,会占用了许多的内存。

    解决方法:使用静态工厂模式-静态内部类。将所有的工具类集中到一个总类中,然后为给总类设计一个静态内部类,其他将要调用的方法设计为public非静态方法,如果调用的时候用工厂调用就可以了。

    4.3 当使用多个参数通过mybatis获取数据库数据时,出现了参数未定义的情况,这是因为多个参数的时候,要将这些参数封装为一个Map。

    解决方法:将多个参数封装为一个Map,然后将该Map作为参数传递给mybatis的处理方法。

    4.4 发送手机验证码出现的错误:一开始像使用邮箱验证用户的,但是在通过邮箱给用法发送信息的时候,这个时候就有多个邮箱作发送者供选择-QQ,163,127,sina等等。原先使用的是163邮箱进行发送信息,但是由于发送的内容过于少,被系统认定为垃圾邮件不给发送或者接收。其他邮箱也类似。后来感觉使用邮箱发送验证码已经被淘汰了,现在流行手机验证了,所以改为发送手机验证码。但是手机发送验证码的话,不想使用网上别人提供的服务,打算自己写一个,关键是怎么将验证码发送到手机上。

    解决方法:将验证码发送到139邮箱上就可以了,一般的手机用户都会默认绑定139邮箱的,如果139邮箱收到信息,那么就会通过发送短信的形式提示到对应的手机上,这样就可以实现手机验证码的发送了。

    4.5 前端使用Ajax局部刷新时,有可能会导致新显示的内容无法绑定点击事件,最终导致在点击相应的按钮(例如加入购物车按钮)时,页面没有反应。

    解决方法:在Ajax的for循环显示结果内容后,为按钮等绑定相应的事件。这样就可以解决该问题。

    6.用户使用说明

    6.1 首页

    首先访问本站网址,进入首页,可以浏览首页的商品信息,首页轮播图可以左右切换查看商品信息,如果没有主动切换,那么每3.5s之后会自动往右切换一张,往下滑动显示的是其他的一些热门商品缩略信息,点击商品名字之后可以查看该商品的详细信息和留言。再下方是一些其他信息,可以忽略。

    6.2 普通游客的限制

    普通游客可以随意访问首页,可以通过导航栏访问商城,求购商城等。但是如要要发布求购、发布商品则需要先登录。

    6.3 没有账号?

    如果用户还没有账号,那么点击右上角的注册按钮,之后会跳转到注册界面,用户需要输入手机号,再通过它获取验证码,注意输入的手机号必须要格式正确并且有效,获取验证码之后,便点击下一步,此时到达的界面是确认密码界面,重复输入密码,两次输入的密码必须一致。确认完毕之后就会进入首页。如果用户忘记了自己注册过的账号密码,那么点击登录界面的忘记密码选项,输入注册时使用的手机号码,通过此手机号码获取验证码,输入验证码之后,点击下一步开始重置密码,重置完毕之后就会重新进入到首页。

    6.4 商城

    用户想要查看其他用户发布的商品,需要通过点击导航栏处的商城进入到商城页面,在此可以浏览所有的商品,每页显示12个,底部的分页按钮,可以点击之后切换到用户想找的页面。而用户如果需要过滤信息,找到自己想要的类别,左侧悬浮的悬浮框,鼠标移动到指定的类别中,查看详细的类别,点击自己想要找的商品类别,网站便会过滤出指定的商品呈现给用户。

    商城显示的商品信息只是一部分,通过点击商品名可以跳转到商品详细信息页面,用户可以在此查看商品的所有信息,可以将它添加到购物车,或者查看下方其他用户的留言,也可以针对自己的意见,对商品做出评价。

    6.5 模糊查询

    如果想要模糊查询商品,最顶部有一个输入框,输入商品的信息,点击搜索按钮,系统会自动过滤合适的商品呈现给用户。

    6.6 求购商城

    如果用户有商品想要出售,可以进入求购商城,浏览其他用户的求购信息,通过点击顶部的导航栏 求购商城 进入查看所有的求购信息,同样有分页和侧边栏的功能。

    6.7 发布商品信息

    如果已经登录过,那么右上角显示的是用户名,将鼠标移动到上面,会弹出一个下拉框,点击发布商品信息,按照提示输入各自的信息,之后确认信息无误之后点击发布按钮即可。

    6.8 发布求购信息

    发布求购信息的过程跟发布商品信息一样,主要是点击下拉框的发布求购信息,在发表即可。

    6.9 查看我发布的商品

    鼠标移动到左上角的用户名,点击显示出来的下拉框的我发布的商品,就可以进入到自己发布过的商品,可以点击每一个商品下方的修改图标可以对商品进行修改,点击删除图片可以下架这个商品。

    6.10 查看我的求购商品

    跟查看我发布的商品基本一致,只是点击的是我的求购商品。

    6.11 购物车

    用户浏览到合适的商品,可以点击添加至购物车的按钮,之后可以将鼠标移动至右上角用户名处,点击显示出来的下拉列表,点击我的购物车,进入到我的购物车查看自己有意向购买的商品。此时可以选择收货地址,或者修改购物车中的一些信息,例如修改数量,或者删除某一件商品。也可以同时选中所有的商品,或者是取消选中所有的商品,之后便可以结算。

    三、设计总结或结论

    该C2C校园二手交易平台,界面简洁明了,能给用户一种美的视觉上的享受。并且操作简单易懂,可以大胆但是毫不夸张的说,本系统适用于99%的青少年愉快的使用,对于不是很了解智能科技的人来说,只要看看就基本可以掌握然后熟练的使用该系统了。并且本系统的动画效果做得非常的完美,前端工作人员争取使用最少的代码实现最炫酷的动态效果,例如3D页面转换,动态加入购物车效果,搜索的时候动态自动提示商品名字功能等等,无一不是本系统的亮点。由于前端本着使用最少的代码,实现最炫酷的动态效果,所以其性能可以来说是杠杠的。并且前端所构建的网站为响应式网站,当页面的大小发送变化的时候,页面会随着变化,但是我们的变化不会出现任何的纰漏。在兼容性方面,本网站可以完美的兼容ie8+,Firefox8+,chrome6+等等,虽然目前比较少用户使用这些版本以下的浏览器,但是要做的话,我们就要力争做到完美,前端人员通过查询资料,目前可以最完美的兼容上诉浏览器的以下版本。

    前端页面缺点:对于那些不兼容HTML5和CSS3的浏览器,使用的是JavaScript来动态实现这些3D效果的,所以可能展示的效果不如支持HTML5和CSS3的本身效果好。对应浏览器版本真的是过低的用户,无法完美的显示本系统的动态网页。JavaScript实现的那些动画效果可能存在某些目前未知的bug,导致性能上的加载可能会出现瑕疵。

    后台实现的优点:后台为了提高性能,使用了一些目前属于比较好的设计模式,例如工厂方法模式,代理模式,备忘录模式,单例模式等等。数据库表的设计思想主要是参考阿里巴巴的开发手册进行设计的,在性能上,建立了适当的索引,增强了查询速度,并且自己设计了许多的算法对后台数据的处理进行优化等等。本来想使用集群和分布式来实现后台,但是考虑到现在如果使用集群,分布式来实现,那么开发周期得提升不止一个档次的时间。

    网站加载图片的时候,通常耗费的主要流量和影响速度的原因之一就是这个,所以后台设计了一个比较有意思的算法对图片进行适当的压缩,在前端显示的时候,主要显示的压缩后的图片,当鼠标移到图片上的时候,那么通过ajax显示未被压缩过的图片的放大版。这样,既可以节省带宽,又可以提高用户的体验。

    为了防止XSS攻击,可以使用消毒和HttpOnly防止该现象;对于注入攻击,使用的方法为错误回显,盲注,参数绑定;对于CSRF攻击,可以使用表单token,验证码和Rererfer check。

    对于密码,手机号码,真实信息等等敏感信息,通常都需要对其进行信息加密,我使用的是单向散列表加密和对称加密,还有就是使用公钥密钥配对核实认证。但是如果使用到密钥的话,那么一般会要求用户下载安全证书到本机。

    信息过滤和反垃圾是目前一个比较主流的问题。我使用的主要是文本匹配来过滤敏感词的。当用户发布的信息很长的时候,使用的过滤算法是双数组Trie算法进行敏感词过滤,该算法利用两个稀疏数组存储树结构,base数组存储Trie树的节点,check数组进行状态检查。该算法需要根据业务场景和经验确定数组大小,避免数组过大或者冲突过多。

    简而言之,前端效果简洁炫酷,操作简单易懂。

    没有实现的功能:秒杀系统,前端反向代理,CDN加速。

    参考文献

    [1] 李智慧. 大型网站技术架构 核心原理与案例分析[M].北京,工业机械出版社,2013.
    [2] 马丁著 韩磊译.代码整洁之道[Clean Code A Handbook of Agile Software Craftsmanship] [M]. 北京,人们邮电出版社,2010.
    [3] Craig Walls 著 张卫滨译. Spring In Action[M]. 北京,人民邮电出版社,2016
    [4] Thomas H.Cormen , Charles E.Leiserson, Ronald L.Rivest, Clifford Stein著,徐云,王刚等译. 算法导论(原书第3版)[M]. 北京,机械工业出版社,2015
    [5] Joshua Bloch 著 杨春花 俞黎敏 译. Effective Java(Second Edition) [M]. 北京,机械工业出版社,2016
    [6] 本·弗莱恩(Ben Frain)著奇舞团 译. 响应式Web设计 HTML5和CSS3实战(第2版)[M]. 人民邮电出版社,2017
    [7] 达科特(Jon Duckett) 著 刘涛,陈学敏 译. JavaScript&jQuery交互式Web前端开发[M]. 清华大学出版社,2015
    [8] NicholasC.Zakas著 李松峰曹力 译. JavaScript高级程序设计(第3版)[M]. 人民邮电出版社,2016

    展开全文
  • 前端架构,项目目录结构

    万次阅读 2017-03-20 16:27:58
    建立一个好的前端架构是开始开发Web应用或网站的一个基本步骤。良好的实践和编码常规...我希望我的项目支持不同的屏幕尺寸和分辨率,换句话说,我希望它是响应的; 我希望最终产品是可被维护的; 我希望最终产品性

    建立一个好的前端架构是开始开发Web应用或网站的一个基本步骤。良好的实践和编码常规是必不可少的,但是结构呢?我们如何在可控的时间内构思一个好的架构?但最重要的事情是,我们应该从哪里开始?

    当我开始思考这个问题时,我意识到一些事情:

    我想要一个多页面项目(一个Web应用或网站);
    我希望我的项目支持不同的屏幕尺寸和分辨率,换句话说,我希望它是响应式的;
    我希望最终产品是可被维护的;
    我希望最终产品性能上是出色的;
    我希望可以为将来的项目重复使用相同的模板。
    正确的工具

    现在我们拥有大量很酷的工具可以用于现代化前端开发工作流中。因此,面对第1、2点我告诉自己我需要一个基于CSS体系结构的中断点(能够帮我支持不同的设备和桌面的大小)。而另一个方面大量的CSS和文件可能会有点混乱(这违背了第3点),这就是为什么我决定开始使用CSS预处理器的原因。关于第4点,答案很简单,我决定使用Gruntjs。而第5点在我看来Yeoman是一个很好的解决方案。

    组织工作流

    每个前端项目总是包含库、jQuery插件和大量的JavaScript&CSS文件(或本文例子中的SCSS)以达到不同的目的和目标。使用不同的技术手段混合所有的元素,并把它们放在一起,这意味着建立一个前端工作流。我们会发现自己在管理一个巨大的、涉及不同技术的工作流。这就是为什么我们需要将所有东西通过遵循一种模式或公约置入文件夹中,以此来保持清晰、整洁。这对我们而言是非常重要的。

    我们可以在巨大的组合中选择分解所有基本的前端组件,如以下所示:

    SCSS 文件
    scripts(脚本)
    views(视图)
    当然我们还可以继续细分:

    SCSS
    variables(变量)
    mixins(混合类)
    公共部分到每一个布局
    单一布局
    js

    库(如:jquery、angularjs、gAnalytics等等)
    插件(通常为jquery插件)
    控制器(我的意思是类似angularjs这样的控制器)
    在一个基于模板的架构(例如使用blade.PHP或jade with nodejs)我们也可以将视图分割如下:

    views

    公共部分到每一个视图
    单一视图
    视图这块在本文不做讨论,因为我假设项目里每个页面或布局只有一个视图(一个HTML文件)。

    基于这些初步的考虑,下面展示的是我的文件夹树:
    这里写图片描述

    文件夹树注解

    imgs

    存放所有的图片文件:.png、.jpg、.jpeg、壁纸等。

    示例:icon.png、home-background.jpeg、userAvatar.jpg。

    js(主文件夹)

    存放.js文件。子文件夹组织情况如下:

    \controllers(子文件夹)

    存放angular控制器,每一个控制器都有一个与对应视图相同的名字。比如,如果home.html需要一个angular控制器,你可以创建一个像这样的文件:project\js\controllers\home.js。

    示例:home.js、user-registration.js、user-login.js

    \libs(子文件夹)

    用于存放JavaScript库,当然这里不包含插件。

    示例:jquery-latest.js、angular.js、googleAnalytics.js

    \plugins(子文件夹)

    插件需要依赖关系来工作,而库不需要,这也就是为什么这里创建两个文件夹的原因。

    示例:jquery-fancyInput.js、restangular.js、customPlugin.js、jquery-airport.js

    \views(子文件夹)

    存放所有表象的东西,每个文件都与对应的视图名称相同。例如,如果home.html需要一些效果、材料以及插件初始值,你可以创建一个像这样的文件:project\js\views\home.js。

    示例:home-animations.js、user-registration.js、user-login.js、site-animations.js
    重点内容
    CSS(主文件夹)

    这个文件夹包含了所有从主SCSS文件中生成的CSS。例如home.scss会在该文件中生成对应的home.css文件。

    \libs(子文件夹)

    即使是对CSS文件,我也会区分库和插件,这里有些CSS库例子。

    示例:_meyers-reset.scss、_normalize.scss、_animate.scss、_960gridSystem.scss

    \plugins(子文件夹)

    CSS文件包含于该文件夹中是使JavaScript插件工作的必备风格。

    示例:_jquery-fancyInput.scss、_jqueryTooltip.scss

    \framework (子文件夹)

    我决定在这个目录中存放scss文件以共享到整个项目页面,框架子文件将以下面的方式组织:

    _variables.scss(项目变量声明——colors、spacings等)
    _mixins.scss(项目mixin声明——typography、clearfix、animations等)
    _forms.scss(自定义表单样式和重置)
    _input.scss(自定义输入样式和重置)
    \layouts (子文件夹)

    这是一个敏感的部分。这个目录中的文件以这种方式组织:它们涵盖所有屏幕分辨率、遵循移动第一的原则。所以,你应该使用_all.scss声明你自己的风格。在该文件中的规格声明是对所有屏幕尺寸和所有视图都有效的。如果你希望你的网站适应性强的话,就不要仅仅是重写规则,为其他屏幕分辨率声明它们。

    文件夹组织结构如下:

    phablets (481up) _phablets.scss
    tablets and small laptops (768up) _tablets.scss
    desktops (1030up) _desktop.scss
    desktops with large screens (1204up) _desktop-large.scss
    retina displays exceptions (@2x) _retina.scss
    这些文件将把握布局异常,被称为mediaqueries。

    请注意:这些文件共享于所有视图(HTML页面)。这就是为什么你需要在scss\layouts文件下创建一个新的文件夹以给定一个特定的风格到一个特定的页面。

    转载地址:http://blog.csdn.net/kongjiea/article/details/50563057

    展开全文
  • 最近录制的ajax从基础到实战的视频,包含原生ajax jquery的ajax 以及ajax接口获取数据等 Ajax前端开发、项目实战、从零基础到精通、接口数据调用-学习视频教程-腾讯课堂 红色为常见面试题 =======================...

    近期总结一一些面试题 都是企业的面试题笔记题

    感觉薪资10k下的都会出笔试题   

    特别高的薪资都是直接技术面试或者是 现场编程 

    总结很多人的面试题,后期会对于单个知识点再说笔记详细讲解。

    最新Vue面试题网址:2021年 Vue经典面试题 -- 必问知识点 --(包含答案)_xm1037782843的博客-CSDN博客_vue面试题

    敬请关注公众 :包含全套 Vue 最新面试题  js最近面试题 等大量前端知识技术。

     

    部分都是百度的答案,不是特全面的,可以自己找下

    同时分享一个自己录制的CSS3动画特效经典案例【推荐教程】--后期会更新vue框架 微信小程序等内容。

    最近录制的ajax从基础到实战的视频,包含原生ajax  jquery的ajax 以及ajax接口获取数据等

    Ajax前端开发、项目实战、从零基础到精通、接口数据调用-学习视频教程-腾讯课堂

    红色为常见面试题

    =============================================================

    前端面试题: 

    1. 一个200*200的div在不同分辨率屏幕上下左右居中,用css实现

    <div style="width:500px;height:500px;border:1px solid green;display:flex;justify-content:center;align-items:center;">
      <div style="">
        上下左右居中
      </div>
    </div>

    2. 写一个左中右布局占满屏幕,其中左右两块是固定宽度200 ,中间自适应宽,要求先加载中间块,请写出结构及样式:

    <div id="left">我是左边</div>
        <div id="center">我是中间</div>
        <div id="right">我是右边</div>
    
    html,body{ margin: 0px;width: 100%; } 
    #left,#right{width: 200px;height: 200px;background-color: aqua;
        position: absolute;}
        #left{left: 0;top:0;}
        #right{right: 0;top:0;}
        #center{margin: 0 200px;background-color: blue;height: 200px;}

    或者利用弹性盒子

        <style>
            * {
                margin: 0;
                padding: 0;
            }
    
            html,
            body {
                height: 100%;
            }
    
            body {
                display: flex;
            }
    
            .left {
                width: 100px;
                background-color: rgb(199, 170, 223);
            }
    
            .center {
                background-color: rgb(151, 228, 148);
                flex: 1;
            }
    
            .right {
                width: 100px;
                background-color: rgb(199, 170, 223);
    
    
            }
        </style>
    
    <body>
        <div class="left">left</div>
        <div class="center">center</div>
        <div class="right">right</div>
    </body>
    

    3. 阐述清楚浮动的几种方式(常见问题)

    1.父级div定义 height

    原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。
    优点:简单、代码少、容易掌握
    缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题

    2.父级div定义 overflow:hidden

    原理:必须定义width或zoom:1,同时不能定义height,使用overflow:hidden时,浏览器会自动检查浮动区域的高度
    优点:简单、代码少、浏览器支持好

    4. 结尾处加空div标签 clear:both

    原理:添加一个空div,利用css提高的clear:both清除浮动,让父级div能自动获取到高度
    优点:简单、代码少、浏览器支持好、不容易出现怪问题

    缺点:不少初学者不理解原理;如果页面浮动布局多,就要增加很多空div,让人感觉很不好

    5. 解释css sprites ,如何使用?

    CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。

    CSS Sprites为一些大型的网站节约了带宽,让提高了用户的加载速度和用户体验,不需要加载更多的图片

    6. 如何用原生js给一个按钮绑定两个onclick事件?

    Var  btn=document.getElementById(‘btn’);

    //事件监听 绑定多个事件

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

    btn4.addEventListener("click",hello1);

    btn4.addEventListener("click",hello2);

    function hello1(){

     alert("hello 1");

    }

    function hello2(){

     alert("hello 2");

    }

    7. 拖拽会用到哪些事件

    · dragstart:拖拽开始时在被拖拽元素上触发此事件,监听器需要设置拖拽所需数据,从操作系统拖拽文件到浏览器时不触发此事件.

    · dragenter:拖拽鼠标进入元素时在该元素上触发,用于给拖放元素设置视觉反馈,如高亮

    · dragover:拖拽时鼠标在目标元素上移动时触发.监听器通过阻止浏览器默认行为设置元素为可拖放元素.

    · dragleave:拖拽时鼠标移出目标元素时在目标元素上触发.此时监听器可以取消掉前面设置的视觉效果.

    · drag:拖拽期间在被拖拽元素上连续触发

    · drop:鼠标在拖放目标上释放时,在拖放目标上触发.此时监听器需要收集数据并且执行所需操作.如果是从操作系统拖放文件到浏览器,需要取消浏览器默认行为.

    · dragend:鼠标在拖放目标上释放时,在拖拽元素上触发.将元素从浏览器拖放到操作系统时不会触发此事件.

    8. 请列举jquery中的选择器:

    9. Javascript中的定时器有哪些?他们的区别及用法是什么?

    setTimeout 只执行一次
    setInterval 会一直重复执行

    9.请描述一下 cookies sessionStorage和localstorage区别

    相同点:都存储在客户端
    不同点:1.存储大小

    · cookie数据大小不能超过4k。

    · sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。

    2.有效时间

    · localStorage    存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;

    · sessionStorage  数据在当前浏览器窗口关闭后自动删除。

    · cookie          设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭

    3. 数据与服务器之间的交互方式

    · cookie的数据会自动的传递到服务器,服务器端也可以写cookie到客户端

    · sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。

    10.计算一个数组arr所有元素的和

    var arr1=[1,2,3,4,5,6,7,8,9];

    var sum1=0;

    for (var i=0;i<=arr1.length;i++) {

    if (typeof arr1[i]=="number") {

    sum1+=arr1[i];

    }

    }

    document.write(sum1);

    //====================================

    function sum2(arr){

    var all=0;

    for (var i=0;i<arr.length;i++) {

    if (typeof arr[i]=="number") {

    all+=arr[i];

    }

    }

    return all;

    }

    document.write(sum2([1,2,3,4]));

    11.编写一个方法去掉数组里面 重复的内容  var arr=[1,2,3,4,5,1,2,3]

    一个数组去重的简单实现

     

    var arr = ['abc','abcd','sss','2','d','t','2','ss','f','22','d'];

    //定义一个新的数组

    var s = [];

    //遍历数组

    for(var i = 0;i<arr.length;i++){

        if(s.indexOf(arr[i]) == -1){  //判断在s数组中是否存在,不存在则push到s数组中

            s.push(arr[i]);

        }

    }

    console.log(s);

    //输出结果:["abc", "abcd", "sss", "2", "d", "t", "ss", "f", "22"]

    方法二:用sort()  然后相邻比较也可以实现

    12.document.write和innerHTML的区别:

    document.write是直接写入到页面的内容流,如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数,会导致页面被重写。

    innerHTML则是DOM页面元素的一个属性,代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容,则需要修改document.documentElement.innerElement。

    innerHTML将内容写入某个DOM节点,不会导致页面全部重绘

     

    innerHTML很多情况下都优于document.write,其原因在于其允许更精确的控制要刷新页面的那一个部分。

    13.ajax的步骤

    什么是ajax?

    ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。

    如何使用ajax?

    第一步,创建xmlhttprequest对象,var xmlhttp =new XMLHttpRequest();XMLHttpRequest对象用来和服务器交换数据。

    var xhttp;

    if (window.XMLHttpRequest) {

    //现代主流浏览器

    xhttp = new XMLHttpRequest();

    } else {

    // 针对浏览器,比如IE5或IE6

    xhttp = new ActiveXObject("Microsoft.XMLHTTP");

    }

    第二步,使用xmlhttprequest对象的open()和send()方法发送资源请求给服务器。

    第三步,使用xmlhttprequest对象的responseText或responseXML属性获得服务器的响应。

    第四步,onreadystatechange函数,当发送请求到服务器,我们想要服务器响应执行一些功能就需要使用onreadystatechange函数,每次xmlhttprequest对象的readyState发生改变都会触发onreadystatechange函数

    14.xml和json的区别,请用四个词语来形容

    ·  JSON相对于XML来讲,数据的体积小,传递的速度更快些

    ·  JSON与JavaScript的交互更加方便,更容易解析处理,更好的数据交互

    ·  XML对数据描述性比较好;

    ·  JSON的速度要远远快于XML

     

    15.清楚浮动的方法?(多次出现在面试题)

    1.父级div定义 height
    原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。
    优点:简单、代码少、容易掌握

    缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题

    2,结尾处加空div标签 clear:both

    原理:添加一个空div,利用css提高的clear:both清除浮动,让父级div能自动获取到高度
    优点:简单、代码少、浏览器支持好、不容易出现怪问题
    缺点:不少初学者不理解原理;如果页面浮动布局多,就要增加很多空div,让人感觉很不好
    3,父级div定义 伪类:after 和 zoom

    原理:IE8以上和非IE浏览器才支持:after,原理和方法2有点类似,zoom(IE转有属性)可解决ie6,ie7浮动问题
    优点:浏览器支持好、不容易出现怪问题(目前:大型网站都有使用,如:腾迅,网易,新浪等等)
    缺点:代码多、不少初学者不理解原理,要两句代码结合使用才能让主流浏览器都支持
    4,父级div定义 overflow:hidden

    原理:必须定义width或zoom:1,同时不能定义height,使用overflow:hidden时,浏览器会自动检查浮动区域的高度
    优点:简单、代码少、浏览器支持好
    缺点:不能和position配合使用,因为超出的尺寸的会被隐藏。

     

    16.box-sizing常用的属性有哪些?分别有什么作用?

    属性值

    · box-sizing:content-box

    · box-sizing:border-box

    · box-sizing:inherit

     

    content-box

    · 这是box-sizing的默认属性值

    · 是CSS2.1中规定的宽度高度的显示行为

    · 在CSS中定义的宽度和高度就对应到元素的内容框

    · 在CSS中定义的宽度和高度之外绘制元素的内边距和边框

     

    border-box

    · 在CSS中微元素设定的宽度和高度就决定了元素的边框盒

    · 即为元素在设置内边距和边框是在已经设定好的宽度和高度之内进行绘制

    · CSS中设定的宽度和高度减去边框和内间距才能得到元素内容所占的实际宽度和高度

    (Q1)box-sizing: content-box|border-box|inherit;
    (Q2)content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。
    border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

     

    17.css选择器有哪些,选择器的权重的优先级

    选择器类型

    1、ID  #id

    2、class  .class

    3、标签  p

    4、通用  *

    5、属性  [type="text"]

    6、伪类  :hover

    7、伪元素  ::first-line

    8、子选择器、相邻选择器

    三、权重计算规则

    1. 第一等:代表内联样式,如: style=””,权值为1000。

    2. 第二等:代表ID选择器,如:#content,权值为0100。

    3. 第三等:代表类,伪类和属性选择器,如.content,权值为0010。

    4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。

    5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。

    6. 继承的样式没有权值。

    18. 块级元素水平垂直居中的方法有哪些(三个方法)

    让div等块级元素水平和垂直都居中,即永远处于屏幕的正中央,当我们做如登录块时非常有用!

     实现一、原理:要让div等块级元素水平和垂直居中,必需知道该div等块级元素的宽度和高度,然后设置位置为绝对位置,距离页面窗口左边框和上边框的距离设置为50%,这个50%就是指页面窗口的宽度和高度的50%,最后将该div等块级元素分别左移和上移,左移和上移的大小就是该div等块级元素宽度和高度的一半。

       CSS代码:

    .mycss{ 

       width:300px;  

       height:200px;  

       position:absolute;  

       left:50%;  

       top:50%;  

       margin:-100px 0 0 -150px }

     实现二原理:利用CSS的margin设置为auto让浏览器自己帮我们水平和垂直居中。

       CSS代码:

    .mycss{

        position: absolute;

        left: 0px;

        right: 0;

        top: 0;

        bottom: 0;

        margin: auto;

        height: 200px;

        width: 300px;

    }

    jQuery实现水平和垂直居中

     原理:jQuery实现水平和垂直居中的原理就是通过jQuery设置div等块级元素的CSS,获取div等块级元素的左、上的边距偏移量,边距偏移量的算法就是用页面窗口 的宽度减去该div等块级元素的宽度,得到的值再除以2即左偏移量,右偏移量算法相同。注意div等块级元素的CSS设置要在resize()方法中完成,就是每次改变窗口大 小时,都要执行设置div等块级元素的CSS。

    jquery代码:

    $(window).resize(function(){

        $(".myblock").css({

            position: "absolute",

            left: ($(window).width() - $(".myblock").outerWidth())/2,

            top: ($(window).height() - $(".myblock").outerHeight())/2     });        

    });

    此外在页面载入时,就需要调用resize()方法

    $(function(){

        $(window).resize();

    });

     

    19.三个盒子,左右定宽,中间自适应有几种方法

    第一种:左右侧采用浮动 中间采用margin-left 和 margin-right 方法。

    代码如下:

    <div style="width:100%; margin:0 auto;"> 

     

           <div style="width:200px; float:right; background-color:#960">这是右侧的内容 固定宽度</div>

     

           <div style="width:150px; float:left; background:#6FF">这是左侧的内容 固定宽度</div>

     

           <div style="margin-left:150px;margin-right:200px; background-color:#9F3">中间内容,自适应宽度</div>

     

        </div>

    第二种:左右两侧采用绝对定位 中间同样采用margin-left margin-right方法:

     

    第三种负的margin

    使用这种方法就稍微复杂了一些了,使用的是负的margin值,而且html标签也增加了,先来看其代码吧:

    <div id="main">

     <div id="mainContainer">main content</div></div><div id="left">

     <div id="leftContainer" class="inner">left content</div></div><div id="right">

     <div id="rightContainer" class="inner">right</div></div>

    #main {

     float: left;

     width: 100%;

    }

    #mainContainer {

     margin: 0 230px;

     height: 200px;

     background: green;

    }

    #left {

     float: left;

     margin-left: -100%;

     width: 230px} 

    #right {

     float: left;

     margin-left: -230px;

     width: 230px;

    } 

    #left .inner,

    #right .inner {

     background: orange;

     margin: 0 10px;

     height: 200px;

    }

    20.js有几种数据类型,其中基本数据类型有哪些

    五种基本类型: Undefined、Null、Boolean、Number和String。

    1中复杂的数据类型————Object,Object本质上是由一组无序的名值对组成的。

    Object、Array和Function则属于引用类型

     

    21.undefined 和 null 区别

     

    null: Null类型,代表“空值”,代表一个空对象指针,使用typeof运算得到 “object”,所以你可以认为它是一个特殊的对象值。

    undefined: Undefined类型,当一个声明了一个变量未初始化时,得到的就是undefined。

    null是javascript的关键字,可以认为是对象类型,它是一个空对象指针,和其它语言一样都是代表“空值”,不过 undefined 却是javascript才有的。undefined是在ECMAScript第三版引入的,为了区分空指针对象和未初始化的变量,它是一个预定义的全局变量。没有返回值的函数返回为undefined,没有实参的形参也是undefined。

     

    javaScript权威指南: null 和 undefined 都表示“值的空缺”,你可以认为undefined是表示系统级的、出乎意料的或类似错误的值的空缺,而null是表示程序级的、正常的或在意料之中的值的空缺。

    22.http 和 https 有何区别?如何灵活使用?

     

    http是HTTP协议运行在TCP之上。所有传输的内容都是明文,客户端和服务器端都无法验证对方的身份。

    https是HTTP运行在SSL/TLS之上,SSL/TLS运行在TCP之上。所有传输的内容都经过加密,加密采用对称加密,但对称加密的密钥用服务器方的证书进行了非对称加密。此外客户端可以验证服务器端的身份,如果配置了客户端验证,服务器方也可以验证客户端的身份


    23.常见的HTTP状态码

    2开头 (请求成功)表示成功处理了请求的状态代码。

    200   (成功)  服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。 
    201   (已创建)  请求成功并且服务器创建了新的资源。 
    202   (已接受)  服务器已接受请求,但尚未处理。 
    203   (非授权信息)  服务器已成功处理了请求,但返回的信息可能来自另一来源。 
    204   (无内容)  服务器成功处理了请求,但没有返回任何内容。 
    205   (重置内容) 服务器成功处理了请求,但没有返回任何内容。
    206   (部分内容)  服务器成功处理了部分 GET 请求。

    3开头 (请求被重定向)表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。

    300   (多种选择)  针对请求,服务器可执行多种操作。 服务器可根据请求者 (user agent) 选择一项操作,或提供操作列表供请求者选择。 
    301   (永久移动)  请求的网页已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置。
    302   (临时移动)  服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。
    303   (查看其他位置) 请求者应当对不同的位置使用单独的 GET 请求来检索响应时,服务器返回此代码。
    304   (未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容。 
    305   (使用代理) 请求者只能使用代理访问请求的网页。 如果服务器返回此响应,还表示请求者应使用代理。 
    307   (临时重定向)  服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。

    4开头 (请求错误)这些状态代码表示请求可能出错,妨碍了服务器的处理。

    400   (错误请求) 服务器不理解请求的语法。 
    401   (未授权) 请求要求身份验证。 对于需要登录的网页,服务器可能返回此响应。 
    403   (禁止) 服务器拒绝请求。
    404   (未找到) 服务器找不到请求的网页。
    405   (方法禁用) 禁用请求中指定的方法。 
    406   (不接受) 无法使用请求的内容特性响应请求的网页。 
    407   (需要代理授权) 此状态代码与 401(未授权)类似,但指定请求者应当授权使用代理。
    408   (请求超时)  服务器等候请求时发生超时。 
    409   (冲突)  服务器在完成请求时发生冲突。 服务器必须在响应中包含有关冲突的信息。 
    410   (已删除)  如果请求的资源已永久删除,服务器就会返回此响应。 
    411   (需要有效长度) 服务器不接受不含有效内容长度标头字段的请求。 
    412   (未满足前提条件) 服务器未满足请求者在请求中设置的其中一个前提条件。 
    413   (请求实体过大) 服务器无法处理请求,因为请求实体过大,超出服务器的处理能力。 
    414   (请求的 URI 过长) 请求的 URI(通常为网址)过长,服务器无法处理。 
    415   (不支持的媒体类型) 请求的格式不受请求页面的支持。 
    416   (请求范围不符合要求) 如果页面无法提供请求的范围,则服务器会返回此状态代码。 
    417   (未满足期望值) 服务器未满足"期望"请求标头字段的要求。

    5开头(服务器错误)这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误,而不是请求出错。

    500   (服务器内部错误)  服务器遇到错误,无法完成请求。 
    501   (尚未实施) 服务器不具备完成请求的功能。 例如,服务器无法识别请求方法时可能会返回此代码。 
    502   (错误网关) 服务器作为网关或代理,从上游服务器收到无效响应。 
    503   (服务不可用) 服务器目前无法使用(由于超载或停机维护)。 通常,这只是暂时状态。 
    504   (网关超时)  服务器作为网关或代理,但是没有及时从上游服务器收到请求。 
    505   (HTTP 版本不受支持) 服务器不支持请求中所用的 HTTP 协议版本。

     

     

    24. 如何进行网站性能优化

    1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。
    2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。
      总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。
      前端优化的途径有很多,按粒度大致可以分为两类,第一类是页面级别的优化,例如 HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等 ;第二类则是代码级别的优化,例如 Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等。另外,本着提高投入产出比的目的,后文提到的各种优化策略大致按照投入产出比从大到小的顺序排列。
      一、页面级优化
    1. JavaScript 压缩和模块打包
    2. 按需加载资源
    3. 在使用 DOM 操作库时用上 array-ids
    4. 缓存
    5. 启用 HTTP/2
    6. 应用性能分析
    7. 使用负载均衡方案
    8. 为了更快的启动时间考虑一下同构
    9. 使用索引加速数据库查询
    10. 使用更快的转译方案
    11. 避免或最小化 JavaScript 和 CSS 的使用而阻塞渲染
    12. 用于未来的一个建议:使用 service workers + 流
    13. 图片编码优化

    25. react和vue有哪些不同,说说你对这两个框架的看法

    相同点

    · 都支持服务器端渲染

    · 都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范

    · 数据驱动视图

    · 都有支持native的方案,React的React native,Vue的weex

    不同点

    · React严格上只针对MVC的view层,Vue则是MVVM模式

    · virtual DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树.而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制

    · 组件写法不一样, React推荐的做法是 JSX + inline style, 也就是把HTML和CSS全都写进JavaScript了,即'all in js'; Vue推荐的做法是webpack+vue-loader的单文件组件格式,即html,css,jd写在同一个文件;

    · 数据绑定: vue实现了数据的双向绑定,react数据流动是单向的

    · state对象在react应用中不可变的,需要使用setState方法更新状态;在vue中,state对象不是必须的,数据由data属性在vue对象中管理

    26.什么是mvvm mvc是什么区别 原理

    一、MVC(Model-View-Controller)

    MVC是比较直观的架构模式,用户操作->View(负责接收用户的输入操作)->Controller(业务逻辑处理)->Model(数据持久化)->View(将结果反馈给View)。

    MVC使用非常广泛,比如JavaEE中的SSH框架

     

    三、MVVM(Model-View-ViewModel)

    如果说MVP是对MVC的进一步改进,那么MVVM则是思想的完全变革。它是将“数据模型数据双向绑定”的思想作为核心,因此在View和Model之间没有联系,通过ViewModel进行交互,而且Model和ViewModel之间的交互是双向的,因此视图的数据的变化会同时修改数据源,而数据源数据的变化也会立即反应view

    27.px和em的区别

    px表示像素 (计算机屏幕上的一个点:1px = 1/96in),是绝对单位,不会因为其他元素的尺寸变化而变化;

    · 

    · 

    em表示相对于父元素的字体大小。em是相对单位 ,没有一个固定的度量值,而是由其他元素尺寸来决定的相对值。

    28.优雅降级和渐进增强

    渐进增强(Progressive Enhancement):一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。

    优雅降级(Graceful Degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用,然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。

    其实渐进增强和优雅降级并非什么新概念,只是旧的概念换了一个新的说法。在传统软件开发中,经常会提到向上兼容向下兼容的概念。渐进增强相当于向上兼容,而优雅降级相当于向下兼容

    29.eval()的作用

    把字符串参数解析成JS代码并运行,并返回执行的结果;

    eval("2+3");//执行加运算,并返回运算值。  

    eval("varage=10");//声明一个age变量  

    eval的作用域

    functiona(){  

    1.  eval("var x=1"); //等效于 var x=1;  

    2.  console.log(x); //输出1  

    3. }  

    4. a();  

    5. console.log(x);//错误 x没有定

    30. JS哪些操作会造成内存泄露

    1)意外的全局变量引起的内存泄露

    function leak(){  

      leak="xxx";//leak成为一个全局变量,不会被回收  

    }

    2)闭包引起的内存泄露

    3)3)没有清理的DOM元素引用

    4)被遗忘的定时器或者回调 5)子元素存在引起的内存泄露

    31. 浏览器缓存有哪些,通常缓存有哪几种

    一、http缓存

    二、websql

    cookie

    localstorage

    sessionstorage

    flash缓存

    32:bootstrap响应式实现的原理

    百分比布局+媒体查询

    33.关于JS事件冒泡与JS事件代理(事件委托)

     事件作为DOM操作重要的一环,需要大家好好理解和运用,今天特意看了一下事件冒泡和事件代理的相关资料,感触颇深,也深感自己的无知不知道多浪费了多少内存,废话不多说进入正题:

    1.事件冒泡:

          通俗易懂的来讲,就是当一个子元素的事件被触发的时候(如onclick事件),该事件会从事件源(被点击的子元素)开始逐级向上传播,触发父级元素的点击事件。

    2.事件委托

        事件委托,首先按字面的意思就能看你出来,是将事件交由别人来执行,再联想到上面讲的事件冒泡,是不是想到了?对,就是将子元素的事件通过冒泡的形式交由父元素来执行。下面经过详细的例子来说明事件委托:

    有可能在开发的时候会遇到这种情况:如导航每一个栏目都要加一个事件,你可能会通过遍历来给每个栏目添加事件:

    事件委托是怎

    1. var ul = document.getElementById('parentUl');  

    2.     ul.οnclick=function (event) {  

    3.       var e = event||window.event,  

    4.               source = e.target || e.srcElement;//target表示在事件冒泡中触发事件的源元素,在IE中是srcElement  

    5.         if(source.nodeName.toLowerCase() == "li"){   //判断只有li触发的才会输出内容  

    6.             alert(source.innerHTML);  

    7.         }  

    8.         stopPropagation(e);                           //阻止继续冒泡  

    9.     };  

    10.     function addElement() {  

    11.         var li = document.createElement('li');  

    12.         li.innerHTML="我是新孩子";  

    13.         ul.appendChild(li);  

    14.     }  

    34. CSS样式覆盖规则

    规则一:由于继承而发生样式冲突时,最近祖先获胜。

    规则二:继承的样式和直接指定的样式冲突时,直接指定的样式获胜

    规则三:直接指定的样式发生冲突时,样式权值高者获胜。

    样式的权值取决于样式的选择器,权值定义如下表。

    CSS选择器

    权值

    标签选择器

    1

    类选择器

    10

    ID选择器

    100

    内联样式

    1000

    伪元素(:first-child等)

    1

    伪类(:link等)

    10

    可以看到,内联样式的权值>>ID选择器>>类选择器>>标签选择器,除此以外,后代选择器的权值为每项权值之和,比如”#nav .current a”的权值为100 + 10 + 1 = 111。

    规则四:样式权值相同时,后者获胜。

    规则五:!important的样式属性不被覆盖。

    !important可以看做是万不得已的时候,打破上述四个规则的”金手指”。如果你一定要采用某个样式属性,而不让它被覆盖的,可以在属性值后加上!important,以规则四的例子为例,”.byline a {color:red !important;}”可以强行使链接显示红色。大多数情况下都可以通过其他方式来控制样式的覆盖,不能滥用!important。

    35. 介绍一下box-sizing属性

    兼容问题 
    首先,box-sizing属性在FireFox中存在兼容问题,所以需要使用-moz-box-sizing做一下兼容。

     

    属性值

    · box-sizing:content-box

    · box-sizing:border-box

    · box-sizing:inherit

     

    content-box

    · 这是box-sizing的默认属性值

    · 是CSS2.1中规定的宽度高度的显示行为

    · 在CSS中定义的宽度和高度就对应到元素的内容框

    · 在CSS中定义的宽度和高度之外绘制元素的内边距和边框

     

    border-box

    · 在CSS中微元素设定的宽度和高度就决定了元素的边框盒

    · 即为元素在设置内边距和边框是在已经设定好的宽度和高度之内进行绘制

    · CSS中设定的宽度和高度减去边框和内间距才能得到元素内容所占的实际宽度和高度

    36. css选择符有哪些?优先级算法如何计算?(常见)

    37. 请简要描述margin重合问题,及解决方式

    1.同向margin的重叠:
    1图片的margin-top与3图片的margin-top发生重叠,2图片的margin-bottom与3图片的margin-bottom发生重叠。这时候重叠之后的margin值由发生重叠两片的最大值决定;如果其中一个出现负值,则由最大的正边距减去绝对值最大的负边距,如果没有最大正边距,则由0减去绝对值最大的负边距。
    解决同向重叠的方法:
    (1)在最外层的div中加入overflow:hidden;zoom:1
    (2)在最外层加入padding:1px;属性
    (3)在最外层加入:border:1px solid #cacbcc;
    2.异向重叠问题:
    1图片的margin-bottom与2图片的margin-top发生重叠,这时候重叠之后的margin值由发生重叠两图片的最大值的决定的。
    解决异向重叠问题:
    float:left(只能解决IE6浏览器中的异向重叠问题,可以解决IE8以上、chorme、firefox、opera下的同向重叠问题)

     

    38:position的值,relative\absolute\fixed分别相对于进行谁定位,有什么区别,什么时候用?

    39.解释下CSS sprites,以及你要如何在页面或网站中使用它。

    CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background-repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置

     

    40.什么是闭包,如何使用它,为什么要使用它?

    包就是能够读取其他函数内部变量的函数。由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。

    所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。

    使用闭包的注意点:

    · 由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

    · 闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

     

    41.请解释JSONP的工作原理,以及它为什么不是真正的AJAX。

    JSONP (JSON with Padding)是一个简单高效的跨域方式,HTML中的script标签可以加载并执行其他域的javascript,于是我们可以通过script标记来动态加载其他域的资源。例如我要从域A的页面pageA加载域B的数据,那么在域B的页面pageB中我以JavaScript的形式声明pageA需要的数据,然后在 pageA中用script标签把pageB加载进来,那么pageB中的脚本就会得以执行。JSONP在此基础上加入了回调函数,pageB加载完之后会执行pageA中定义的函数,所需要的数据会以参数的形式传递给该函数。JSONP易于实现,但是也会存在一些安全隐患,如果第三方的脚本随意地执行,那么它就可以篡改页面内容,截获敏感数据。但是在受信任的双方传递数据,JSONP是非常合适的选择。

    AJAX是不跨域的,而JSONP是一个是跨域的,还有就是二者接收参数形式不一样!

    42.请解释一下JavaScript的同源策略。

    在客户端编程语言中,如javascript和 ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么叫不同的域呢?当两个域具有相同的协议, 相同的端口,相同的host,那么我们就可以认为它们是相同的域。同源策略还应该对一些特殊情况做处理,比如限制file协议下脚本的访问权限。本地的HTML文件在浏览器中是通过file协议打开的,如果脚本能通过file协议访问到硬盘上其它任意文件,就会出现安全隐患,目前IE8还有这样的隐患。

    43.怎样添加、移除、移动、复制、创建和查找节点?

     1)创建新节点

    createDocumentFragment() //创建一个DOM片段
    createElement() //创建一个具体的元素
    createTextNode() //创建一个文本节点

    2)添加、移除、替换、插入
    appendChild() //添加
    removeChild() //移除
    replaceChild() //替换
    insertBefore() //插入

    3)查找
    getElementsByTagName() //通过标签名称
    getElementsByName() //通过元素的Name属性的值
    getElementById() //通过元素Id,唯一性

    44.谈谈垃圾回收机制方式及内存管理

    回收机制方式

    1、定义和用法:垃圾回收机制(GC:Garbage Collection),执行环境负责管理代码执行过程中使用的内存。

    2、原理:垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存。但是这个过程不是实时的,因为其开销比较大,所以垃圾回收器会按照固定的时间间隔周期性的执行。

    3、实例如下:

    function fn1() {

        var obj = {name: 'hanzichi', age: 10};

    }

    function fn2() {

        var obj = {name:'hanzichi', age: 10};

       return obj;

    }var a = fn1();var b = fn2();

    fn1中定义的obj为局部变量,而当调用结束后,出了fn1的环境,那么该块内存会被js引擎中的垃圾回收器自动释放;在fn2被调用的过程中,返回的对象被全局变量b所指向,所以该块内存并不会被释放。

     4、垃圾回收策略:标记清除(较为常用)和引用计数。

    标记清除:

      定义和用法:当变量进入环境时,将变量标记"进入环境",当变量离开环境时,标记为:"离开环境"。某一个时刻,垃圾回收器会过滤掉环境中的变量,以及被环境变量引用的变量,剩下的就是被视为准备回收的变量。

      到目前为止,IE、Firefox、Opera、Chrome、Safari的js实现使用的都是标记清除的垃圾回收策略或类似的策略,只不过垃圾收集的时间间隔互不相同。

    引用计数:

      定义和用法:引用计数是跟踪记录每个值被引用的次数。

      基本原理:就是变量的引用次数,被引用一次则加1,当这个引用计数为0时,被视为准备回收的对象。

    45、jQuery的事件委托方法bind 、live、delegate、on之间有什么区别?

    (1)、bind 【jQuery 1.3之前】

    定义和用法:主要用于给选择到的元素上绑定特定事件类型的监听函数;

    语法:bind(type,[data],function(eventObject));

    特点:

    (1)、适用于页面元素静态绑定。只能给调用它的时候已经存在的元素绑定事件,不能给未来新增的元素绑定事件。

    (2)、当页面加载完的时候,你才可以进行bind(),所以可能产生效率问题。

    实例如下:$( "#members li a" ).bind( "click", function( e ) {} );

    (2)、live 【jQuery 1.3之后】

    定义和用法:主要用于给选择到的元素上绑定特定事件类型的监听函数;

    语法:live(type, [data], fn);

    特点:

    (1)、live方法并没有将监听器绑定到自己(this)身上,而是绑定到了this.context上了。

    (2)、live正是利用了事件委托机制来完成事件的监听处理,把节点的处理委托给了document,新添加的元素不必再绑定一次监听器。

    (3)、使用live()方法但却只能放在直接选择的元素后面,不能在层级比较深,连缀的DOM遍历方法后面使用,即$(“ul”").live...可以,但$("body").find("ul").live...不行; 

    实例如下:$( document ).on( "click", "#members li a", function( e ) {} );

    (3)、delegate 【jQuery 1.4.2中引入】

    定义和用法:将监听事件绑定在就近的父级元素上

    语法:delegate(selector,type,[data],fn)

    特点:

    (1)、选择就近的父级元素,因为事件可以更快的冒泡上去,能够在第一时间进行处理。

    (2)、更精确的小范围使用事件代理,性能优于.live()。可以用在动态添加的元素上。

    实例如下:

    $("#info_table").delegate("td","click",function(){/*显示更多信息*/});

    $("table").find("#info").delegate("td","click",function(){/*显示更多信息*/});

    (4)、on 【1.7版本整合了之前的三种方式的新事件绑定机制】

    定义和用法:将监听事件绑定到指定元素上。

    语法:on(type,[selector],[data],fn)

    实例如下:$("#info_table").on("click","td",function(){/*显示更多信息*/});参数的位置写法与delegate不一样。

    说明:on方法是当前JQuery推荐使用的事件绑定方法,附加只运行一次就删除函数的方法是one()。

     总结:.bind(), .live(), .delegate(),.on()分别对应的相反事件为:.unbind(),.die(), .undelegate(),.off()

    46、px和em的区别

    相同点:px和em都是长度单位;

    异同点:px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。
    浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。

    47、浏览器的内核分别是什么?

    IE: trident内核

    Firefox:gecko内核

    Safari:webkit内核

    Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核

    Chrome:Blink(基于webkit,Google与Opera Software共同开发)

    48、什么叫优雅降级和渐进增强?

    渐进增强 progressive enhancement:
    针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

    优雅降级 graceful degradation:
    一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

    区别:

    a. 优雅降级是从复杂的现状开始,并试图减少用户体验的供给

    b. 渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要

    c. 降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带

    49、sessionStorage 、localStorage 和 cookie 之间的区别

     共同点:用于浏览器端存储的缓存数据

    不同点:

    (1)、存储内容是否发送到服务器端:当设置了Cookie后,数据会发送到服务器端,造成一定的宽带浪费;

            web storage,会将数据保存到本地,不会造成宽带浪费;

    (2)、数据存储大小不同:Cookie数据不能超过4K,适用于会话标识;web storage数据存储可以达到5M;

    (3)、数据存储的有效期限不同:cookie只在设置了Cookid过期时间之前一直有效,即使关闭窗口或者浏览器;

            sessionStorage,仅在关闭浏览器之前有效;localStorage,数据存储永久有效;

    (4)、作用域不同:cookie和localStorage是在同源同窗口中都是共享的;sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;

    50、浏览器是如何渲染页面的?

    渲染的流程如下:

    1.解析HTML文件,创建DOM树。

       自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。

    2.解析CSS。优先级:浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式;

    3.将CSS与DOM合并,构建渲染树(Render Tree)

    4.布局和绘制,重绘(repaint)和重排(reflow)

    51:js的基本数据类型

    JavaScript中有五种基本数据类型,它们分别是:undefined,null,boolean,number,string。

    还有一种复杂数据类型-object。 

    52:事件委托

    事件委托就是利用的DOM事件的事件捕获阶段。把具体dom上发生的事件,委托给更大范围的dom去处理。好比送信员,如果每次都把信件送给每一户,非常繁琐。但是如果交给一个大范围的管理者,比如小区的传达室,那么事情会变得非常简单。事件委托就类似这种原理,我页面中有很多按钮,如果不使用事件委托,我只能在每个按钮上注册事件。非常麻烦。但如果我把事件注册在一个大范围的div(假设所有的按钮都在这个div中),那么我只要注册一次事件,就可以处理所有按钮(只要按钮包含在上述div中)事件的响应了

    53:CSS3新增了很多的属性,下面一起来分析一下新增的一些属性:

    1.CSS3边框:

    · border-radius:CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 中,border-radius 属性用于创建圆角。border:2px solid;

    · box-shadow:CSS3边框阴影。在 CSS3 中,box-shadow 用于向方框添加阴影。box-shadow:10px 10px 5px #888888;

    · border-image:CSS3边框图片。通过 CSS3 的 border-image 属性,您可以使用图片来创建边框。border-image:url(border.png) 30 30 round;

    2.CSS3背景:

    · background-size: 属性规定背景图片的尺寸。在 CSS3 之前,背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中,可以规定背景图片的尺寸,这就允许我们在不同的环境中重复使用背景图片。您能够以像素或百分比规定尺寸。如果以百分比规定尺寸,那么尺寸相对于父元素的宽度和高度。

    · background-origin :属性规定背景图片的定位区域。背景图片可以放置于 content-box、padding-box 或 border-box 区域。

    3.CSS3文字效果:

    · text-shadow:在 CSS3 中,text-shadow 可向文本应用阴影。text-shadow:5px 5px 5px #FFFFFF;

    · word-wrap :单词太长的话就可能无法超出某个区域,允许对长单词进行拆分,并换行到下一行:p{word-wrap:break-word;}

    4.CSS3 2D转换:

    transform:通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。

    · translate():元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数:transform:translate(50px,100px);值 translate(50px,100px) 把元素从左侧移动 50 像素,从顶端移动 100 像素。

    · rotate():元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转。transform:rotate(30deg);值 rotate(30deg) 把元素顺时针旋转 30 度。

    · scale():元素的尺寸会增加或减少,根据给定的宽度(X 轴)和高度(Y 轴)参数:transform:scale(2,4);值 scale(2,4) 把宽度转换为原始尺寸的 2 倍,把高度转换为原始高x() 5.CSS3 3D转换:

    · rotateX():元素围绕其 X 轴以给定的度数进行旋转。transform:rotateX(120deg);

    · rotateY():元素围绕其 Y 轴以给定的度数进行旋转。transform:rotateY(120deg);

    6.CSS3 过渡:当元素从一种样式变换为另一种样式时为元素添加效果。

    7.CSS3动画:通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。

    8.CSS3多列:

    · column-count:属性规定元素应该被分隔的列数。

    · column-gap:属性规定列之间的间隔。

    · column-rule :属性设置列之间的宽度、样式和颜色规则。

    9.CSS3用户界面:

    · resize:属性规定是否可由用户调整元素尺寸。

    · box-sizing:属性允许您以确切的方式定义适应某个区域的具体内容。

    · outline-offset :属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。

    54:从输入url到显示页面,都经历了什么

    第一步:客户机提出域名解析请求,并将该请求发送给本地的域名服务器。

    第二步:当本地的域名服务器收到请求后,就先查询本地的缓存,如果有该纪录项,则本地的域名服务器就直接把查询的结果返回。

    第三步:如果本地的缓存中没有该纪录,则本地域名服务器就直接把请求发给根域名服务器,然后根域名服务器再返回给本地域名服务器一个所查询域(根的子域)的主域名服务器的地址。
    第四步:本地服务器再向上一步返回的域名服务器发送请求,然后接受请求的服务器查询自己的缓存,如果没有该纪录,则返回相关的下级的域名服务器的地址。
    第五步:重复第四步,直到找到正确的纪录

    2种解释:

    一般会经历以下几个过程:

    1、首先,在浏览器地址栏中输入url

    2、浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有,会直接在屏幕中显示页面内容。若没有,则跳到第三步操作。

    3、在发送http请求前,需要域名解析(DNS解析)(DNS(域名系统,Domain Name System)是互联网的一项核心服务,它作为可以将域名和IP地址相互映射的一个分布式数据库,能够使人更方便的访问互联网,而不用去记住IP地址。),解析获取相应的IP地址。

    4、浏览器向服务器发起tcp连接,与浏览器建立tcp三次握手(TCP即传输控制协议。TCP连接是互联网连接协议集的一种。)

    5、握手成功后,浏览器向服务器发送http请求,请求数据包

    6、服务器处理收到的请求,将数据返回至浏览器

    7、浏览器收到HTTP响应

    8、读取页面内容,浏览器渲染,解析html源码

    9、生成Dom树、解析css样式、js交互

    10、客户端和服务器交互

    11、ajax查询

    55:对<meta></meta>标签有什么理解

    什么是meta标签?

    引自下W3school的定义说明一下。

    元数据(metadata)是关于数据的信息。

    标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。

    典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

    标签始终位于 head 元素中。

    元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。

    其实对上面的概念简单总结下就是:<meta> 标签提供关于 HTML 文档的元数据。它不会显示在页面上,但是对于机器是可读的。可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。

    meta的作用

    meta里的数据是供机器解读的,告诉机器该如何解析这个页面,还有一个用途是可以添加服务器发送到浏览器的http头部内容

    56:new操作符到底到了什么

    先看代码

    [javascript] view plain copy

    1. var Func=function(){  

    2. };  

    3. var func=new Func ();  

    new共经过了4几个阶段

    1、创建一个空对象

    [javascript] view plain copy

    1. varobj=new Object();  

    2、设置原型链

    [javascript] view plain copy

    1. obj.__proto__= Func.prototype;  

    3、让Func中的this指向obj,并执行Func的函数体。

    [javascript] view plain copy

    1. var result =Func.call(obj);  

    4、判断Func的返回值类型:

    如果是值类型,返回obj。如果是引用类型,就返回这个引用类型的对象。

    [javascript] view plain copy

    1. if (typeof(result) == "object"){  

    2.   func=result;  

    3. }  

    4. else{  

    5.     func=obj;;  

    6. }  

    57:h5新特性

    HTML5新特性 —— 新特性
    (1)新的语义标签和属性
    (2)表单新特性
    (3)视频和音频
    (4)Canvas绘图
    (5)SVG绘图
    (6)地理定位
    (7)拖放API
    58:vue的生命周期

     

     

    58:请写出你对闭包的理解,并列出简单的理解

    使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。

    闭包有三个特性:

    1.函数嵌套函数 

    2.函数内部可以引用外部的参数和变量 

    3.参数和变量不会被垃圾回收机制回收

     

    59:display none visibility hidden区别?

    1.display:none是彻底消失,不在文档流中占位,浏览器也不会解析该元素;visibility:hidden是视觉上消失了,可以理解为透明度为0的效果,在文档流中占位,浏览器会解析该元素;

    2.使用visibility:hidden比display:none性能上要好,display:none切换显示时visibility,页面产生回流(当页面中的一部分元素需要改变规模尺寸、布局、显示隐藏等,页面重新构建,此时就是回流。所有页面第一次加载时需要产生一次回流),而visibility切换是否显示时则不会引起回流。

    60:JavaScript中如何检测一个变量是一个String类型?请写出函数实现

    typeof(obj) === "string"

    typeof obj === "string"

    obj.constructor === String

    61:如何理解闭包?

    1、定义和用法:当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的其它变量,如果返回的这个函数在外部被执行,就产生了闭包。

    2、表现形式:使函数外部能够调用函数内部定义的变量。

    3、实例如下:

    (1)、根据作用域链的规则,底层作用域没有声明的变量,会向上一级找,找到就返回,没找到就一直找,直到window的变量,没有就返回undefined。这里明显count 是函数内部的flag2 的那个count 。

    var count=10;   //全局作用域 标记为flag1function add(){

        var count=0;    //函数全局作用域 标记为flag2

        return function(){

            count+=1;   //函数的内部作用域        alert(count);

        }

    }var s = add()

    s();//输出1

    s();//输出2

    4、变量的作用域

    要理解闭包,首先必须理解Javascript特殊的变量作用域。

    变量的作用域分类:全局变量和局部变量。

    特点:

    1、函数内部可以读取函数外部的全局变量;在函数外部无法读取函数内的局部变量。

    2、函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量!

     5、使用闭包的注意点

    1)滥用闭包,会造成内存泄漏:由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

    2)会改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

    62:谈谈垃圾回收机制方式及内存管理

    回收机制方式

    1、定义和用法:垃圾回收机制(GC:Garbage Collection),执行环境负责管理代码执行过程中使用的内存。

    2、原理:垃圾收集器会定期(周期性)找出那些不在继续使用的变量,然后释放其内存。但是这个过程不是实时的,因为其开销比较大,所以垃圾回收器会按照固定的时间间隔周期性的执行。

    3、实例如下:

    function fn1() {

        var obj = {name: 'hanzichi', age: 10};

    }

    function fn2() {

        var obj = {name:'hanzichi', age: 10};

       return obj;

    }var a = fn1();var b = fn2();

    fn1中定义的obj为局部变量,而当调用结束后,出了fn1的环境,那么该块内存会被js引擎中的垃圾回收器自动释放;在fn2被调用的过程中,返回的对象被全局变量b所指向,所以该块内存并不会被释放。

     4、垃圾回收策略:标记清除(较为常用)和引用计数。

    标记清除:

      定义和用法:当变量进入环境时,将变量标记"进入环境",当变量离开环境时,标记为:"离开环境"。某一个时刻,垃圾回收器会过滤掉环境中的变量,以及被环境变量引用的变量,剩下的就是被视为准备回收的变量。

      到目前为止,IE、Firefox、Opera、Chrome、Safari的js实现使用的都是标记清除的垃圾回收策略或类似的策略,只不过垃圾收集的时间间隔互不相同。

    引用计数:

      定义和用法:引用计数是跟踪记录每个值被引用的次数。

      基本原理:就是变量的引用次数,被引用一次则加1,当这个引用计数为0时,被视为准备回收的对象。

    63:判断一个字符串中出现次数最多的字符,统计这个次数

    var str = 'asdfssaaasasasasaa';

    var json = {};

    for (var i = 0; i < str.length; i++) {

        if(!json[str.charAt(i)]){

           json[str.charAt(i)] = 1;

        }else{

           json[str.charAt(i)]++;

        }

    };var iMax = 0;var iIndex = '';for(var i in json){

        if(json[i]>iMax){

             iMax = json[i];

             iIndex = i;

        }

    }        console.log('出现次数最多的是:'+iIndex+'出现'+iMax+'次');

    64、$(document).ready()方法和window.onload有什么区别?

     (1)、window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的。

     (2)、$(document).ready() 方法可以在DOM载入就绪时就对其进行操纵,并调用执行绑定的函数。

    65、 jquery中$.get()提交和$.post()提交有区别吗?

    相同点:都是异步请求的方式来获取服务端的数据;

    异同点:

    1、请求方式不同:$.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。

    2、参数传递方式不同:get请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给Web服务器的,这种传递是对用户不可见的。

    3、数据传输大小不同:get方式传输的数据大小不能超过2KB 而POST要大的多

    4、安全问题: GET 方式请求的数据会被浏览器缓存起来,因此有安全问题。

    66、jQuery的事件委托方法bind 、live、delegate、on之间有什么区别?(常见)

    (1)、bind 【jQuery 1.3之前】

    定义和用法:主要用于给选择到的元素上绑定特定事件类型的监听函数;

    语法:bind(type,[data],function(eventObject));

    特点:

    (1)、适用于页面元素静态绑定。只能给调用它的时候已经存在的元素绑定事件,不能给未来新增的元素绑定事件。

    (2)、当页面加载完的时候,你才可以进行bind(),所以可能产生效率问题。

    实例如下:$( "#members li a" ).bind( "click", function( e ) {} );

    (2)、live 【jQuery 1.3之后】

    定义和用法:主要用于给选择到的元素上绑定特定事件类型的监听函数;

    语法:live(type, [data], fn);

    特点:

    (1)、live方法并没有将监听器绑定到自己(this)身上,而是绑定到了this.context上了。

    (2)、live正是利用了事件委托机制来完成事件的监听处理,把节点的处理委托给了document,新添加的元素不必再绑定一次监听器。

    (3)、使用live()方法但却只能放在直接选择的元素后面,不能在层级比较深,连缀的DOM遍历方法后面使用,即$(“ul”").live...可以,但$("body").find("ul").live...不行; 

    实例如下:$( document ).on( "click", "#members li a", function( e ) {} );

    (3)、delegate 【jQuery 1.4.2中引入】

    定义和用法:将监听事件绑定在就近的父级元素上

    语法:delegate(selector,type,[data],fn)

    特点:

    (1)、选择就近的父级元素,因为事件可以更快的冒泡上去,能够在第一时间进行处理。

    (2)、更精确的小范围使用事件代理,性能优于.live()。可以用在动态添加的元素上。

    实例如下:

    $("#info_table").delegate("td","click",function(){/*显示更多信息*/});

    $("table").find("#info").delegate("td","click",function(){/*显示更多信息*/});

    (4)、on 【1.7版本整合了之前的三种方式的新事件绑定机制】

    定义和用法:将监听事件绑定到指定元素上。

    语法:on(type,[selector],[data],fn)

    实例如下:$("#info_table").on("click","td",function(){/*显示更多信息*/});参数的位置写法与delegate不一样。

    说明:on方法是当前JQuery推荐使用的事件绑定方法,附加只运行一次就删除函数的方法是one()。

     总结:.bind(), .live(), .delegate(),.on()分别对应的相反事件为:.unbind(),.die(), .undelegate(),.off()

    67、px和em的区别(常见)

     

    相同点:px和em都是长度单位;

    异同点:px的值是固定的,指定是多少就是多少,计算比较容易。em得值不是固定的,并且em会继承父级元素的字体大小。
    浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。

    68、浏览器的内核分别是什么?

    IE: trident内核

    Firefox:gecko内核

    Safari:webkit内核

    Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核

    Chrome:Blink(基于webkit,Google与Opera Software共同开发)

    69、什么叫优雅降级和渐进增强?(常见)

    渐进增强 progressive enhancement:
    针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

    优雅降级 graceful degradation:
    一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

    区别:

    a. 优雅降级是从复杂的现状开始,并试图减少用户体验的供给

    b. 渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要

    c. 降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带

    70、sessionStorage 、localStorage 和 cookie 之间的区别(常见)

     共同点:用于浏览器端存储的缓存数据

    不同点:

    (1)、存储内容是否发送到服务器端:当设置了Cookie后,数据会发送到服务器端,造成一定的宽带浪费;

            web storage,会将数据保存到本地,不会造成宽带浪费;

    (2)、数据存储大小不同:Cookie数据不能超过4K,适用于会话标识;web storage数据存储可以达到5M;

    (3)、数据存储的有效期限不同:cookie只在设置了Cookid过期时间之前一直有效,即使关闭窗口或者浏览器;

            sessionStorage,仅在关闭浏览器之前有效;localStorage,数据存储永久有效;

    (4)、作用域不同:cookie和localStorage是在同源同窗口中都是共享的;sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;

     

    展开全文
  • Java面试题大全(2020版)

    万次阅读 多人点赞 2019-11-26 11:59:06
     HashMap的数据结构java编程语言中,最基本的结构就是两种,一个是数组,另外一个是模拟指针(引用),所有的数据结构都可以用这两个基本结构来构造的,HashMap也不例外。HashMap实际上是一个“链表散列”的...
  • JAVA上百实例源码以及开源项目

    千次下载 热门讨论 2016-01-03 17:37:40
     用JAVA编写的指针圆形电子钟,效果图如下所示,其实代码很简单,希望对你有帮助。 Message-Driven Bean EJB实例源代码 2个目标文件 摘要:Java源码,初学实例,EJB实例  Message-Driven Bean EJB实例源代码,演示...
  • 手把手教你利用爬虫爬网页(Python代码)

    万次阅读 多人点赞 2019-05-14 14:34:48
    和周期性爬行和刷新页面的网络爬虫相比,增量爬虫只会需要的时候爬行新产生或发生更新的页面,并不重新下载没有发生变化的页面,可有效减少数据下载量,及时更新已爬行的网页,减小时间和空间上的耗费,但是增加...
  • Spring入门第一讲——Spring框架的快速入门

    万次阅读 多人点赞 2017-04-08 00:27:34
    Spring的概述什么是Spring据度娘所载...简单来说,Spring是一个分层的JavaSE/EEfull-stack(一站)轻量级开源框架。 Spring是一个开源框架,Spring是于2003年兴起的一个轻量级的Java开发框架,由Rod Johnson其著作Exp
  • Java框架总结

    万次阅读 多人点赞 2020-01-17 14:14:13
    本系列用来记录常用java框架的基本概念、区别及联系,也记录了使用过程中,遇到的一些问题的解决方法,方便自己查看,也方便大家查阅。 欲速则不达,欲达则欲速! 一、SSH 1、基本概念 SSH框架是JAVA EE中三种...
  • ),创建一个动态web项目,建立好相应的 目录结构 (重点!) (打了马赛克是因为这里还用不到,你们不要那么污好不好?) 我说一下每个目录都有什么用吧(第一次画表格,我发现markdown的表格语法很不友好呀~...
  • web前端响应式设计总结

    万次阅读 多人点赞 2017-08-30 10:20:51
    web前端响应式设计总结 一、响应概述   响应是指根据不同设备浏览器分辨率或尺寸来展示不同页面结构、行为、表现的设计方式。这里总结了响应网站设计需要涉及到的相关的内容,有不正确的欢迎大家指正。谈...
  • web前端-响应室内家具网页设计(HTML+CSS+JS)

    千次阅读 多人点赞 2021-10-26 14:27:23
    web前端期末大作业--响应室内家具网页设计(HTML+CSS+JS) 临近期末, 你还为HTML网页设计结课作业,老师的作业要求感到头大?网页要求的总数量太多?HTML网页作业无从下手?没有合适的模板?等等一系列问题。你想...
  • 测试开发笔记

    万次阅读 多人点赞 2019-11-14 17:11:58
    测试开发笔记 第一章 测试基础 7 什么是软件测试: 7 ...验收测试:(系统测试之后) 11 回归测试: 11 4.测试过程(干什么,怎么干) 12 5.各阶段输入、输出标准以及入口、出口准则:(测试阶段过程要素) 1...
  • C#基础教程-c#实例教程,适合初学者

    万次阅读 多人点赞 2016-08-22 11:13:24
    本章介绍C#语言的基础知识,希望具有C语言的读者能够基本掌握C#语言,并以此为基础,能够进一步学习用C#语言编写window应用程序和Web应用程序。当然仅靠一章的内容就完全掌握C#语言是不可能的,如需进一步学习C#语言...
  • 软件测试面试题汇总

    万次阅读 多人点赞 2018-09-27 12:31:09
    、阶段评审与项目评审有什么区别? ......................................................................................................... 8 21 、阐述工作版本的定义? .................................
  • 前端面试题集锦——前言

    万次阅读 多人点赞 2018-12-02 20:37:54
    web前端开发面试遇到的题目 web前端经典面试题 【前端】前端面试题整理 web前端开发面试题-基础篇 2018最新Web前端经典面试试题及答案-史上最全前端面试题(含答案) 前端面试题汇总 笔试题 2018最新Web前端经典面试...
  • 最受推荐的10本Python书籍

    万次阅读 多人点赞 2019-10-29 11:21:32
    本书的第一部分讨论了Python编程的基础知识,并阐述了字典,列表,循环和类等概念,此部分你将了解Python程序的工作原理,并学习如何编写干净且可读的代码来创建交互程序,第一部分最后讲解的主题是关于测试代码...
  • python开发本地WEB项目

    千次阅读 2018-10-19 11:15:03
    0. 基础 python版本 python-3.6.4 编辑器 pycharm-2018.2.4 ...虚拟环境是系统的一个位置,开发web项目时,需要安装的所有python库都必须安装该环境中。 创建( 通过CMD终端窗口实现 ) 1) ...
  • 28个步骤快速搭建基于SpringBoot的Maven多模块Java Web项目, 手把手教小白一步一步地快速搭建基于Springboot的maven多模块JavaWeb项目,使用idea编译器搭建。
  • java web项目开发编码规范

    千次阅读 2017-05-19 10:40:29
    适当内缩后的程能表现出逻辑结构,并增进可读性,易于理解。 2.2.2 空白行 逻辑上相关序代码与其前后之程序代码间应以空白行加以分隔;注释段与程序段、以及不同程序段插入空行。 每行只写一条语句。 ...
  • 大型Java web项目分布式架构演进

    万次阅读 2017-01-22 09:41:41
    分布式架构的演进 ...初始阶段 的小型系统 应用程序、数据库、文件等所有的资源都一台服务器上通俗称为LAMP 特征: 应用程序、数据库、文件等所有的资源都一台服务器上。 描述: 通常服务器操作系统使用L
  • 干货!Web 网页设计规范

    万次阅读 2020-04-21 14:20:46
    但是并不代表我们可以整个画布上作图。 网页的布局主要有两种,左右型布局和居中型布局。布局的不一致,使得可设计的空间也不相同。 1、左右布局 灵活性强, UI的限制小,左边通栏为导航栏,宽度没有具体的限制...
  • 史上最全面Java面试汇总(面试题+答案)

    万次阅读 多人点赞 2018-07-06 14:09:25
    缺点:没有面向对象易维护、易复用、易扩展 面向对象 优点:易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低耦合的系统,使系统更加灵活、更加易于维护 缺点:性能比面向过程低 2....
  • vue的web项目搭建(一)(环境篇) 简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层...
  • 基于Web的仓库管理系统的设计与实现

    万次阅读 多人点赞 2019-07-02 20:27:48
    摘 要 仓库物品的管理是与我们的日常生活息息相关的一个重大问题。随着我国经济飞速的发展,改革开放的不断深入,企业要想...此篇文章中严格按照软件工程思想,设计并实现了一个仓库信息管理系统。介绍了系统从...
  • WebStorm安装教程和激活方式

    千次阅读 2017-10-15 13:27:31
    Web Starter Kit ----Web Starter Kit 是 Google的一个开源项目,它里面提供了一些工具,比如 BrowserSync,实时的预览项目的变化,不同浏览器上同步页面的行为。 React App ----基于React.js用来开发iOS...
  • 计算机类专业毕业设计(课程设计)题目大全

    万次阅读 多人点赞 2019-05-15 22:15:26
    基于 WEB的多媒体素材管理库的开发与应用 网络教学软件中的教学设计与应用 小型教育网站的开发与建设 基于图像的风景旅游模拟漫游系统 网上报名系统 电脑配件网络购物 房产网站 计算机组成原理网站 软件下载系统网站...
  • web集中高并发架构设计

    千次阅读 2016-07-30 22:55:27
    最近一直研究高并发架构的设计,看了很多关于SOA设计思想,dubbo+zookeeper的分布式服务设计,mq等等,但目前项目处于初步期,还没上线,不能预估用户数量以及将来的并发数量,所以为了节约成本(老板吝啬),快速...
  • ❤️酷炫响应电竞博客网页设计❤️(HTML+CSS+JavaScript/web前端期末大作业) 临近期末, 你还为HTML网页设计结课作业,老师的作业要求感到头大?你想要解决的问题z,常见网页设计作业题材有 个人、 美食、 公司...
  • Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置。通过这种方式,Boot致力于...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 119,489
精华内容 47,795
关键字:

在设计web项目的目录结构时