🖥️ 前端开发
职场英语 · 程序员·技术词汇 · 共 32 个核心词汇 · 11 条场景例句
词汇表
- frontend /ˈfrʌntend/ n. 前端；前台
- front-end n./adj. 前端
- UI n. 用户界面
- user interface n. 用户界面
- component /kəm'ponənt/ n. 成分
- props n. 组件属性
- state /steɪt/ 州
- hook /hʊk/ n./v. 钩，挂钩；钩住
- render /'rɛndɚ/ v. 给予
- re-render v. 重新渲染
- DOM n. 文档对象模型
- virtual DOM n. 虚拟 DOM
- CSS n. 层叠样式表
- stylesheet n. 样式表
- layout n. 布局，安排，设计
- responsive /rɪ'spɑnsɪv/ adj. 响应的； 敏感的， 易受影响的
- mobile-first adj. 移动优先的
- framework /'fremwɝk/ n. 框架，构架，结构
- react /ri'ækt/ v. 对……作出反应
- Vue n. Vue 框架
- angular /'æŋɡjulə/ a. 有角的；(指人)瘦削的
- template /ˈtɛmplɪt/ 模板，样板
- routing n. 路由
- router /ˈruːtər/ n. 路由器
- bundle /'bʌndl/ n. 捆，包，束；包袱
- webpack n. Webpack 打包工具
- npm n. npm 包管理器
- package.json n. 项目配置文件
- browser n. 浏览器
- cross-browser adj. 跨浏览器的
- pixel /ˈpɪksl/ n. 像素
- breakpoint 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.开发：等我修完路由问题，大概今天下午。