小燕子要努力呀

下面总结了一些常用又有趣的css技巧，希望大家收藏，以减少查资料的时间。 css自带的border-style属性 dotted/ dashed . 效果展示出来太密了，并不符合UI设计 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -…

本文是继 前端如何一键生成多维度数据可视化分析报表 实战的最后一篇文章, 主要介绍如何实现后台管理系统的权限路由和权限菜单. 希望通过这3篇文章的复盘和实战, 可以让大家开发企业应用的时候更加游刃有余. 所以我们首要解决的问题就是面对未知层级菜单时的前端解决方案. 其次就是面对…

MVVM 对应 3个组成部分，Model（模型）、View（视图） 和 ViewModel（视图模型）。 View 是用户在屏幕上看到的结构、布局和外观，也称UI。 ViewModel 是一个绑定器，能和 View 层和 Model 层进行通信。 Model 是数据和逻辑。 V…

一天造一个轮子，干就完了。 防抖和节流可以说是一对好基友，也是前端面试的手写热点考题。防抖和节流其实都是在规避频繁触发回调导致大量计算，从而影响页面发生抖动甚至卡顿。简单的说将多次回调比如页面点击或ajax调用变为一次。防抖和节流的区别在于以第一次为准还是最后一次为准。 1. …

下面我将选择进行划分为三大部分，对于基本选择器我就不说了，主要讲下伪类选择器，组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式，这个算是这个选择器的亮点了。 上面这两我就不说了，相信大家都用烂了。主要说说下面这两个。 好了，在讲完这些选择器之后我们来…

移动端h5经常遇到的情况就是，活动多，迭代快。但单页面的情况显然会不适用，主要体现在以下几个方面： 重复建立项目，手动😭添加，效率低。 1. 在pages下建立自己的页面 2. 项目启动和打包 3. nginx配合 nginx只需要配置个location的根目录即可。 构建的…

1. 自定义v-model 相信大家对于v-model这个指令都很熟悉了。它其实就是一个 <input type="text" :value="num" @input="num=$event.target.value">的语法糖。 但是呢，我们也发现了这个指令只能应用…

2020将至，我们手机很多app会给我们推送各种炫酷的年终账单，相信有不少的小伙伴见过有类似效果。话不多说，下面我们一起来学习如何制作吧。 页面滑动和dom动画是最重要。 页面滑动和dom动画分开做，都不难，都很容易实现。 引入选择任意一种方式都可以，项目启动，页面滑动效果完成…

最近在做跨平台框架的试点，选择了uni-app，并打算先在h5上开始试点。 由于uni-app提供的基于vue-cli的脚手架与我们内部的脚手架稍有些不同，直接使用稍微有点学习成本，所以fork了一下，稍作修改，做了一个内部版本的脚手架（主要就是将publicPath从mani…