• Javascript ES6重点学习总结

    栏目:前端 时间：2019-06-16 16:21
    Javascript ES6重点学习总结

    ES6 学习部分重要ES6知识点的总结。。长，可以先码后看 环境搭建 在项目目录下新建目录src（承载es6语法）和dist（承载编译之后的es5语法） 在项目中npm init -y初始化 安装babel-cli babel-preset-es2015 在根目录下新建.bab

    Read more

  • FastClick用法 解决click300ms延时

    栏目:前端 时间：2019-06-16 15:58

    为什么要使用FastClick 移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。 项目地址：https://github.com/f

    Read more

  • Vue中非父子组件传值的问题[父子组件]

    栏目:前端 时间：2019-06-11 18:57

    父子组件传值的问题，前面已经讲过，不再叙述，这里来说一种非父子组件的传值。vue官网指出，可以使用一个空vue实例作为事件中央线！也就是说 非父子组件之间的通信，必须要有公共的实例（可以是空的），才能使用 $emit 获取 $on 的数

    Read more

  • vue的父子组件和局部全局组件有什么区别？[父子组件]

    栏目:前端 时间：2019-06-10 18:22

    就是在组件里面使用另外一个组件，就形成了父子关系例如在component1中使用component2 component1就是component2的父组件 component2就是component1的子组件//component1.vue<template> <div> <component2><

    Read more

  • 主流的网页宽度是多少像素？

    栏目:前端 时间：2019-06-06 10:47

    网页设计中，宽度的设置，是没有绝对固定的值的，根据我们的需求出发。这里我做个详细的网页宽度设置科普。网页的宽度主要分两种： 定宽：内容区域宽度固定 自适应：内容区域宽度跟随浏览器变化 一、定宽模式定宽是我们日常最常

    Read more

  • CSS单位em是相对于父元素还是当前元素的字体大小？

    栏目:前端 时间：2019-05-31 12:32

    em是CSS中一个比较常用的相对单位，因此有必要注意一些坑点。1em等于当前元素的字体大小，除非你在设置font-size有很多文章说1em是等于父元素的字体大小！这种说法实际上是不准确的。看以下例子：<!DOCTYPE html><html lang=

    Read more

  • MUI - 封装localStorage与plus.storage

    栏目:前端 时间：2019-05-26 18:44

    封装localStorage与plus.storage 2.0版本在使用plus.storage频繁地存取数据时，可以感觉到明显的卡顿，而且很耗内存，在切换到localstorage时虽然效率很高，页面渲染速度明显变快了，且手机发热不明显，不过又遇到了存储瓶颈（一

    Read more

  • jQuery 滚动到指定位置触发动画

    栏目:前端 时间：2018-05-27 03:08

    项目需求：将某一个div在滑动的时候固定在顶端，滑动到顶端的时候回到原来位置。如gif所示： 所需jQuery文件：https://pan.baidu.com/s/1qXTEifU 1.css加上active .active { position: fixed; top: -10px;

    Read more

  • 瀑布流在图片未加载完成之前预先获取图片的宽高

    栏目:前端 时间：2018-05-26 21:32

    前后端进行数据交互的时候，当遇到图片数据的时候，有的公司为了节约成本问题并没有给每个图片的宽高设定相应的数据。 我们为了保证图片在用户前的最好展示，会按照原来图片的比例进行缩放或者放大。 就拿瀑布流举例 这

    Read more

  • 绝对定位，margin:0 auto，让元素竖直居中

    栏目:前端 时间：2018-04-24 03:01

    问题：div { margin: auto; position: absolute; top: 0; left: 0; right: 0 bottom: 0; width: 100px; height: 100px;}是如何自适应的。原因是，绝对定位的布局取决于三个因素，一个是元素的位置

    Read more