juejin小册| H5 |开发概述大厂 H5 开发概述1基础页面开发

最新推荐文章于 2024-05-06 19:28:05 发布
最新推荐文章于 2024-05-06 19:28:05 发布
阅读量174 收藏
点赞数 3
分类专栏： |Hadoop|R语言|操作系统| 数据库|云计算概论|计算机网络 前端八股文 文章标签： git json html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43428283/article/details/135759151
版权
本文详细介绍了H5开发的基础，包括设计稿审查、页面开发的五个步骤、切图技巧、CSS布局和语义化。通过实例展示了如何将设计稿转换为网页，强调了HTML5开发工程师所需的基础能力和高阶能力。同时，提出了BEM和姓氏命名法两种CSS命名规范，以及兼容性测试的重要性。
摘要由CSDN通过智能技术生成

H5 开发及其前世今生

在这里插入图片描述
js开发，php开发，脚本开发，大前端，网页重构，ui开发，h5开发
在腾讯，「H5 开发」有设立对应的实体岗位：「UI 开发工程师」，这个岗位早在两三年前由「网页重构工程师」演变而来，最早出现在 SNG（社交网络事业群）的用户体验设计部（ISUX）。与阿里和百度不同的是，腾讯的岗位职能分得比较细，传统的「网页重构工程师」虽然也属于前端范畴，但其工作职责主要负责静态网页制作（设计稿还原成为网页）和少量的 JavaScript 脚本逻辑开发，但随着 HTML5 和 CSS3 相关技术标准的出现与普及，重构工程师除了前面提及的基本工作，还要肩负「CSS3 动效开发」等 UI 相关的工作，「重构」的工作定义已然无法契合新时代的要求，于是便有了「H5 开发」的概念。
在京东，前端开发岗目前尽管没有细分出「H5 开发工程师」或「UI 开发工程师」这种实体的职位，但为了针对性地招聘人才，一些技术部门（如凹凸实验室）仍然会以「H5 开发工程师」或「H5 前端开发

