🖥️ 前端开发
职场英语 · 程序员·技术词汇 · 共 32 个核心词汇 · 11 条场景例句
词汇表
- frontend /ˈfrʌntˌend/ n. 前端；前台
- frontend /ˈfrʌntˌend/ n. 前端；前台
- UI /ˌjuː ˈaɪ/ n. 用户界面；用户接口
- user interface n. 用户界面
- component /kəmˈpoʊnənt/ n. 组成部分；部件；元件；组件；成分；组成的；构成的
- props /prɑːps/ n. 组件属性；小道具；支柱；后盾（prop的复数）
- state /steɪt/ n./v. 州；状态；国家；陈述；情形；政府
- hook /hʊk/ n./v. 钩子（hook，事件回调）；挂钩
- render /ˈrendər/ v. 渲染；致使；提供
- re-render /ˌriː ˈrendər/ v. 重新渲染；重新呈现；重新产生图形
- DOM /ˌdiː oʊ ˈem/ n. 文档对象模型
- virtual DOM n. 虚拟 DOM
- CSS /ˌsiː es ˈes/ n. 层叠样式表
- stylesheet /ˈstaɪlˌʃiːt/ n. 样式表
- layout /ˈleɪaʊt/ n. 版面；布局；陈列；规划图；页面布局；版面编排
- responsive /rɪˈspɑːnsɪv/ adj. 响应式的（适配不同屏幕）；反应灵敏的
- mobile-first /ˌmoʊbəl ˈfɜːrst/ adj. 移动优先的；移动先行；移动为先；行动优先
- framework /ˈfreɪmwɜːrk/ n. 框架；结构；骨架；参照标准；准则；观点；构架组织
- react /riˈækt/ v. React（前端框架）
- Vue /vjuː/ n. Vue 框架（前端框架）
- angular /ˈæŋɡjʊlər/ adj. Angular（前端框架）
- template /ˈtemplɪt/ 模板，样板；样板；模板；垫木
- routing /ˈruːtɪŋ/ n. 路由；路由选择；布线
- router /ˈruːtər/ n. 路由器
- bundle /ˈbʌndl/ n. 束；捆；包扎；胡乱塞进；匆忙离开
- webpack /ˈwebˌpæk/ n. Webpack 打包工具
- npm /ˌen pi ˈem/ n. npm 包管理器
- package.json /ˈpækɪdʒ ˌdʒeɪ ˌes oʊ ˈen/ n. 项目配置文件
- browser /ˈbraʊzə/ n. 浏览器；吃嫩叶的动物；浏览书本的人；浏览程序
- cross-browser /ˈkrɔːs ˌbraʊzər/ adj. 跨浏览器的；跨浏览器；跨浏览器技巧；跨浏览器网页
- pixel /ˈpɪksl/ n. 像素；象素
- break point /breɪk pɔɪnt/ n. 断点（调试）；折断点
场景例句
- This component re-renders when the state changes.状态改变时这个组件会重新渲染。
- The layout must be responsive on mobile.这个布局必须在手机上自适应。
- Pass the data down through props.通过 props 把数据传下去。
- The bundle size is too large; we need code splitting.打包体积太大了，需要做代码分割。
- Test it across different browsers.在不同浏览器里都测一下。
- Designer: The button should be eight pixels lower.设计师：按钮应该往下移 8 像素。
- Dev: OK, I will adjust the CSS and check the breakpoints.开发：好，我改一下 CSS，再检查下断点。
- Designer: And the page breaks on small screens.设计师：还有小屏幕上页面会错位。
- Dev: I will make it mobile-first and test the responsive layout.开发：我按移动优先改，测一下响应式布局。
- Designer: When will it be ready for review?设计师：什么时候可以评审？
- Dev: After I fix the routing issue, probably this afternoon.开发：等我修完路由问题，大概今天下午。