Web 原生开发解决方案从 2012 年开始,H5 成为 html 最后一个稳定版本,不再兼容之前的 API,从此诞生的每一个新 API,一旦结束试验期将永远存在,2015 年 ES6 的出现又淘汰掉一堆 JavaScript 框架,再结合 CSS3,前端原生 API 已经可以替代任何脚手架和打包工具,本文介绍使用原生代码替代前端流行框架的解决方案:分析框架提供的每一个特性以及相对应的原生替代品。
原创
2022-03-03 16:49:15
157阅读
CSS 媒体查询(Media Queries):通过在 CSS 中使用 @media 规则,针对不同的屏幕宽度、高度等条件设置不同的样式。例如,定义当屏幕宽度大于 1920px 时,某个模块的字体大小增大、间距调整,以适应大屏的展示需求,确保内容在大屏上布局合理、美观。@media screen and (min-width: 1920px) { .header { font-size: 2
em和rem对font-size使用rem当浏览器解析HTML文档时,创建了一个用来代表页面元素的集合,叫做DOM(文档对象模型,Document Object Model)。树状结构,每一个节点代表一个元素。<html>就是顶层节点(根节点),在下面的是它的子节点<head>和<body>,再往下就是它们的子节点,还有后代节点,如此类推。根节点是文档里所有其他
什么是前端工程化?根据具体的业务特点,将前端的开发流程、技术、工具、经验等规范化、标准化就是前端工程化。它的目的是让前端开发能够“自成体系”,最大程度地提高前端工程师的开发效率,降低技术选型、前后端联调等带来的协调沟通成本。美团点评厦门智能住宿前端研发团队通过多个前端项目开发的探索和实践,基于“约定优于配置”(Convention Over Configuration)的原则制定...
原创
2021-05-11 17:33:47
280阅读
在当今的移动应用开发中,尤其是针对iOS的前端解决方案,开发者面临着诸多挑战。随着用户需求的多样化和技术的发展,如何设计高效、可靠的前端iOS方案成为了一个重要话题。本博文将深入探讨这一问题,通过多个技术解析和实际案例分析,帮助读者更好地理解该领域的前沿技术及应用。
```mermaid
flowchart TD
A[用户需求] --> B[前端iOS方案设计]
B --> C[
近期,不少刚步入开发团队的同学向我咨询关于开发规范的问题。结合我为团队制定的代码评审(CR)方案,我对此进行了梳理与总结,希望能为大家在团队协作中提供一些实用的思路和参考。
把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html、css、js)的认识——做web前端需要的比这三大块要多得多。1、分类所有知识框架,那肯定是一个结构型的展现,就是一棵树。web前端的知识点非常多,也非常散,需要好几层结构来组织这个体系,否则就会显得很乱。那么如何组织、把谁和谁放在一块儿?这是真正值得我们去思考的,
转载
2023-08-08 13:11:12
119阅读
故事开篇: 看到一则帖子,讲一个学历只是普通的大专毕业的程序员,做前端5年左右的时间了,中间干过3家公司,都是属于中型互联网企业和创业型的公司,规模不算大。很苦恼进不了大厂,一直在中小公司里打滚天天
原创
2024-03-16 11:33:45
313阅读
避免后端做太多的计算类的工作,则在前端进行统计操作。【如果您用的vue或者react等框架,请绕路~】1.纯js 简单实现
原创
2023-11-27 11:40:44
265阅读
Author: 李丽媛Date: 2010/6/2Email: lly219#gmail.com1CSS 优化方案1.1使用CSS 优化工具a)online CSS Optimizer;b)CSS Formatter and Optimizer。解决方案:选取以上一个工具进行进行优化。1.2清理 CSS在我们写样式的时候,页面的CSS在经历几个版本的修改之后
转载
2010-06-03 14:08:00
168阅读
2评论
Author: 李丽媛Date: 2010/6/2Email: lly219#gmail.com2 JavaScript 优化方案 2.1测试驱动开发为了编写可维护的 JavaScript,测试驱动是必不可少的。因为每个测试都起到质量反馈的作用,给后期维护和修改创建了一个安全保护网并提供了一份可执行的文档。
转载
2010-06-03 14:17:00
172阅读
2评论
引言 首先出这篇文章,一方面是为了记录巩固我所学的知识,明白面试的高频考点。不鼓励大家背题的,初衷是希望总结的
原创
2024-03-16 11:34:28
83阅读
HTML前端开发特训营
欢迎来到html前端开发特训营
新手问题:
什么是前端开发
可以做出什么效果
需要学习什么技术
理解名词
名词关系
HTML可实现的功能
主要功能:编写网页,但不仅仅是编写网页
H5效果:网页开发
H5效果:微信订阅号公众号等
微信订阅号
H5效果:APP页面的开发
H5效果:小程序
H5效果:小游戏开发
移动互联网的前景
互联网与人们息息相关
移动互...
原创
2021-08-14 00:23:41
2736阅读
无论是做什么事情有一个规范的流程是会让事情事半功倍的,尤其是在开发移动APP这类比较复杂的事情上面,在开发之前明确各个环节是什么,知道开发APP的流程然后按照流程去开发是可以让开发变得规范和流畅的。济南文汇传媒的小编就和您一起来看看一款移动APP开发制作的规范流程分别是什么? 开发制作移动APP流程/文汇传媒 一、项目立项这一步是为了在为以后开发做准备工作,在立项
转载
2023-12-03 13:31:10
108阅读
这个博客系列,主要是写怎么用python开发网站,web开发,一来加深自己的印象,温故而知新,二来希望可以帮助到其他想学pythonWeb开发的朋友。 什么是web开发呢,其实就是开发一个网站了。那开发网站需要用到哪些知识呢 1、python基础,因为用python开发的,所以p
转载
2023-08-01 22:35:05
151阅读
作为一名传统C/C++码农,在互联网时代的今天,不得不学习一些web开发技术,在自学前端开发的过程中,也亲身实践了两个项目,从基础编码到学会使用框架,收获甚多。 在决定开发Yue虚拟化平台时候,自己买了几本HTML5,CSS,JavaScript相关的基础书籍,开始自学之旅,在对前端开发流程有了初步认识后,就开始研发自己的项目。在研发
转载
2024-07-25 18:52:14
95阅读
Web前端开发是从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地
转载
2024-05-12 19:13:38
556阅读
前端的开发首先离不开前端基础技术(html、css和js),其次想要有更好的发展应用就要用到前端框架。 那么有以下六个问题需要简答地了解一下。一、前端、后端各自的工作是什么? 简地是说前端就是设计用户的界面,后端就是实现用户操作的功能。二、理论上只要掌握了前端基础技术html、css和js就可以实现所有网页的设计,那么为什么还要不断地发展各种的前端框架呢? 例如:在我住的边上有一条路,路上有一条高
转载
2023-12-21 11:26:44
138阅读