当前位置: 首页 > Web前端 > CSS

SegmentFault社区访谈-Linxz:一个只会写CSS不会写JS的“伪”前端

时间:2023-03-31 12:18:29 CSS

上周没和大家见面,但是邀请了大佬面试(///▽///)自从社区面试,热气腾腾的请帖都是比较熟悉的面孔,比如儿子,比如边程达,这次的采访嘉宾,大家可能有点陌生,他主要出没在css标签下,请重点关注没有css的林小智会js30年-@林小志。破冰环节,小智,和之前的小伙伴们一样,简单的跟大家打个招呼吧( ̄? ̄)Keepitsimple(长篇大论的开始)自我介绍是我最糟糕的事情,我从来不知道我应该做什么最好自我介绍一下。想来想去,还是随便说说吧。我已经工作了几年,但我的能力一直很一般。2009年,我“懵懂”地写下了别人写的书的最后一页。自己写CSS的方式和思路是有出路的,于是年少轻狂想自己写一本书。最终用了半年多的时间熬着晚上和周末写完了这本书《CSS那些事儿》。有朋友问我为什么用这个标题。其实标题不是我想出来的,我也没有想过标题,但是我郑重声明了“div+css”,“css”等等诸如“X日精通”之类的词“掌握”。最后,这本书在满足了我的虚荣心之后,却因为销量不佳被出版商(据说)召回并销毁了。一个不小心拖延了自我介绍到他曾经拥有的一本书,他的思绪又游荡了。其实了解我的朋友都知道,我写CSS已经很久了。我什么时候开始写的?应该是2007年或者2008年的吧,具体不记得了。虽然之前接触过css,但一直觉得用css布局没有什么好,也没有放在心上。后来无意中加入了一个QQ群。在群里老师的带动下,我开始认真的接触它。遇到问题就不断摸索,然后和大家??一起讨论交流,最后混成这样。在接下来的几年工作中,虽然一直专注于CSS,但还是会偶尔接触一下其他的东西,把玩一下。所以,现在的我就是一个只会写CSS不会写JS的“伪”前端。然而,可怕的是,当flex、rem等一系列新的CSS属性出现后,我发现自己连CSS都不会写了。【“爱·花缘”花店卖花送花】是您的某社交平台简介。爱·花园是自己开的花店吗?为什么要开花店?“爱·花苑”是老婆开的花店,我只是利用网络和周末的时间来帮忙。开一家花店,每天被鲜花包围,似乎是一种很向往的生活。但是,作为一个车土仔,我觉得开花店和经营花店比在花店工作要累得多。据说互联网工作经常需要加班和通宵加班。事实上,在实体行业,花店经常要加班加点,有时通宵达旦,最后也赚不到几块钱。很多人可能不相信,但这是真的。节假日什么的更不用说,平时不小心接到做开业花篮的订单,从准备花材,花篮,花贴,再到花材加工,最后花的成型篮子,这绝对是一个体力活。最后我想说,有时候你真的觉得花店赚的钱不多,尤其像我们的“爱·花圃”,尽量做小清新漂亮的花束很累,而且花是基于时间的。不一样,进货价也不一样,但是我们不卖高价,到头来也只能挣个吃的钱。花店别问在哪,原来在杭州滨江,现在已经不营业了。原因很多,我就不细说了。如果你想帮助程序员为对象选择花卉,你推荐哪些花卉品种?不推荐任何花种。这就像有时有人要我推荐书籍一样。我真的不能推荐这个。每个人都有自己的喜好和追求,我推荐的也只是我自己的想法。如果非要推荐送什么花给你的另一半,那么首先你要了解你的另一半,他是怎样的性格,喜欢什么颜色,有没有喜欢的花,有没有什么要求用于包装。这些问题都是我之前在花店听到和记录的。当顾客要给朋友送花时,老婆会很仔细地问对方一连串的问题,然后有针对性地包一束花。在我的印象中,来买花束的人大多是满意的。我不敢说100%。这些天还存在吗?如果是这样,我们的花店是100%负担得起的。技术升华环节如何看懂你的微博简介:只会写CSS不会写JS的“伪”前端工程师?你认为学习JS和CSS的难点是什么?好久没碰微博了。其实现在应该是在写一个连CSS都不会写的“伪”前端工程师,更别说JS了。为什么说我是前端工程师呢?其实就是让自己觉得自己还是在前端的行列,和大家在同一个行业;至于说我只会写CSS,是因为我从几年前开始工作,就是围绕着CSS,拿着设计师给的设计稿,实现最终的页面效果,在我的网站上做一些CSSdemo空余时间。简而言之,各种CSS循环;至于JS,我真的不知道该说什么,也许我会用一点,但是我真的不会写,所以我正在学习。前面说过了,现在CSS发展太快了,各种新的属性不断出现,感觉现在连CSS都不会写了。但实际上很多属性都和几年前IE中使用的滤镜效果太相似了,就连box-sizing属性也和之前IE怪异模式下的box模型的计算方式太相似了。至于学习JS和CSS的难点,我可以肯定的说:我根本不知道JS有什么难点,我也没接触过;至于CSS,只有几个属性可以写写。不难,难的是如何去思考如何实现一个布局。因此,写CSS并不难,上手就容易多了。正因如此,很多人认为CSS很简单,其实不然,CSS其实还是挺难的。难点在于如何去思考,如何巧妙地利用每一个CSS属性的特性。这么说可能不对,我举个简单的例子?:隐藏文本的几种方法(以前用的老方法,没有用新的CSS属性)。在CSS中,我从来没有感觉到有绝对的唯一性。如果换个思路再想一想,结果可能还是一样。或许这就是俗话说的:条条大路通罗马……你的书【CSSThings】主要是通过实例讲解CSS技巧。能否举个经典布局的例子,分析一下实现思路和过程?估计这本书目前只存在于部分人的硬盘里,盗版PDF。当时刚开始写的时候,打算用例子来说明一点(只是针对当时的技术情况)。因此,本书将从最简单的盒子模型和单栏布局逐步扩展到三栏布局。并且会对每种布局可能有的几种方式进行一些解释。至于classiclayoutexample,这个有点难,因为不知道什么是classiclayoutexample。布局从大到小分析,一个大模块拆分成N个小模块,然后N个小模块可能继续拆分,最后就是一个页??面。比如左右栏的布局,可以根据不同的HTML写法使用不同的CSS方式来实现,但归根结底无非是理解和掌握布局属性。这是几年前的清单,还有几年前的清单,我意识到我真的没有什么新东西,嗯?。我是examplepage,很早以前看了国外的一个example,自己试着学习整理的。同样的HTML结构,再根据CSS的不同,最终呈现出不同的页面效果。修改的CSS部分无非是float、margin等属性。有兴趣的可以看看代码。当然,我不知道这个域名会存在多久,毕竟没有这种情况。针对问题【CSS的核心技术关键词是什么?]你觉得下面答案中的地图怎么样?这个,怎么说呢,我没意见。不得不肯定的是,这张图包含了很多知识点。不过就我个人感觉来说,整理这张图的作者才是受益最大的。因为从整理到最后发出去,他绝对不是随便就能完成的。用心整理,归纳的过程是一个人最好的学习过程,而别人看着整理好的图片,不一定完全看懂里面的所有东西,有的甚至只是看一眼。只是印象而已,并不太明白里面每个字的意思。最大的可能应该是看到感兴趣的字,然后挖出来。可能有人会说,那我就把每一个字都挖出来。是的,这很好,但我只想说,你有时间吗?不敢保证这张图的作者能完全理解图中每一个字的深层含义。如果我什么都懂,我真的很佩服。至少我知道几个这样的词,我已经可以写一篇大文章了。不信你可以看doyoe之前整理的关于margin的文章:如果看传送门互相深入研究,真的不知道要花多少时间。所以现在的CSS是按照模块来升级研发的,而不是作为一个整体来运营的。前段时间,小智,你也开发了自己的小程序——caniuse简化版。你开发这个小程序的考虑是什么?在开发过程中有没有遇到什么坑?如果我说是因为无聊,所以把这个简化版的caniuse给扔了,不知道会有多少人相信。但我至少可以肯定,在这个想法开始的时候,我真的很无聊。当时心里想着玩点什么,就是不知道玩什么。不过无意中在github上看到了caniuse网站开源的json文件,于是想着要是要的话。功能比较简单,然后在微信有压力的时候用。所以,折腾这个简化版的caniuse,是因为无聊到想以后再装,最后是想让自己用起来更方便,仅此而已。不过就是这样一个简单的想法,折腾了好几次,到现在还是比较满意的。坑?遇到陷阱,首先是自己能力不足,其次是自己无知。当时看到这个json文件的时候就在想,如果自己下载文件,或者fork到自己的仓库里修改,更新起来会很麻烦,直接引用应该是最简单的方法。就因为这个想法,折腾这个1.48MB的json文件快把我逼疯了。里面有海量的数据,还有自己不成熟的想法。刚开始的时候居然请求完之后直接把整个json文件丢到localStorage里面,想想真是吓人。反复修改几次,思路清晰多了,总体原理还是一样的。通过比较json文件的时间戳来检测文件是否更新。因为没必要更新,所以更新的主动权交给用户自己选择。如果您想尝试更新,只需转到“关于”页面并单击更新按钮即可。一般来说,每周会有一次更新。json文件请求成功后,会根据各个属性拆分写入localStorage,方便大家搜索时直接从本地搜索。是时候插入广告了吗??我是强势入门广告。前面说过,我是一个不会写JS的“伪”前端。因此,当我开源这个小程序的代码时,我非常紧张,但最终还是鼓起勇气。小程序代码的GitHub地址广告链接公众号【随便聊聊CSS的东西】介绍闲来无事就聊聊CSS,不深入,废话少说,聊聊你想说的say,也许是你想听的,没什么高深的东西,但应该不是平庸的内容...CSS),也叫字符串样式列表,W3C定义和维护的标准,一种用来添加的计算机语言样式(字体、间距和颜色等)到结构化文档(例如HTML文档或XML应用程序)。CSS看似简单,其实深似海;CSS经常用到的东西,看似很简单,但想知道为什么,似乎很难理解;可变的东西;每个人都有自己的玩法,每个人都有自己的想法,怎么玩,怎么用,全看个人。#you{想法:重要;}现场CSS3问答现场CSS问答现场CSS专家现场问答现场CSS关键词搜索结果剧透本次采访到此结束,接下来的采访只能说他的名字都是字母表,快跑~