-
「前端笔记」 Sass使用混合器mixin进行样式复用,保持代码整洁
上一篇详述了Sass如何嵌套、导入和注释这3个基本方式来保持条理性和可读性,这一篇更进一步地阐述sass保持样式复用和简洁的方式——混合器和选择器继承——这两种方式都能复用样式,使用它们也不难,但一定要注意什么时 …- 735
- 0
-
各个大厂们的移动端适配方案
前言 2018年最后的法定假期都已经结束了,我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解过使用rem进行移动端页面适配的方案以及使用vw的方案,(没了解过的同学可以参见大漠老师的这两篇文 …- 1k
- 0
-
用一行CSS代码快速实现镂空邮票、优惠券效果
这篇文章讲我最近遇到的需求和解决过程中遇到的问题,以及学到新知识。 从最近在做的需求说起,一个优惠券样式,过设计稿的时候认为没什么大不了的,满口答应了。真正开始开发的时候遇到问题,主要是镂空效果实现方 …- 1.4k
- 0
-
更高效、更安全地操作 CSSOM :CSS Typed OM
前言 长期以来,我们要修改 DOM 元素的样式,我们实际上操作的是 CSS 的对象模型 CSSOM。而 Houdini 中推进的又一组 CSS 对象模型 Typed OM,该标准又给我们带来了什么好处呢? CSSOM CSSOM 是干嘛的? 简单的说来, …- 892
- 0
-
「前端资讯」刚上线的阿里达摩院官网,从前端角度看圈点之处
写在前面: 从去年十月份,马云成立阿里巴巴达摩院,到今年9月28号一年整,阿里达摩院官网正式上线。作为从事互联网行业的人,大抵都是会去达摩院官网看看的,本文即我个人从前端角度对达摩院官网,进行的一次简单粗 …- 656
- 0
-
「性能优化」首屏时间从12.67s到1.06s,我是如何做到的?
——本文是对之前同名文章的修正,将所有webpack3的内容更新为webpack4,以及加入了笔者近期在公司工作中学习到的自动化思想,对文章内容作了进一步提升。 0.引言 作为互联网项目,最重要的便是用户体验。在举国“互联 …- 528
- 0
-
「前端开发」分享个人习惯的命名方式
把一件平凡的事情做好,很平凡。把一件平凡的事情坚持的做好,很不平凡。 1.前言 如果说计算机科学只存在两个难题:缓存失效和命名。那么我就觉得命名的难点只有两个:词汇量和坚持贯彻执行制定的规范。 最近在知乎 …- 684
- 0
-
Vue页面跳转动画效果实现
前言 现如今移动端APP对用户体验方面的要求越来越高了,最近致力于用户体验优化,因为需要实现类似APP页面切换的动画效果,百度google搜索资料不是很全,所以自己写文档,在实现效果的基础上,顺便恶补一波VueRouter …- 332
- 0
-
记录一次基于vue、typescript、pwa的项目由开发到部署
最近秋招之余空出时间来按自己的兴趣动手做了一个项目,一个基于 vue,typescript,pwa 的实验浏览移动端webapp,现在趁热打铁,将这个项目从开发到部署整个过程记录下来,并将从这个项目中学习到的东西分享出来,如 …- 727
- 0
-
「前端进阶」2019/2020 史上最全的前端学习路线
前言 许多同学们可能跟着培训机构的视频就入了前端这行的门,但大多数都只是机械的学习着资料中的内容。俗话说,选择要比努力重要。那么学习开发,首先应该要有一个清晰的学习路线。希望这篇文章,能为大家在选择未 …- 2.4k
- 1
-
求职季,前端面试送给你
前言 最近好多小伙伴都跳槽去找工作,我只能在心里默默的支持他们能找到一份好的工作,这份前端面试大全送给我的小伙伴们,主要说的是前端一些常用的一些知识,说的不对的地方请小伙伴们即使指正出来,自己同时也回 …- 172
- 0
-
「不要重复造轮子系列」 前端常用插件、工具类库汇总
前言 在开发中,我们经常会将一些常用的代码块、功能块进行封装,为的是更好的复用。那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源 …- 1.4k
- 0
-
七年切图仔如何面试大厂web前端?(沟通软技能总结)
关键词: 面试 前言 最近面了很多大厂的web前端岗位,都被刷了,在决定入职前,手里拿了几分待遇差不多的offer,后期的面试越来越顺,自己思考和总结了一下,原来面试也有好多技巧和方法可循,希望这些方法可以帮助到 …- 218
- 0
-
干货分享:vue2.0做移动端开发用到的相关插件和经验总结
摘要: vue2.0移动端 框架1. 移动端基础框架 zepto.js 语法与jquery几乎一样,会jquery基本会zepto~ iscroll.js 解决页面不支持弹性滚动,不支持fixed引起的问题~ 实现下拉刷新,滑屏,缩放等功能~ underscore.js 该 …- 831
- 1
-
word-break、word-wrap、white-space究竟是什么
white-space、word-break、word-wrap(overflow-wrap)估计是css里最基本又最让人迷惑的三个属性了,我也是用了n次都经常搞混,必须系统整理一下,今天我们就把这三个属性彻底搞清楚! 测试代码 (文末有本文中所有例 …- 276
- 0
-
前端:一劳永逸的搞定 flex 布局
这篇flex布局教程,一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 float 属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版中用到的的左对齐 …- 836
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!