1. 概要 这篇文章主要记录自己在工作中，使用less方式， 不对less能力做展开讨论， 只是介绍常用的一些功能。 如有疑问请查阅官方链接 less中文官网 2. 实际应用 2.1 less 模块目

项目初始阶段需要根据设计稿抽离出公用的样式，比如width,height,padding,margin，这时候就可以使用less的变量，函数，循环，快速生成原子级样式 得到相应的padding，margin，width，height原子级样式

就拿限制输入框30个字符15个汉字为例吧，当然灵活使用，方法封装好，你也可以20个字符10个汉字等等根据传参决定。 结合网上思路。整理一波。 js的方法，slice, substring等截取字符串的方法，全部都是以长度截取的，做不到按字节截取。如，input 自带的maxle…

前端适配PC端、移动端. 基于vw或者rem进行适配.只需一次配置即可,也介绍到了IOS的安全区域.

如何写好一份晋升PPT，本篇文章会围绕如何写好一份晋升述职PPT来开展，同时也会把沉淀的PPT模板免费给大家下载。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情  入驻掘金的第一篇文章，希望以后能坚持更文，在一次次的更文中慢慢成长～

分享前端常见的几种列表自适应排列方式，使用grid布局。这几种情况都不太好用flex实现，一般需要配合js，使用grid可以完全用css实现。

在前端开发中，我们经常遇见这样的开发需求，实现多行排布的卡片，这些卡片宽度一般是固定的， 并且在不同大小的屏幕宽度下自动换行。

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！