了解本专栏 订阅专栏 解锁全文 超级会员免费看
大厂 H5 开发实战手册
sybh的博客
10-24 321
京东、腾讯等大厂 H5 开发或 UI 开发工程师的真实实战技巧
juejin小册|react|20 React 中你常用的工具库有哪些？[5811] 彩蛋 如何写一份大厂 HR 满意的简历？
VAN
01-26 60
在学习完以上内容后，我还是得强调下，本讲中提到的梳理方法并不是唯一正确的答案。最佳的实践方式是你按照自己的分类，自己的经验从头到尾梳理一遍，欢迎你将答案留在下面的留言区，我将和你一起探讨。基本上，到这里，一份让大厂 HR 满意的简历就算完成了。可以看出，无论是硬指标，还是软指标的编写，都是有一定的技巧在里面的，正所谓“套路得人心”。也要注意，功夫在诗外。在平日的实际工作中，项目开发中，需要定期回顾自己的得失，做好复盘，定期更新简历。这样才能在准备简历与求职面试时，更加熟练和从容。
junjin小册|最全整理，前端大厂面试，git操作详解，原理解析，h5大厂面试，react面试高频考点，原理详解，响应式页面，滑屏应用开发，
VAN
02-02 65
juejin小册前端面试一面 1：ES 基础知识点与高频考题解析juejin小册前端面试2一面 2：JS-Web-API 知识点与高频考题解析juejin小册前端面试3一面 3：CSS-HTML 知识点与高频考题解析juejin小册前端面试4一面 4：从容应对算法题目(1)juejin小册前端面试5一面 5：浏览器相关知识点与高频考题解析juejin小册前端面试6一面 6：开发环境相关知识点与高频考题解析juejin小册前端面试7二面 1：如何回答常见的软技能问题juejin小册前端面试8二面 2：如何介绍
2024年最新数据库资源集合_jm520(1)，阿里、百度等大厂技术面试题汇总
最新发布
2401_84141260的博客
05-06 827
MySQL延迟主从复制https://mp.weixin.qq.com/s/enNAjCcRvooSXJmdx8ouHg。SQL 指南 ： ht;
年末的大厂前端面试总结（20届双非二本）-终入字节
u012384510的博客
01-04 909
关注若川视野, 回复"pdf" 领取资料，回复"1"，可加群长期交流学习自我介绍双非二本,软件工程,自学前端,今年毕业。喜欢编程,古风,日语和英语。常以冷...
前端架构师亲述：前端工程师成长之路的 N 问 及 回答
weixin_34407348的博客
06-20 340
问题回答者：黄轶，目前就职于 Zoom 公司担任前端架构师，曾就职于滴滴和百度，毕业于北京科技大学。 1. 前端开发 问题 大佬，能分享下学习路径么，感觉天天忙着开发业务，但是能力好像没有太大提升，不知道该怎么充实自己 ？ 解答 业务开发有没有痛点，能不能通过技术的手段解决 ？ 平时开发业务用到了哪些技术栈和周边的生态链，我是否对他们熟练掌握了，对他们的实现原理呢 ？ 平时开发遇到了 bu...
计算机系应届生求职指北
weixin_34326558的博客
04-18 303
最近帮了一个朋友的朋友做了下职业规划，结合之前在微博上的一些问答，觉得不少应届生同学对求职有蛮多误解的，所以这里分享下我的一点经验吧。虽然本文题为指北，但只是一个面向对行业、对业界技术不熟悉的同学的操作手册。各位技术大牛可能觉得粗浅，请见谅。 本文略长，会谈及以下问题。 职业规划越早越好 一定要珍惜校招的机会窗口 应届生的求职策略 技术职位的选择 语言和技术栈的选择 技术栈的优化 简历的书写 ...
和小程序斗智斗勇那些事
weixin_33863087的博客
01-22 152
JTalk 第三期 前端场 《2018 · 前端展望》活动在1月21日成功举办，掘金线下活动 JTalk 由掘金主办，每期 JTalk 会邀请垂直行业的优秀工程师来分享优秀的实践经验，技巧方法。旨在为开发者提供线下技术交流互动机会，帮助开发者成长。 小程序由于封闭加上生态不够成熟，让很多开发者踩了不少坑。那么，来看滴滴前端工程师王道含和小程序斗智斗勇的那些事，他将和大家聊聊小程序开发的一些感受和...
juejin小册| H5 |2响应式页面开发
VAN
01-23 446
响应式页面开发的能力可以定义为：利用一套代码实现页面的布局和排版以适配不同分辨率的设备。响应式页面开发要求我们解决两大问题：● 为不同特性（如横屏还是竖屏等）的浏览器视窗使用不同的样式代码● 让页面元素的尺寸能够依据浏览器视窗尺寸变化而平滑变化本小节的学习目标是学会解决上述问题并能够开发这样一个经典的移动端响应式页面：我们分 3 个步骤来实现这样一个响应式页面。
juejin小册| H5 |3滑屏应用开发
VAN
01-23 56
滑屏应用开发的能力可以定义为：利用 JavaScript 和 CSS3 来实现单页面应用的滑屏效果，包括上下滑屏、左右滑屏，以及局部元素的滑动切换效果。滑屏 H5 应用在国内是异常火爆的一种内容展示交互形式，被广泛用于各类线上营销活动场景中。屏应用开发要求我们：● 至少要掌握主流滑屏组件（如 Swiper）的具体用法● 能不依赖已有组件实现简易的滑屏效果，了解滑屏的技术细节掌握主流滑屏组件的具体用法能不依赖已有组件实现简单的滑屏效果上图为基础的滑屏页面效果示例。
Juejin小册|小程序开发实战|12总结与拓展
VAN
01-30 62
微信小程序问世没多久，大家发现用原生小程序语法开发，开发体验和效率真的不尽如人意。WePY 此时横空出世，彼时 WePY 的目的，是让小程序开发更贴近传统 H5 框架开发，支持引入 npm 包，支持组件化开发和 ES Next 新特性。开发模式：更符合现有 MVVM 框架的开发模式，类 Vue，节省上手成本组件化开发：支持组件嵌套、循环、组建通信等npm 包管理：处理了 npm 包依赖问题ES Next：语法更现代，提升开发体验。
前端八股文（3）53-84
VAN
09-12 1558
前端八股文
javascript常见100问|前端基础知识|offsetHeight-scrollHeight-clientHeight-区别，HTMLCollection-NodeList-区别，vue-com
VAN
04-01 1348
适用于兄弟组件，或者“距离”较远的组件。常用 API● 绑定事件 event.on(key, fn) 或 event.once(key, fn)● 触发事件 event.emit(key, data)● 解绑事件 event.off(key, fn)Vue 版本的区别● Vue 2.x 可以使用 Vue 实例作为自定义事件● Vue 3.x 需要使用第三方的自定义事件，例如 https://www.npmjs.com/package/event-emitter。
javascript常见100问|前端基础知识|13-14-options 请求Restful-API-method前端知识体系14-总结，软技能是否看过红宝书code review CR 检查什么
VAN
04-01 1259
● GET 查询● POST 新增● PATCH 更新● DELETE 删除完善的知识范围，包含了前端工程师常用的所有知识点合理的结构化，便于理解和记忆本章讲解前端基础知识相关的面试题，包括 HTML CSS JS HTTP Ajax 等知识点。这都是技术一面时的必考知识点。不能只说不足，就截止了。一定要通过不足，来突出自己的解决方案，以及未来的预期。这样给人的印象是：正式了自己的不足 + 有学习的态度 —— 非常好！本章讲解软技能相关面试题。
javascript常见100问|前端基础知识|问ajax-fetch-axios-区别请用 XMLHttpRequestfetch 实现 ajax节流和防抖px em rem vw/箭头函数的缺点
VAN
04-01 1236
HTML CSS JS HTTP 等基础知识是前端面试的第一步，基础知识不过关将直接被拒。本章将通过多个面试题，讲解前端常考的基础知识面试题，同时复习一些重要的知识点。
前端八股文-Nodejs介绍，组成，架构和依赖，特点，运行环境安装，包和NPM,NPM包的版本管理，V8 引擎 和 libuv 库，BFF 中间层，服务端渲染，
VAN
11-05 1231
前端学习
JavaScript教程|导出导入，import*,export default,
VAN
01-07 1048
这是我们在本节和前面章节中介绍的所有 export 类型：你可以阅读并回忆它们的含义来进行自查：在声明一个 class/function/… 之前：独立的导出：重新导出：export * from “module”（不会重新导出默认的导出）。export {default [as y]} from “module”（重新导出默认的导出）。
JavaScript基础教程|使用promise进行错误处理，try-catch,rethrowing,未处理的rejection,
VAN
01-05 1017
catch 处理 promise 中的各种 error：在 reject() 调用中的，或者在处理程序中抛出的 error。如果给定 .then 的第二个参数（即 error 处理程序），那么 .then 也会以相同的方式捕获 error。我们应该将 .catch 准确地放到我们想要处理 error，并知道如何处理这些 error 的地方。处理程序应该分析 error（可以自定义 error 类来帮助分析）并再次抛出未知的 error（它们可能是编程错误）。
JavaScript教程| 私有的和受保护的属性和方法，内部接口和外部接口受保护的 “waterAmount”
VAN
01-02 1002
面向对象编程最重要的原则之一 —— 将内部接口与外部接口分隔开来。在开发比 “hello world” 应用程序更复杂的东西时，这是“必须”遵守的做法。为了理解这一点，让我们脱离开发过程，把目光转向现实世界。通常，我们使用的设备都非常复杂。但是，将内部接口与外部接口分隔开来可以让我们使用它们且没有任何问题。
推荐uni-app开发案例资料
06-07
以下是一些Uni-app开发案例资料，供您参考： 1. Uni-app官方案例库：https://uniapp.dcloud.io/case ...这些案例资料涵盖了Uni-app的基础知识、实战开发、跨平台开发等方面，可以帮助您更好地了解和应用Uni-app框架。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值