精华内容
下载资源
问答
  • Web前端开发常用英文

    千次阅读 2019-04-28 00:07:32
    (一)网页内容类 标题: title 摘要: summary 箭头: arrow 商标: label 网站标志: logo 转角/圆角: corner 横幅广告: banner 子菜单: subMenu 搜索: search 搜索框: searchBox ...当前: current 列表: ...

    (一)网页内容类

    标题: title
    摘要: summary
    箭头: arrow
    商标: label
    网站标志: logo
    转角/圆角: corner
    横幅广告: banner
    子菜单: subMenu
    搜索: search
    搜索框: searchBox
    登录: login
    登录条:loginbar
    工具条: toolbar
    下拉: drop
    标签页: tab
    当前的: current
    列表: list
    滚动: scroll
    服务: service
    提示信息: msg
    热点:hot
    新闻: news
    小技巧: tips
    下载: download
    栏目标题: title
    热点: hot
    加入: joinus
    注册: regsiter
    指南: guide
    友情链接: friendlink
    状态: status
    版权: copyright
    按钮: btn
    合作伙伴: partner
    投票: vote
    左右中:left right center

    (二)注释的写法:

    /* Footer */
    内容区
    /* End Footer */

    (三)id的命名:

    (1)页面结构

    容器: container
    页头:header
    内容:content/container
    页面主体:main
    页尾:footer
    导航:nav
    侧栏:sidebar
    栏目:column
    页面外围控制整体布局宽度:wrapper
    左右中:left right center

    (2)导航

    导航:nav
    主导航:mainbav
    子导航:subnav
    顶导航:topnav
    边导航:sidebar
    左导航:leftsidebar
    右导航:rightsidebar
    菜单:menu
    子菜单:submenu
    标题: title
    摘要: summary

    (3)功能

    标志:logo
    广告:banner
    登陆:login
    登录条:loginbar
    注册:regsiter
    搜索:search
    功能区:shop
    标题:title
    加入:joinus
    状态:status
    按钮:btn
    滚动:scroll
    标签页:tab
    文章列表:list
    提示信息:msg
    当前的: current
    小技巧:tips
    图标: icon
    注释:note
    指南:guild
    服务:service
    热点:hot
    新闻:news
    下载:download
    投票:vote
    合作伙伴:partner
    友情链接:link
    版权:copyright

    (四)class的命名:

    (1)颜色:使用颜色的名称或者16进制代码,如

    .red { color: red; }
    .f60 { color: #f60; }
    .ff8600 { color: #ff8600; }

    (2)字体大小,直接使用"font+字体大小"作为名称,如

    .font12px { font-size: 12px; }
    .font9pt {font-size: 9pt; }

    (3)对齐样式,使用对齐目标的英文名称,如

    .left { float:left; }
    .bottom { float:bottom; }

    (4)标题栏样式,使用"类别+功能"的方式命名,如

    .barnews { }
    .barproduct { }

    注意事项::

    1.一律小写;
    2.尽量用英文;
    3.不加中杠和下划线;
    4.尽量不缩写,除非一看就明白的单词.

    推荐的 CSS 书写顺序
    //显示属性
    display
    list-style
    position
    float
    clear

    //自身属性
    width
    height
    margin
    padding
    border
    background

    //文本属性
    color
    font
    text-decoration
    text-align
    vertical-align
    white-space
    other text
    content

    展开全文
  • web前端开发常用英文

    千次阅读 2019-03-10 10:58:37
    (一)网页内容类 标题: title 摘要: summary 箭头: arrow 商标: label 网站标志: logo 转角/圆角: corner 横幅广告: banner 子菜单: subMenu 搜索: search 搜索框: searchBox ...当前: current 列表: ...

    (一)网页内容类

    标题: title
    摘要: summary
    箭头: arrow
    商标: label
    网站标志: logo
    转角/圆角: corner
    横幅广告: banner
    子菜单: subMenu
    搜索: search
    搜索框: searchBox
    登录: login
    登录条:loginbar
    工具条: toolbar
    下拉: drop
    标签页: tab
    当前的: current
    列表: list
    滚动: scroll
    服务: service
    提示信息: msg
    热点:hot
    新闻: news
    小技巧: tips
    下载: download
    栏目标题: title
    热点: hot
    加入: joinus
    注册: regsiter
    指南: guide
    友情链接: friendlink
    状态: status
    版权: copyright
    按钮: btn
    合作伙伴: partner
    投票: vote
    左右中:left right center

    (二)注释的写法:

    /* Footer */
    内容区
    /* End Footer */

    (三)id的命名:

    (1)页面结构

    容器: container
    页头:header
    内容:content/container
    页面主体:main
    页尾:footer
    导航:nav
    侧栏:sidebar
    栏目:column
    页面外围控制整体布局宽度:wrapper
    左右中:left right center

    (2)导航

    导航:nav
    主导航:mainbav
    子导航:subnav
    顶导航:topnav
    边导航:sidebar
    左导航:leftsidebar
    右导航:rightsidebar
    菜单:menu
    子菜单:submenu
    标题: title
    摘要: summary

    (3)功能

    标志:logo
    广告:banner
    登陆:login
    登录条:loginbar
    注册:regsiter
    搜索:search
    功能区:shop
    标题:title
    加入:joinus
    状态:status
    按钮:btn
    滚动:scroll
    标签页:tab
    文章列表:list
    提示信息:msg
    当前的: current
    小技巧:tips
    图标: icon
    注释:note
    指南:guild
    服务:service
    热点:hot
    新闻:news
    下载:download
    投票:vote
    合作伙伴:partner
    友情链接:link
    版权:copyright

    (四)class的命名:

    (1)颜色:使用颜色的名称或者16进制代码,如

    .red { color: red; }
    .f60 { color: #f60; }
    .ff8600 { color: #ff8600; }

    (2)字体大小,直接使用"font+字体大小"作为名称,如

    .font12px { font-size: 12px; }
    .font9pt {font-size: 9pt; }

    (3)对齐样式,使用对齐目标的英文名称,如

    .left { float:left; }
    .bottom { float:bottom; }

    (4)标题栏样式,使用"类别+功能"的方式命名,如
    .barnews { }
    .barproduct { }

    注意事项::
    1.一律小写;
    2.尽量用英文;
    3.尽量不缩写,除非一看就明白的单词.

    推荐的 CSS 书写顺序
    //显示属性
    display
    list-style
    position
    float
    clear

    //自身属性
    width
    height
    margin
    padding
    border
    background

    //文本属性
    color
    font
    text-decoration
    text-align
    vertical-align
    white-space
    other text
    content

    展开全文
  • [ˈvɪʒuəl] studio : 工作室 [ˈstjuːdiəʊ] code : 代码、编码 [kəʊd] 集成开发环境IDE(integrated development environment): integrated : 综合、完整 [ˈɪntɪɡreɪtɪd] environment : ...

    implements工具 ['ɪmplɪm(ə)nts]
    extends继承 [ɪk’stendz; ek-]
    launch启动 [lɔːntʃ]*
    redirect使改方向;重新寄送 [ˌriːdəˈrekt; ˌriːdaɪˈrekt]
    authorization授权 [ˌɔːθəraɪˈzeɪʃn]
    grant授予 [ɡrɑːnt]
    implicit隐藏式 [ɪmˈplɪsɪt]
    credentials凭证 [krəˈdenʃlz]
    secret秘密的 [ˈsiːkrət]
    response响应 [rɪˈspɒns]
    scope范围 [skəʊp]
    access进入 [ˈækses]
    fragment碎片 锚点 ['frægmənt]
    query string查询字符串
    sqrt平方根
    vscode编辑器(Visual Studio Code):
    visual视觉的 [ˈvɪʒuəl]
    studio工作室 [ˈstjuːdiəʊ]
    code代码、编码 [kəʊd]
    集成开发环境IDE(integrated development environment):
    integrated : 综合的、完整的 [ˈɪntɪɡreɪtɪd]
    environment : 环境,外界 [ɪnˈvaɪrənmənt]
    Space : 空间 [speɪs]
    Debuggers : 调试器
    overview:概览 [ˈəʊvəvjuː]
    releases:释放 [rɪ’liːsiz]
    repository :储藏室,仓库 [rɪˈpɒzətri]
    contributors : 贡献值 [kən’trɪbjʊtɚz]
    graph : 图标,曲线图 [ɡrɑːf]
    compare:比较 [kəmˈpeə®]
    issues:问题 ['ɪʃjʊz]
    milestones : 里程碑
    esports : 电子竞技; 电子竞技协会;
    property : 性质,性能;财产;所有权 [ˈprɒpəti]

    展开全文
  • Web前端开发规范

    2020-02-26 16:47:13
    Web前端开发规范 一、规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量文档, 特制订此文档. 本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对...

    Web前端开发规范

    一、规范目的
    为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档.

    二、文件名规范
    文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。

    1、HTML的命名原则
    引文件统一使用index.htm index.html index.asp文件名(小写)
    各子页命名的原则首先应该以栏目名的英语翻译取单一单词为名称。
    例如:
    关于我们 - aboutus
    信息反馈 - feedback
    产品 - product

    如果栏目名称多而复杂并不好以英文单词命名,则统一使用该栏目名称拼音或拼音的首字母表示;

    2、图片的命名原则
    图片的名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质
    例如:广告、标志、菜单、按钮等等。
    放置在页面顶部的广告、装饰图案等长方形的图片取名: banner
    标志性的图片取名为: logo
    按钮图片我们取名为 btn
    在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名: menu
    装饰用的照片我们取名: pic
    不带链接表示标题的图片我们取名: title
    鼠标感应效果图片命名规范为"图片名+_+on/off"。
    例如:banner_sohu.gif,menu_aboutus.gif,title_news.gif ,logo_police.gif ,pic_people.jpg,menu1_on.gif, menu1_off.gif

    3、javascript的命名原则
    javascript的命名以性质\描述\简称英语翻译取单一单词命名
    例如:广告条的javascript文件名为ad.js 弹出窗口的javascript文件名为 pop.js

    三、HTML书写规范

    1、head区代码规范,必须加入的标签
    网站简介
    例如:<meta name="description" content="这里是网站描述">
    搜索关键字
    例如:<meta name="keywords" content="网站关键字,关键字">
    网页的css规范
    例如:<link href="../css/style.css" rel="stylesheet" type="text/css">
    网页的js规范
    例如:<script type="text/javascript" src="js/test.js"></script>
    网页标题
    例如:<title>标题</title>

    2、body区的代码规范:
    为了最大程度的发挥浏览器自动排版的功能,在一段完整的文字中请尽量不要使用
    来人工干预分段。
    在不同的功能区使用相应的标签,避免重复使用div这种情况,比如导航栏使用nav标签,底部使用footer标签。这样做有助于网页的seo优化,同时也可以让你的html代码变得更加优雅。
    每个页面只能有一个H1标签,H2-6随意
    不同语种的文字之间应该有一个半角空格,但避头的符号之前和避尾的符号之后除外,汉字之间的标点要用全角标点,英文字母和数字周围的括号应该使用半角括号。
    不要在网页中连续出现多于一个的 ,也尽量少使用全角空格(英文字符集下,全角空格会变成乱码),空白应该尽量使用 text-indent, padding, margin, hspace, vspace 以及透明的gif 图片来实现。
    排版中我们经常会遇到需要进行首行缩进的处理,不要使用 或者全角空格来达到效果,规范的做法是在样式表中定义 p { text-indent: 2em; } 然后给每一段加上 <p> 标记,注意,一般情况下,请不要省略 </p> 结束标记 。

    3、Alt 和 Title
    · 提示性语言标签,请注意它们之间的区别。对目标进行一定的注释说明。
    alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。使用请添加注释说明

    四、CSS书写规范

    1、基本原则:
    样式为设计师自定义的新 CSS 样式,影响被使用本样式的区域,用于完成网页中局部的样式设定。样式名 “.”+“相应样式效果描述的单词或缩写”例:“ .shadow ”文字样式样式名“.no”+“字号”+“行距”+“颜色缩写”例:“ .no12 ” 、“ .no12-24 ”

    2、注意事项:
    ID和class的命名:ID和class(类)名使用可以反应元素目的和用途的名称,或其他通用名称。使用具体且反映元素目的的名称,这些是最容易理解的,而且发生变化的可能性最小。
    通用名称只是多个元素的备用名,他们兄弟元素之间是一样的,没有特别意义。
    ID命名要注意明确性及唯一性;class命名要注意通用性及复用性。
    合理的避免使用ID:ID不应该被应用于样式。因为ID的样式不能被复用并且每个页面中你只能使用一次ID。只有为了确定网页或整个站点中的唯一有效位置时才使用ID。
    尽可能的精确:很多前端开发人员写选择器链的时候不使用直接子选择器,导致疼痛的设计问题并且有时候可能会很耗性能。
    如果不是需要匹配到DOM末端的选择器, 应该使用直接子选择器。
    单位:省略“0”值后面的单位。不要在0值后面使用单位,除非有值。同时在有可能的情况下使用3个字符的十六进制表示法,例如颜色单位。
    声明顺序:为了保证更好的可读性和可扫描性,样式声明应该首先声明结构性属性:1.display;2.position.left.top.right等;3:overflow,float.clear等;4.margin.padding; 其次声明表现性属性:1.background,border;2.font.text;
    Css引用:属性选择器或属性值用双引号(“”),而不是单引号(“)括起来。URI值(url())不要使用引号。

    五、JavaScript书写规范

    1、基本原则
    变量命名: 驼峰式命名. 原生JavaScript变量要求是纯英文字母, 首字母须小写, 如iTaoLun; jQuery变量要求首字符为’_’, 其他与原生JavaScript 规则相同, 如: _iTaoLun; 另, 要求变量集中声明, 避免全局变量.
    类命名: 首字母大写, 驼峰式命名. 如 ITaoLun;
    函数命名: 首字母小写驼峰式命名. 如iTaoLun();
    命名语义化, 尽可能利用英文单词或其缩写;
    尽量避免使用存在兼容性及消耗资源的方法或属性, 比如eval() & innerText;
    代码结构明了, 加适量注释. 提高函数重用率;
    注重与html分离, 减小reflow, 注重性能
    具体细节遵照JavaScript Standard Style开发 https://standardjs.com/readme-zhcn.html

    六、vue项目代码风格建议

    1、基本原则(必需的)
    组件名称使用驼峰式(首字母大写)命名,根据组件性质意图等语义化命名,应该为多个单词组成。
    例如: <List></List> ==> <ProductList></ProductList>
    prop定义应该至少声明格式
    例如:

    props: {  pageNum } ==> props: { pageNum : Number } ==>  props: { pageNum: {
          type: Number,required: true, default: 1,validator: function(){} } }
    

    v-for需要key的配合
    v-if和v-for不可用于同一元素,如需隐藏,可使用父元素v-if控制
    <style>标签需要scoped属性

    2、建议原则(强烈推荐)
    单文件组件组件的文件名建议使用大驼峰写法或者横线-连接。
    展示类组件(无逻辑,无状态组件)建议以某个特定的前缀开头。
    例如:<ChapterList /> ==><TemplateChapterList />
    只在某一个父组件下使用的子组件,建议使用父组件名为前缀。
    例如:<ToolList /> <ToolListButton />
    引入组件时,建议使用大驼峰格式
    例如: import MyCompontent from '...'
    使用单标签组件时,建议使用大驼峰格式。<MyCompontent /> 使用双标签时,建议使用中划线 <my-compontent></my-compontent>
    定义props时,建议使用驼峰写法
    例如:props: { pageNum : Number }
    复杂的表达式写入computed
    例如:{{a === 1 ? '1' : a === 2 ? '2' : '3'}} ==> page: function () {this.a ... return }
    组件实例的选项顺序 name: ‘’ ,mixins: [], // 混入 components: {}, // 组件 model: {}, props: {}, data () { return {} }, // 数据 created () {}, // 创建周期 mounted () {}, // dom挂载周期 computed: {}, // 计算属性 watch: {}, // 监听器 methods: {}, // 方法 filters: {}, // 过滤 directives: {}, // 指令 destroyed () {} // 实例销毁周期

    七、注释规范

    1、HTML 注释
    注释格式 , '–'只能在注释的始末位置,不可置入注释文字区域;每书写完一块区域的代码应当写好注释,以便后期代码的修改与维护,必要的时候需要对某行代码进行注释。

    2、CSS 注释
    注释格式 /这儿是注释/。css的注释与html相同,开发的时候将某一块的代码标注好开头与结尾,以便后期维护。

    3、JavaScript 注释
    单行注释使用’//这儿是单行注释’ ,多行注释使用 /* 这儿有多行注释 */; js的注释可变性较多,对于函数来说,需要对函数传入的参数进行注释,以便调用时传入对应的参数,同时在进行较为复杂的业务逻辑编写时,需要进行注释,以便后期维护时快速的更改业务逻辑。

    【后续开发规范还会在实际中发现增加】

    展开全文
  • Web前端开发标准规范

    2019-02-20 13:52:00
    web前端开发规范意义 提高团队协作能力 提高代码复用利用率 可以写出质量更高,效率更好代码 为后期维护提供更好支持 一、命名规则 命名使用英文语义化,禁止使用特殊字符,禁止使用拼音,禁止使用...
  • WEB前端开发规范

    2012-03-16 11:55:05
    web前端前端开发规范,文件规范  1. html, css, js, image文件均归档至约定目录中;  2. html文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中, 若界面稿命名为中文, 请重命名与html文件同名, 以方便...
  • web前端开发规范

    2018-09-12 13:45:00
    web前端开发规范 通用规范: (1)用4个空格来代替制表符(tab):由于制表符在不同系统即使使用相同编辑器也可能会不一致(系统对制表符解析不一致),所以如果想代码在所有环境下展现一致就用4个空格代替制表...
  • JavaScript+jQuery 交互式Web 前端开发 课程教学大纲 课程英文名称 课程编号 学 分学分 学 时135 ...开课部门计算机系 一课程的性质与目标 JavaScript+jQuery 交互式Web 前端开发是一本专注于Web 前端开发的初级教材
  • web前端开发规范文档

    2020-07-02 08:53:31
    Web前端开发规范文档 规范目的: 使开发流程更加规范化。 通用规范: TAB键用两个空格代替(windos下tab键占四个空格,linux下TAB键占八个空格)。 CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。 ...
  • Web前端开发规范文档

    2019-01-16 17:36:00
    Web前端开发规范文档 规范目的:使开发流程更加规范化。通用规范:TAB键用两个空格代替(windos下tab键占四个空格,linux下TAB键占八个空格)。CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。文件...
  • Web前端开发规范手册

    2020-12-09 20:09:43
    本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档. 二、文件规范 2.1 文件命名规则 文件名称统一用小写的英文字母、...
  • Web前端开发学习 前端技术标准:w3c标准 Web:Web技术 前端:网页上为用户呈现部分 开发:编写代码 主要学习内容:HTML5 CSS3 JavaScript 学习资料w3c官网. HTML部分(1) html结构 <!DOCTYPE html> <...
  • 文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 517
精华内容 206
关键字:

web前端开发的英文