文豪要加油

white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本却又容易让人迷惑的三个属性了，估计很多人都有把它们搞混或用错的经历。必须系统整理一下，今天我们就把这三个属性彻底搞清楚！ 可以看到，nbsp;和</br>可以正常发…

翻牌打乱活动抽奖活动，大概需求是这样的，九宫格卡牌，先正面展示所有奖品，然后卡牌翻转，打乱排序，点击卡牌，然后抽奖。 展示所有卡牌，然后翻转。 我们先在dom中渲染9个卡牌。 backface-visibility 属性定义当元素不面向屏幕时是否可见。 如果在旋转元素不希望看到…

介绍：大学期间加入了两个比较大的社团，虽然已经毕业多年（这个夏天刚好一年哈哈），社团的群里有很多学弟学妹经常发一些帮忙代课的信息，并且也会附带一些好处等等...都是这么过来的，确实比较了解有的课程老师就爱点名，三次就挂科（我没有说《毛概》），好吧扯远了！大概需求就是这样的...…

上图是点击推荐选座5人后选出的座位(绿色)，这个demo和美团app不同的地方在于可以连续进行推荐选座，美团app点击了推荐选座就必须买票才能继续选择。 这里注意vue中改变data中的二维数组必须先缓存二维数组，修改后，最终将二维数组重新赋值，否则修改不生效，因为Vue无法侦…

最近笔者和小伙伴在研究Vue SSR，但是市面上充斥了太多的从0到1的文章，对大家理解这其中的原理帮助并不是很大，因此，本文将从Vue SSR的构建流程、运行流程、SSR的特点和利弊这几方面对Vue SSR有一个较为详细的介绍。最后还将附上一个笔者实现的去除Vue全家桶的Dem…

作为一个 CSS 渣，这次在看到一个 Vue 组件库的按钮里有个点按之后的效果之后跃跃欲试。 效果大概长这样： 首先先观察了一番，大概得到以下特征： 以鼠标按下的位置为原点，以某个值为半径进行扩散 在长宽、以及透明度上，均有渐变 原本是 Vue 实现的，但剥离框架实现，就还得在…

这并不是掘金官方小程序（貌似没有搜到掘金 APP 对应的官方小程序），完全为第三方开发者开发，仅用于学习交流，禁止用于其他用途。若要使用官方正版，可访问掘金 官方网站，或下载掘金官方 APP，或访问掘金官方其他途径。 该小程序所有 API 均来自掘金官方 web 网站和官方 A…

相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代，如今已发展到前后端分离，这种开发方式大大提升了前后端项目的可维护性与开发效率，让前后端工程师关注于自己的主业。然而在带来便利的同时，也带来了一些弊端，比如首屏渲染时间(FCP)因为首屏需要请求更多内容，比原来多了更…

移动端页面调试一直是好多朋友头疼的问题，iOS 由于其封闭的特性和整体较高的性能，整体适配相对好做，调试也由于 safari 的打通变得很方便。而 Android 系统，尤其是国内环境下的 Android 系统，由于版本跨度大，且各家厂商采用自研内核，使得其成为移动端页面问题出…