分类 - 前端

  • Less常用语法
    Less常用语法
    | 前端 Notebook
    评论 0 | 点赞 2 | 预览 707
    变量@width: 10px;@height: @width + 10px;#header {  width: @width;  height: @height;}
  • Sass常用语法
    Sass常用语法
    | 前端 Notebook
    评论 2 | 点赞 4 | 预览 930
    1、变量$color-4481FE: #4481FE;div{ background:$color-4481FE;}2、属性嵌套div { font: { size: 10px; weight:Source Han Sans CN; }}3、基础选择器 @extend.box{ color:red}div{ @extend .box; height: 90px;}4、混合
  • 实用CSS库(持续更新~)
    实用CSS库(持续更新~)
    | 前端
    评论 2 | 点赞 0 | 预览 1032
    animateanimate.css 动画库,预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果,几乎包含了所有常见的动画效果。
  • Javascript 工具
    Javascript 工具
    | 前端
    评论 0 | 点赞 1 | 预览 835
    1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.
  • Vue知识
    Vue知识
    | 前端 Notebook
    评论 0 | 点赞 2 | 预览 629
    数据驱动(MVVM)Model:模型层,负责处理业务逻辑以及和服务器端进行交互View:视图层:负责将数据模型转化为UI展示出来,可以简单的理解为HTML页面ViewModel:视图模型层,用来连接Model和View,是Model和View之间的通信桥梁