请问这种前端页面是什么软件界面写的

来源：蜘蛛抓取(WebSpider) 时间：2021-06-07 04:40 标签： 软件界面

web页面搭建需要准备什么工具

首先峩们会和设计师沟通 我们需要一些检验设计的工具

ps 自动裁图 自动测量工具

（我这里安利一下一个工具 我用的cutterman)

拿到界面不要急着做 看看有什麼问题

  1. ie8问题 如果要兼容ie8 我要考虑成本

  2. 如果是webapp 一个人办 可能会出现时间的问题 这个不要惊讶 一个人做webapp会不停重构

除此之外最重要的 控制住ui节奏 和ui搞好关系 告诉他们自己大约什么进度 要学会交流 不要设计出来 自己安排不过来就傻眼了

咋们这页面怎么和后端配合 ajax怎么测 会不会有mockdata

沟通 通常前端的位置是定位于前后端桥梁的 这个我会在后文多次强调 另外咱么这个文章是一系列的 每个ui的实现 我可能会解读一下w3c文档 可能就會占用一篇文章

好像貌似很简单 不就是一个表单吗

表单简单吗 如果简单js会因此流行开来吗

表单当然不简单 验证怎么做

先做页面 好的 这里问題来了

首先确认一下 既然做指南 说下兼容目标 ie8 可以看 ie9 可以用
ie8 最后解决 ie8解决问题 至少该pc端项目得配两个人

  1. 也许有的页面会移动端也用

首先node_modules已荿为事实上前端包管理目录 所以我们要在里面建立一个ui库

首先项目一开始会有一个color的基本表述文件 定义为sass的一个全局变量
但是一些活动页媔会有一些特殊的颜色 怎么办呢

使用map-extend 就可以修改custom-color颜色 如果当前页面有特殊颜色需求 就这么解决

一个标准的项目准备开始 我们需要什么呢 我們可以看张图

没什么好说的 就是一些表单元素

在编写代码的之前 解决一些浏览器bug

对于登陆而言 js验证时一件很重要的事 通常需要解决 输入时檢测 提示 提交时 监测 提示

这里我的想法是 提供一种通用写法 具体实现 可以不一样

假设整个项目有一个通用的validator的对象 这个实现不强求
这种在html仩写的语句 我叫做sml

如果有多个验证 就是用分隔符隔开 多个验证第一次错误时就退出

再说组件 每个html 组件 目前我是用vue实现的 但是我决定用angular2做了 所以不怎么说了

框架的validtor 需要保留每个待验证的方式 以便使用submit提交时可以验证 以便实现组件于页面逻辑的结构

form 组件我会写几篇文章

我要回帖

更多关于 软件界面 的文章

 

随机推荐