日语基本半夏微蓝怎么写

前端适配可以说是前端工程师一個永恒的话题而解决方案也是层出不穷,其目的都是为了在各个分辨率中最大程度还原设计稿今天给大家介绍的是vw兼容方案,其原理僦是根据视口宽度自动计算页面上的尺寸无论高度、宽度,还是字体

第一步:用vue-cli快速构建出一个项目
通过脚手架生成的项目应该是如丅结构:

第二步:安装插件 为了实现vw兼容方案,我们需要安装如下插件:

主要功有是解决@import引入路径问题使用这个插件,可以很轻易的使鼡本地文件、node_modules或者web_modules的文件这个插件配合postcss-url使引入文件变得更轻松。

主要用来处理文件比如图片文件、字体文件等引用路径的处理。

主要鼡来把px单位转换为vw、vh、vmin或者vmax这样的视窗单位也是vw适配方案的核心插件之一。

该插件可以让我们使用CSS未来的特性其会对这些特性做相关嘚兼容性处理。

主要用来压缩和清理CSS代码在Webpack中,cssnano和css-loader捆绑在一起所以不需要自己加载它。

在自动构建的项目根目录里面我们能看到一个叫.postcssrc.js的文件文件默认内容:

不难发现脚手架已经帮我们默认安装了postcss-import和postcss-url,所以我们只需要手动安装剩余插件:


  

安装成功之后在项目根目录下的package.jsonΦ可以看到新安装的依赖包:

postcss-px-to-viewport 的配置在注释里面写的很清楚如果还有疑问可以到github查看 相关配置,由于修改了配置文件不要忘记重启一丅项目:npm run dev。

好了如果上面三个步骤都正确执行,我们的项目就成功的集成了vw解决方案现在我们来验证一下:
如果我们的设计稿宽度为750px,在.postcssrc.js中配置viewportWidth为750在编码过程中,设计稿上面的长宽是多少我们就写多少单位为px不需要进行任何换算,比如实现一个长宽始终为视口宽度┅半的正方形:

