精华内容
下载资源
问答
  • 收集的45个漂亮的前端页面模板页面布局灵感的源泉。交互方式学习参考。可以直接项目中一直。便于快速开发。
  • 比较全面的商城页面模板,很适合后端开发,没有时间写页面的朋友们,保证可以运行,非常适用大家,下载以后,只需要放在tomcat服务器下面就可以运行成功
  • 前端页面模板

    千次阅读 2019-04-11 08:04:46
    都是前端的,没有涉及到后端,自己稍微改下就能用了 http://www.5imoban.net/PSDmoban/hangye/

    都是前端的,没有涉及到后端,自己稍微改下就能用了
    http://www.5imoban.net/PSDmoban/hangye/

    http://www.cssmoban.com/

    免费简历模板
    https://www.zhihu.com/question/49065128

    展开全文
  • 前端页面-扣模板

    千次阅读 2019-04-28 07:43:57
    前端页面-扣模板 ASP.NET MVC 是个很好的开发模式: 具有将项目分割化 将 View、Controller、Model(分别为视图层、控制器、模型) 这使得可以多人合作 你开发一个模块、我开发一个模块,最后把项目合并在一起就是...

                                              前端页面-扣模板

    ASP.NET MVC 是个很好的开发模式:

    具有将项目分割化  将 View、Controller、Model(分别为视图层、控制器、模型)

    这使得可以多人合作  你开发一个模块、我开发一个模块,最后把项目合并在一起就是一个完整的项目了

    运用ASP.NET MVC开发模式来搭建一个项目使我们便捷的同时相对页面搭建来说

    要去验证一个页面的搭建得是否合理呢------个人觉得还是DW这个软件好用

    因为搭建网页格局直接刷新就可以得到数据来说会更简便一点  这个是原装的模板

    现在网上大部分都定义好页面的模板  所以上网找模板  下载  然后扣模板  

    下拉功能是需要的

    最简单的理解就是   这个模板的页面搭建中  这个功能是我做这个项目所不需要用到的

    所以就把这多余的部分删掉---是真的要删掉  因为一个项目我们只要做所需要的功能就好

    把收缩起来的是页面布局  这是最原始的模板  里面的插件都是定义好的

    多了你又没有用到  占内存不说  把整体的运行速度拖慢了才是大事

    没有哪个用户不是被优良的页面效果、功能需求、是否卡顿所吸引的

    同阶级的软件有很多 只有做到比它们更简介、更快速、网页功能好  才能够吸引用户去用

    这就需要把模板扣得干净了:流下需要的、清理掉不要的

    扣完后:

    我们所要的功能还在   这就是扣模板了

     

    展开全文
  • WEB前端简历模板

    万次阅读 多人点赞 2019-10-15 17:15:36
    WEB前端简历模板 详细资料 姓名:XXX 出生年月:XXXX年X月 名 族:X族 政治面貌:XXXX ...

    WEB前端简历模板

    详细资料

                 姓名:XXX  出生年月:XXXX年X月                                            
    
                     名 族:X族                                 政治面貌:XXXX                                                       
    
                     Q Q:1000000000                      联系电话:110110110110                                             
    
                     E-Mail:xxx@163.com           博客:http://xxx.com
    

    教育背景

                       时间:20XX/0X----20XX/0X                                          学校:XXXX大学
    
                       专业:XXXX                                                             学历:本科
    
                       主修课程:XXXXXXXXXXXXXXXXXXXXXXXX
    
                       获得奖励:XX一等奖、XX国家奖学金
    
                       在校经历:(1)XXX  (2)XXXXXXX     (3)XXXXXXXX
    

    技能特长

    1.精通DIV+CSS布局的HTML代码编写,熟练手写符合W3C标准的代码,能够根据交互原型和UI设计图完整制作出网页;

    2.熟悉Javascript、css3和html5,且能熟练运用JQuery框架实现网页常用特效,掌握面向对象编程思想;

    3.熟练应用dom、xml、json等相关技术;

    4.熟悉Bootstrap前端框架,了解Nodejs和Angularjs以及less,sass、git、github等技术和团队协作开发工具;

    5.具备抗压能力、且有一定自学能力,能够熟练阅读使用中文API,英文API可以大概看懂并运用;

    6.担任项目组长并组织团队开发过电商、企业和移动端网站前端项目;

    工作经历

      (20XX.6-20XX.8)   XXXXXXXX有限公司                            实习生
    

    1、设置地区网络架构(办公楼、园区)

    2、配置网络路由器协议(RIP、OSPF)

    3、进行真机操作配置

      (20XX.7-20XX.11)  XXXXXX公司                                       实习生
    

    1、参与多个不同项目的前端开发工作:包括企业站、电商网站、个人博客、移动端网站等;

    2、参与讨论项目分工和编写工作计划;

    3、根据项目需求开发项目前端页面,还原效果图,将psd文件写出html页面,并适应各主流浏览器;

    4、使用js、jq、h5和c3实现页面特效,并解决特效兼容性问题;

    5、使用浏览器Firebug工具进行页面调试解决BUG;

    6、编写项目开发总结,把错误和解决方案,兼容性问题如何解决写成文档。

    项目经验

    项目一、XXXXXX

    开发环境:Window7、chrome、360浏览器、ie、firefox

    开发工具:HBuilder、photoshop、Adobe Dreamweaver

    项目描述:雷锋网是深圳英鹏信息技术有限公司于2011年创办,从起始的科技博客,逐步发展成一个科技信息与产品服务平台。雷锋网拥有三大业务单元,深入移动互联网与智能硬件行业,为厂商及用户提供了涵盖媒体资讯、社会化传播、产品改进和预售等多元系统服务。在智能硬件领域,雷锋网已当之无愧处于领先媒体。

    责任描述:

    1、按照psd文档内容切好图片,准备布局;

    2、使用html、css完成网页布局;

    3、进一步使用H5和CSS3进行页面效果优化;

    4、检查代码,测试兼容性,修复bug;

    5、总结并提交开发文档。

    项目二、XXXXX

    开发环境:Window7、chrome、360浏览器、ie、firefox

    开发工具:HBuilder、photoshop、WampServer、Adobe Dreamweaver

    项目描述:联东集团,创立于1991年。经过二十多年的发展,形成了集产业园区运营、金融投资和模板钢结构为一体的集团化企业。产业园区作为联东集团主 要业务板块,独创聚合U模式,以”联东U谷”为品牌,成功进驻北京、上海、天津、重庆、沈阳、济南、青岛、无锡、南京、苏州、杭州、合肥、郑州、成都等二十 多座城市,产业园区项目已达六十多个,入园企业4000多家,是目前国内规模最大、产品系列最全、入住客户最多、运营体系最完善的产业园区专业运营商。

    责任描述:

    1、根据项目做出个人开发计划,搭建开发环境进行项目开发;

    2、使用DIV+CSS布局模式完成网页布局;

    3、使用原生js写出网页各种特效;

    4、添加公共部分,整理代码,完成页面优化;

    5、处理兼容性问题,使用浏览器Firebug工具查询bug并进行修复;

    6、总结并提交开发文档。

    项目三、XXXX

    开发环境:Window7、chrome、360浏览器、ie、firefox

    开发工具:HBuilder、photoshop、WampServer、Adobe Dreamweaver

    项目描述:小米官网是小米科技有限公司的官方网站,小米是一家专注于高端智能手机自主研发的移动互联网公司,由雷军组建。已获得来自Morningside、启 明、IDG和小米团队4100万美元投资,其中小米团队56人投资1100万美元,公司估值400亿美元。其他核心产品有:基于Android深度开发的第三方操作系统 MIUI,智能手机即时通讯工具米聊,小米电视,和小米盒子,小米手机、MIUI、米聊是小米公司旗下三大核心业务。

    责任描述:

    1、整理整个项目内容,分配工作,给出公共部分样式代码;

    2、使用DIV+CSS布局模式完成网页布局;

    3、进一步使用H5和CSS3进行页面效果优化;

    4、使用原生js和JQuery框架写出网页各种特效;

    5、对各大主流浏览器进行兼容性处理,查询bug并进行修复;

    6、总结并提交开发文档。

    展开全文
  • 在原作者ikaiser上优化,感谢ikaiser大神 目前已经支持根据JSON文件加载布局样式 AJAX请求里面的内容 设置布局格式121 31等 拖拽DIV调整布局 保存布局时console出JSON字符串。
  • 好看的前端页面

    2018-04-27 21:48:06
    好看的前端页面里面有很多模板,好看的前端页面里面有很多模板
  • 本篇博客将会讲述如何构思一个可配置的前端页面渲染的json模板 优点 1.通过json模板设定一定规则,可满足目前业务需求。 2.设计构思可后期拓展的添加配置,实现多元化渲染。 3.json格式便于数据存储,可直接通过对...

    本篇博客将会讲述如何构思一个可配置的前端页面渲染的json模板

    优点

    1.通过json模板设定一定规则,可满足目前业务需求。
    2.设计构思可后期拓展的添加配置,实现多元化渲染。
    3.json格式便于数据存储,可直接通过对数据库的数据进行处理,现在保存,获取,解析,渲染,更新等。

    起因

    前段时间领导说客户不知道怎么使用我们项目的算法功能,需要我们出一个算法说明界面,或者小弹框。

    需求

    1.每个算法一个算法说明,鼠标移动上去后出现算法说明小弹框。
    2.说明里包括功能说明与案例等,不仅只是文字描述,有表格以及参数队列。

    UI

    这是ui小姐姐最终出的页面设计图
    在这里插入图片描述
    在这里插入图片描述

    UI界面剖析

    1.首先我们可以看到的是算法名称,每个算法说明里都有一个固定的算法名称,而且样式是一样的,那我们可以单独定义一个key去存它。(因为是一个算法一个说明,我们外层用对象就可以了)

    {
      "name":"字符串截取"
    }
    

    2.接下来是功能说明,它有一个title,当我们想单独定义功能说明这个模块时,你会发现下面的案例的title的样式跟前面功能说明是一样的,那我们能不能整合呢。其实是可以的。首先可以将算法名称以外的归成一块,取名为描述desc ,如果出现大概相同的页面部分该怎么定义呢,个人一般用数组,数组下同个位置定义同个key去存储类似的内容,这时json模板就变成一下这样:

    {
      "name":"字符串截取""desc":[           // 数组
        {
          "title":"功能说明"
        },
        {
          "title":"案例"
        }
    }
    

    3.标题的结构定义好后,剩下模块下面的内容。起初对于功能下面的文字,原本想直接定义一个,但是你会发现为了结构的统一是不行的,图一下有换行列表,图二下案例下面还会有表格数据。这时我们可以先把他们都归到一个key里取名叫 “content”,这个key是什么类型呢,它需要下面的东西区分文字类型还是表格类型,图二里是既有表格也有文字类型,那我们的 "content"就取数组类型,可以存储多个。

    //  该模板以图一为基础写,图二案列在后文,在图一基础上再多添加写拓展就可以实现
    {
      "name":"字符串截取""desc":[           // 数组
        {
          "title":"功能说明""content":[
            {
              "type":"text",
              "text":""
            }
          ]
        },
        {
          "title":"案例""content":[
            {
              "type":"text",
              "text":""
            }
          ]
        }
    }
    

    4.类型定义好后,我会用text这个key去存文字,这会你会发现案列下的参数文字,需要换行,象这类的你可以用网页标签的换行符br存储下来,但是一堆的文字对结构来说不是很清晰,我又选择了数组。到最后的个别文字更换颜色和背景就可以直接写span标签了,因为不确定具体哪个字要变颜色,每个算法的位置也不一样。这时的图一模板就可以写出来拉,如下:

    {
      "name":"字符串截取""desc":[           // 数组
        {
          "title":"功能说明""content":[
            {
              "type":"text",
              "text":["从字符串的指定位置截取指定长度的字符串。"]
            }
          ]
        },
        {
          "title":"案例""content":[
            {
              "type":"text",
              "text":[
                "身份证号码 “123456<span style=\"background-color: #BBCBF9;\">7</span><span style=\"background-color:#FBF258;\">1994</span>2345648”",
                "参数: 开始位置”<span style=\"background-color: #BBCBF9;\">7</span>“长度”<span style=\"background-color: #BBCBF9;\">4</span>“",
                "结果:<span style=\"background-color:#FBF258;\">1994</span>"
              ]
            }
          ]
        }
    }
    

    5 .在图一的模板基础上再拓展写参数就可变成图二带表格参数的界面json,当类型为table时,会定义一个key为table,表格又包含表头和数据,所以分别用"cloumns"和"rows"存储,在案列二里你会发现表里数据有文字色差,色差我们需要配置,一般情况我们不会去数据里设置,所以我们选择表头下手,除了设置 poro对应的是哪个选项的数据,增加一个style,我为什么会选style不选color呢,color只是设置颜色,style可设置这一列的所有你想设置的样式,列如除了改变颜色再增加改变文字大小。当成某个网页盒子的style去设置就可以了。所以最终的json模板如下:

    {
      "name": "平均值",
      "desc": [
        {
          "title": "功能说明",
          "content": [
            {
              "type": "text",
              "text": [
                "根据所选分组字段将数据分组,再计算各组平均值。"
              ]
            }
          ]
        },
        {
          "title": "案例",
          "content": [
            {
              "type": "table",
              "table": {
                "cloumns": [
                  {
                    "prop": "姓名",
                    "style": "color:#84A4FF"
                  },
                  {
                    "prop": "科目",
                    "style": "color:#666666"
                  },
                  {
                    "prop": "分数",
                    "style": "color:#DB9B00"
                  }
                ],
                "rows": [
                  {
                    "姓名": "张三",
                    "科目": "语文",
                    "分数": 60
                  },
                  {
                    "姓名": "张三",
                    "科目": "数学",
                    "分数": 40
                  },
                  {
                    "姓名": "王二",
                    "科目": "英语",
                    "分数": 90
                  }
                ]
              }
            },
            {
              "type": "text",
              "text": [
                "选择“姓名”作为分组字段,再选择“分数”进行平均值运算。"
              ]
            },
            {
              "type": "table",
              "table": {
                "cloumns": [
                  {
                    "prop": "姓名",
                    "style": "color:#84A4FF"
                  },
                  {
                    "prop": "平均值",
                    "style": "color:#DB9B00"
                  }
                ],
                "rows": [
                  {
                    "姓名": "张三",
                    "平均值": 50
                  },
                  {
                    "姓名": "王二",
                    "平均值": 90
                  }
                ]
              }
            }
          ]
        }
      ]
    }
    

    6.最终的渲染,封装一个组件,将json传进去,或者先解析后再传进去,看情况渲染就可以。

    // json序列化
    JSON.stringify(json对象)// JSON解析
    JSON.parse(json字符串);
    

    7.渲染的代码(请看后期博客更新)

    展开全文
  • 手机外卖app页面模板

    2020-10-18 11:05:23
    通用的生鲜水果食品外卖商城app前端手机页面模板html全套下载。主要有:订单详情,结算,购物车,分类,商品详情,个人中心,搜索等总共23个页面
  • Air+Dev单页布局HTML5前端模板7Ws.zip漂亮的前端后台静态代码,适合选用二次开发,bootstrap结构,自适应手机电脑,非常棒的代码。
  • vue后台基础框架,根据导航联动Tab。可以参考学习一下vue,界面稍微有点丑,大家可以根据需求进行一些改进。长期维护地址:https://github.com/jack13163/vue-admin-custom
  • 微信小程序电商的前端模板,没有后台逻辑。页面包括 首页 购物车 地址管理页 个人中心 发票管理 发票列表 我的订单 我的消息 地址编辑 我的收藏 商品详情 商品规格弹窗 评论列表 我的评论 商品分类 订单确认 订单...
  • Vue版 Web后台页面模板

    2018-12-25 16:11:51
    这套源码是Vue+Node.js+H5页面,后台模板页面,希望能帮到有需要的人。
  • 页面自适应,750px*1334px模板,也就是font-size:20px模板,自行换算
  • 自己做html和css练习时做的一个后台管理系统的静态网页(无后台和js),做的比较注意一些细节,把很多细微的东西也做了,但是算不上完整,仅供各位学习参考!
  • 高质量web前端后台模板

    千次阅读 2019-09-06 15:50:34
    Web前端框架就是为了节约开发成本和时间,一般开发一个项目都会用到前端框架(除非自己有前端开发团队),根据我经验找的几款web前端框架做出了分析。都是个人意见,仁者见仁智者见智。 inspinia admin 演示 ...
  • 微信小程序自动切片生成布局软件是一款根据效果图像画画一样来设计微信小程序,自动生成导出前端页面的快速开发工具。可以很方便、快速地生成小程序的wxml,wcss,js文件。可以大大提高您的工作效率,减少前端布局的...
  • javaweb商城前台页面模板,适用于新手或者一定基础。希望有帮助!
  • 模仿腾讯新闻网站的评论页面,实现其静态布局,仅供练习参考。
  • 前端常见的几种布局方式

    千次阅读 2021-01-04 14:30:31
    一. 静态布局(static layout) ...常规的pc网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果页面小于这个宽度就会出现滚动条;如果大于这个宽度则内容居中外加背景,这种设计常见于pc端。
  • Layui后台管理模板 包含页面Layui后台管理模板 包含页面Layui后台管理模板 包含页面
  • 前端免费模板

    万次阅读 2017-07-30 06:55:33
    最近发现了一个前端免费模板,分享给大家: http://www.mobanwang.com/mb/  
  • jfinal 模板前端页面配置

    千次阅读 2019-06-18 11:14:30
    1、文件位置 后台java文件在 1处配置 前端html,模板页面在 2处配置...2.添加前端页面 _layout 作为公共模板实现页面基础布局 index 主页,引入 _layout 3.添加后台模板,配置入口 1.DemoConfig.java...
  • 前端——多行三列模式页面布局

    千次阅读 2020-04-22 20:09:22
    纪念一下难得听课的前端 <!... <... <head>...meta charset="utf-8">...多行三列模式页面布局</title> <style type="text/css"> @import url("out.css"); </style> ...
  • HTML用户充值页面充值中心模板,DIV CSS布局,有10元、20元、50元、其他金额等充值选项,充值方式可微信或支付宝,显示应付金额。
  • 前端快速开发模版 工具链 建立工具 编译打包工具browserify 代码编译babel CSS兼容自动前缀 css预编译less ...前端代码版本更新 公共类库 ...自己开发的简洁单页面框架app....模板:html页面 使用 npm install npm run build
  • Axure的查询界面的Master模板页面布局

    热门讨论 2011-10-19 18:26:07
    用Axure6.0做了一个查询界面的 Master, 模板 页面 布局 可以参考
  • 实用的登录_注册表单切换页面模板,基于js css3制作登录和注册表单合成切换效果,支持第三方账号按钮登录注册。这是一款简单通用的用户会员登录注册表单页面模板
  • 2021年前端面试题及答案

    万次阅读 多人点赞 2020-02-11 19:29:34
    前端面试汇总(2020年) 一 大纲 1、前言 2、前端工程化 3、前端设计模式 4、前端安全性问题 5、前端跨域问题 6、前端数据加密 7、前端http相关问题 8、*前端基础知识点面试题 9...
  • 前端简历模板

    万次阅读 多人点赞 2017-10-23 14:57:35
    个人资料 姓名:嘻嘻 性别:女 电话:12132323613 ... 现居地:上海市 工作年限:3年 ...精通DIV+CSS页面布局,重构,掌握JavaScript,熟悉w3c标准,了解HTML语义化有一定的了解。 熟练运用浏览器...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 24,747
精华内容 9,898
关键字:

前端页面布局模板