前端
文章平均质量分 71
小#1024
前端小白的成长之路
展开
-
移动端适配方案
移动端适配方案前言我认识的很多前端的初学者停留在PC端页面的阶段,但其实移动端开发也是非常重要的一个模块。而在移动端开发中最需要我们注意的,就是适配问题。这篇文章对完全没有接触过移动端开发的小伙伴也比较友好,我们从源头开始,让没有接触过移动端的小伙伴先有一个宏观上的认知,然后我们再细致的聊聊移动端适配的那些事儿(文章比较长,大家可以分阶段食用)。何为移动端开发大家最开始学习前端,一定是从PC端页面做起的,同样的道理,移动端无非就是把PC端的网页搬到手机上而已,通常我们把这样的项目叫做app(手动尴尬原创 2021-03-16 16:01:32 · 496 阅读 · 0 评论 -
溯源flexible的成长
溯源flexible的成长在移动端适配中,flexible占据着非常重要的位置,尽管它有许多不足。但是其适配的思想仍然是非常值得学习的,这里我尝试着从最初版本的flexible源码开始解读,看看它的前世今生。----如果只是想知道现在的flexible是怎么运作的,那就没必要往下看了,直接跳转到这篇文章即可这里的所有代码都在github的amfe/lib-flexible中,这里有flexible比较详尽的发展过程。2014.06.05可以看到第一次提交是在2014年6月5日,最初版本的flexi原创 2021-03-12 18:00:33 · 3260 阅读 · 11 评论 -
记录前端学习历程(二)
记录前端学习历程(二)相信有不少初学者迷上前端是因为能用非常简单的方式,在短时间内写一个华丽的页面或者组件。这种轻松获得的成就感激励你去做新的页面,获得新的满足感。但是,前端真的是画画网页吗?或者说,你真的愿意当一个只会画网页的前端吗?下面继续来分享我的亲身经历。原文再续,书接上回,浅尝html+css+js后,我非常充实。有一句话非常贴切了形容了这三者的关系,“html是骨架,css是装饰,js是灵魂”,很显然,我对灵魂的理解有很大偏差。那段时间,我学习了html5和css3的一些新特性,学过的小伙伴原创 2021-03-11 18:50:05 · 115 阅读 · 0 评论 -
详解flexible源码(@0.3.2)
flexible源码详解(@0.3.2)有关文章中不理解的移动端适配的概念,建议大家先去储备一些移动端适配方面的知识,当然,我之后也会做一个比较详尽的移动端适配方案的总结。最近在看有关移动端适配的东西,lib-flexible是一款比较经典的适配框架,为了彻底的理解他,看了一下它的源码。我会在这里做逐段的分析,这里有完整的源码,大家可以参考一下。有任何意见和建议,希望大家积极讨论。说回flexible,它的主要思想还是使用rem单位,根据屏幕大小的变化,动态改变根字体的大小,并且识别设备的dp原创 2021-03-11 16:59:22 · 790 阅读 · 1 评论 -
lib-flexible源码(@0.3.2)
lib-flexible源码; (function (win, lib) { var doc = win.document; //创建页面对象 var docEl = doc.documentElement; //查询符合条件的meta标签 var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleEl = doc.querySelector('meta[name="flexib原创 2021-03-11 15:48:04 · 239 阅读 · 0 评论