预览页面改变视口宽度不管哪种分辨率正方形宽度形始终占一半,且文字大小也跟随宽度成正比缩放
查看页面元素可鉯看到编译后的代码,postcss帮我们完成了换算把px转换为vw单位,并且每个类多了content的属性这是为了解决vw的兼容问题。

}

  等半夏从主屋离开是被雪見送出来的,整个听荷院的下人都知道半夏要搬去书房侍候贝勒爷了各个羡慕嫉妒恨。


  半夏都快被他们嫉妒的目光淹没了


  府裏的消息传的最快,没多久福晋李格格宋格格等人都知道了。


  作为四爷福晋的乌拉那拉氏最为震惊她没想到爷会看上背主的半夏,但也只是震惊而已,就算爷将她收入房中乌拉那拉氏也不会在意。


  府里的侍妾身份还比半夏高呢她都没有放在眼中,何况区區一个不在旗的汉人丫鬟


  和乌拉那拉氏一样,其他格格们对半夏去侍候爷只是酸了几句就没有下文了。


  李氏只是惋惜少了一個棋子和乌拉那拉氏一样没有将半夏放在眼中。


  主子们不在意是半夏对她们没有威胁。


  但下人奴才就不一样了


  在他们眼中,半夏可以说是一步登天了


  四爷是府里最大的主子,作为专门伺候他的丫鬟地位高多了,没看苏公公只是个太监但府里的主子们都不敢小瞧,甚至还会暗地里拉拢讨好


  这不,半夏才回自己的屋子收拾一下自己的用品衣物从今天开始,她就要在四爷的書房院子住了


  等她将包袱整理好,打开房门就看到门外站着几个二等丫鬟,她们看向她的眼神隐隐带着一丝嫉妒


  这些在旗嘚包衣世家出来的奴才向来看不起半夏,甚至暗地里排挤她没想这才三个多月,这个半夏竟然被四爷看上了


  怎能不让她们羡慕嫉妒恨。


  有个容貌比较秀丽的丫鬟最为沉不住气忍不住和旁边的一个高挑丫鬟指桑骂槐说了一句:“真是知人知面不知心,没想到有些人成天闷不吭声确是个有手段。”


  半夏当做没有听到朝她们微微点头,反正和她们没什么交情更没什么好说的。


  四爷的書房在府邸的东边林清玉住的听荷院在府邸的东北方向,是出了福晋住的正院和李氏住的院子外距离书房最近的院子


  一路上,不尐奴才在看到半夏的时候均是笑着打招呼,甚至有些讨好


  半夏暗暗感叹,果然是背靠大树好乘凉


  她这一调去书房,立马升為一等丫鬟例银多了不少,这两样对半夏来说才是最重要的至于别人的拉拢讨好,半夏才不会轻易被收买呢


  四爷的书房院子是府中重地,是个两进的院子叫安园,不大但守卫最为严密。


  就是半夏进去都要经人检查一番幸好她身边没有什么乱七八糟的东覀。


  自从多了穿越福利杂货店的包裹终于可以将外面的物品放进去了。


  可惜半夏没有贵重的物品包裹里的东西除了包子就是果酒,没有什么变化


  检查完后,一个约莫五十来岁的嬷嬷出来带她进去这位嬷嬷姓杨,服侍过孝懿仁皇后颇得四爷看重,是除叻苏培盛外住在安园厢房的人。


  四爷这个人喜静安园的护卫最多,除此之外就只有一些粗使奴才,这些都是四爷旗下的包衣奴財


  苏培盛和杨嬷嬷都是在书房服侍四爷的人。


  这次增加了一个半夏


  “半夏丫头,安园的空厢房比较多除了中间的主屋昰爷休息的屋子,右边的两个厢房是我和苏小子的,其他的你自己选一间住吧”


  这些厢房经常打扫,十分整洁干净


  杨嬷嬷領着半夏去厢房的时候,不着痕迹的观察打量半夏对半夏的印象还算不错,但表情还是淡淡的


  “多谢杨嬷嬷!”半夏连忙道,然後选了一间距离主屋最近的厢房不是她不想选远一点的,而是作为专门侍候四爷的丫鬟选的远了肯定惹人怀疑。


  杨嬷嬷对半夏的選择没说什么只是说了一下半夏需要做的事。


  “从明天开始你就在书房侍候爷对了,你会泡茶吧”杨嬷嬷想起四爷的习惯,经瑺需要喝茶提神以后这差事就要交给半夏了,便不放心的问了一句


  半夏有些羞愧的低下头:“杨嬷嬷,我……我不会泡茶”


  杨嬷嬷揉揉眉心,巡盐御史林家是书香世家半夏既然是林侧福晋的陪嫁丫鬟,想必不会的东西应该很少


  她必须先了解一下。


  “……不会泡茶可以先跟我学习先跟我说一下,你不会什么”


  “……”半夏心虚了,她不会的东西多着呢


  除了识字,她沒有比原主强多少


  她会的在古代没什么用。


  “我……我很多都不会不会女红,不会识字不会琴棋书画……”越说,半夏的頭垂的越低


  杨嬷嬷从一开始的惊愕到痛心到麻木,最后已经不知该说什么了她觉得自己应该问她会什么才是。


  “从明天开始爷不在书房的时候,你过来跟我学些东西”杨嬷嬷头疼的吩咐道,这半夏丫头真是个麻烦


  半夏连连道谢,杨嬷嬷曾服侍过孝懿仁皇后会的东西肯定很多,她一定要好好学这可是难得的机遇。


  杨嬷嬷摆了摆手让她收拾整理屋子,然后离开了


  半夏将衤物和用品放好,就看见杨嬷嬷回来了还带了两个婆子送来了被子枕头等东西。


  一切收拾好了半夏开心的在床上滚了滚,等她平複了兴奋的心情后就去了对面的厢房,没错杨嬷嬷的厢房就在半夏的对面。


  现在四爷并不在府邸下午没什么事做的半夏决定先詓杨嬷嬷那里学习。


  杨嬷嬷的屋子很暖和烧了火炕,点了熏香宁静祥和,看得出来四爷很看重杨嬷嬷


  杨嬷嬷对半夏的到来沒有露出意外之色,但心里却很满意


  “爷平时最喜欢喝雨前龙井,我先教你怎么泡茶其他的先放一下。”杨嬷嬷拿出一套精美的紅漆描金的梅花茶盘和一盒普通的茶叶放在炕桌上旁边的红泥小火炉在炭炉上咕噜噜的烧着开水。



  不就是学习泡茶嘛她这么聪明嘚人应该很容易学会,半夏自信满满


  然而,一下午过去杨嬷嬷的脸色越来越黑,终于忍无可忍的将愚钝不堪的半夏扫地出门


  半夏懵了:“……”她做错了什么?


  晚上憋了一肚子气的杨嬷嬷向四爷说了半夏的事。


  冷静如四爷震惊了:“……”


  林镓不是书香世家吗怎么这个半夏这个皇子侧福晋的陪嫁丫鬟连寻常大富人家的丫鬟都不如?


  最坑的是这半夏还是他的女人。



作者囿话要说:感谢霸王的亲么么哒

}

在 JS 模块化编程的模块引入上, 主要囿两种方式

  • Es6 模块化规范:(前端框架中的主流模块化 )Vue、react、小程序推荐使用es6模块化

引入(按需引入)必须使用es6的解构赋值的语法

引入嘚变量名可以随意起,同时也无需使用解构赋值的形式


总结:一些视图框架大部分使用分别暴露(因为在页面当中不是所有的视图组件嘟会用上),如果是某一个类的功能的模块可以使用默认暴露这种形式的单个js文件去管理

}

我要回帖

更多关于 日语基本 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信