标签归档:前端

网页模块命名规范

通常网页模块的命名规范需要遵循以下三个原则:

  • 命名避免使用中文字符(如id=“内容”);
  • 命名不能以数字开头(如id=“1header”);
  • 命名不能使用关键字(如id=“div”);
  • 命名应尽量用最少的字母表达含义,使之简明、易懂。

在网页开发中,常用驼峰式命名和帕斯卡命名两种命名方式。其具体解释如下所述。

驼峰式命名:除第一个单词外后面的单词首字母都要大写,其余小写,如navOne。

帕斯卡命名:每个单词之间用“_”连接,如nav_one。

下面列举网页中常用的一些命名。

常用命名
模块 命名 模块 命名
头部 header 标签页 tab
内容 content/container 文章列表 list
尾部 footer 提示信息 msg
导航 nav 小技巧 tips
子导航 subnav 栏目标题 title
侧栏 sidebar 加入 joinus
栏目 column 指南 guild
左右中 left right center 服务 service
登录条 loginbar 注册 register
标志 logo 状态 status
广告 banner 投票 vote
页面主体 main 合作伙伴 partner
热点 hot CSS文件 命名
新闻 news 主要的 master.css
下载 download 模块 module.css
菜单 menu 基本共用 base.css
子菜单 submenu 布局,版面 layout.css
搜索 search 主题 themes.css
友情链接 frIEndlink 专栏 columns.css
页眉 header 文字 font.css
页脚 footer 表单 forms.css
版权 copyright 补丁 mend.css
滚动 scroll 打印 print.css

中国首届React开发者大会大咖们的演讲~

中国首届React开发者大会于2018年08月18日在广州举办。由w3ctech、前端圈主办。本次大会我们将邀请行业内知名讲师,与大家共聚广州,畅聊React。

kejun

克军
前端布道者、阿里云CSFE前端团队负责人

演讲者:克军
如何把业务逻辑这个故事讲好 – 有限状态机与React开发

开发如同拍电影,组件、框架、工具如同演员和道具,工程师就是导演,其中指导拍摄的是什么呢,演员如何出场,如何演绎喜怒哀乐,场景如何切换等等。对,是剧本。开发中什么是剧本,是PRD还是设计稿,其实都不贴切。开发中的剧本就是一个产品的业务逻辑。如何清晰准确的表达,并成为代码的一部分,或许会成为新一代的开发模式。这就是状态机在前端开发中可以发挥的作用。

Vladimir Grinenko
Yandex JavaScript developer, more than 12 years experience.

vladimir

Vitaly Harisov
Yandex JavaScript developer, more than 12 years experience.

vitaly-yandex

Vitaly Harisov
Yandex JavaScript developer, more than 12 years experience.

演讲者:Vladimir Grinenko && Vitaly Harisov
React组件开发精髓

让我们来看一看如何使 React 组件开发更具有表达性。
你将学会如何不依靠 if 语句来修改组件的行为,就像我们在 CSS 里做的那样。
你将学习到如何:
创建灵活的且拥有不同配置(甚至是不同标签)的组件,它们可以被随机组合成不同的实例(instance)
做低成本的 AB-测试 和实验
将组件转换为跨环境/平台的可复用代码

演讲者:工业聚
Functional programing in React

主要讲解 React 里的函数式编程,包含高阶组件,Functional setState,Render props,以及 Algebraic effects 和 RxJS 在 React 里的应用。
待定
演讲者:蔡斯杰
一种数据契约驱动的 React + Redux 编程方式

React + Redux 的思想是数据驱动和函数式,分享一种在特定场景下,基于数据契约的抽象方式。包括如何制定契约,如何实现 Model,划分和定义组件,如何应对变化,最后达到系统的高复用和灵活性。
待定
演讲者:郭远飞
蚂蚁金融业务的React实践

将根据原技术栈遇到的问题和挑战,以及React优势分析和大家谈谈为什么从Zepto切换到React?
通过解决React资源加载问题、React静态资源离线、引入Preact降级、业务数据状态管理和antd-mobile等方面分享React在业务研发中的最佳实践
除此之外,还将给大家分享目前React在蚂蚁集团业务的现状,以及后续在React层面(如数据化、基于JSX的多渠道部署等)的规划
待定
演讲者:黄琼
从React渲染原理看性能优化

相信很多人都用过 React ,那么大家是否遇到过海量 DOM render 卡顿的问题?
React 16 对渲染机制做了大改动,很大的提升了交互体验,背后的原理又是什么?
实践出真知,本次分享深入挖掘 React 的渲染机制,同时结合实例来解决实践中遇到的性能问题,从而写出高性能的 React 应用。
待定
演讲者:题叶
Virtual DOM 方案几个有意思的探索

Virtual DOM 是 React 核心的功能。基于 Virtual DOM 还能设计一些有意思的方案,这个分享会介绍基于 Virtual DOM 的想法在服务端等场景的一些探索。项目的代码用了 ClojureScript,会有一些来自函数式编程的思考。