An哒哒-CSDN博客

原创一个让 git clone 提速几十倍的小技巧

一个让 git clone 提速几十倍的小技巧一个让 git clone 提速几十倍的小技巧git 原理能下载单个 commit 的原理一个让 git clone 提速几十倍的小技巧不知道大家有没有遇到比较大的项目，git clone 很慢很慢，甚至会失败的那种。大家会怎么处理的呢？可能会考虑换一个下载源，可能会通过一些手段提高网速，但是如果这些都试过了还是比较慢呢？今天我就遇到了这个问题，我需要把 typescript 代码从 gitlab 下载下来，但是速度特别慢：git clone http

2021-06-04 09:58:23 521

原创基于 vant +postcss-pxtorem 实现移动端 REM 适配

Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：postcss-pxtorem是一款 postcss插件，用于将单位转化为 remlib-flexible用于设置 rem 基准值下面我们分别将这两个工具配置到项目中完成 REM 适配。一、使用 lib-flexible 动态设置 REM 基准值（html 标签的字体大小）安装# yarn add amfe-flexiblenpm i amfe-flexible加载执行该模块impo

2020-08-11 10:40:08 910

原创 Vue 生命周期图解代码解释

vue生命周期简介Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。常用的钩子函数：beforeCreate在实例初始化之后，数据观测和事件配置之前被调用此时data 和 methods 以及页面的DOM结构都没有初始化什么都做不了created在实例创建完成后被立即调用此时data 和 methods已经可以使用但是页面还没有渲染出来beforeMount在挂载开始

2020-07-20 21:14:05 225

原创 js基础：比较运算符隐式转换

隐式转换运算符在运算的时候，如果两边的数据类型不一致，则会自动转成一致后运算。a. 其他类型转string : + 连接符b. 其他类型转number : 自增自减(++ --) 算术运算符( + - * / %) 关系运算符 : > >= < <= == != === !==c. 其他类型转boolean : ! 逻辑非特殊情况=== ：全等运算符。不存在类型转换，先比较类型，然后比较值== : 比较运算符。隐式转换规则是转成nu

2020-06-01 10:54:01 1394 1

原创移动端 click 延时解决方案

移动端 click 事件会有 300ms 的延时，原因是移动端屏幕双击会缩放(double tap to zoom) 页面。解决方案：禁用缩放。浏览器禁用默认的双击缩放行为并且去掉300ms 的点击延迟。 <meta name="viewport" content="user-scalable=no">利用touch事件自己封装这个事件解决300ms 延迟。原理就是：1. 当我们手指触摸屏幕，记录当前触摸时间2. 当我们手指离开屏幕，用离开的时间减去触摸的时间3.

2020-05-31 19:51:01 302 2

原创 js触摸（touch）事件

移动端触摸（touch）事件移动端时代已经到来，作为前端开发的我们没有理由也不应该坐井观天，而是勇敢地跳出心里的那口井，去拥抱蔚蓝的天空。该来的总会来，我们要做的就是接受未知的挑战。正如你所看到的，这是一篇关于移动端触摸事件的文章，也就是我们平时在手机中用得最多的动作：touch。现在让我们开始 touch touch touch 吧！触屏事件概述移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（

2020-05-31 19:45:59 6871 2

原创 classList 属性用法

classList 属性classList属性是HTML5新增的一个属性，返回元素的类名。但是ie10以上版本支持。该属性用于在元素中添加，移除及切换 CSS 类。有以下方法添加类：element.classList.add（’类名’）；移除类：element.classList.remove（’类名’）;切换类：element.classList.toggle（’类名’）;案例用classList属性实现开关灯<style> .bg {

2020-05-30 19:54:26 1130 1

原创缓动动画典藏版实现宽度、高度、层级、透明度、颜色变化

缓动动画典藏版缓动动画思路/* 1.缓动动画核心思路：由快到慢本次移动距离 = (目标位置 - 当前位置)/10 2.缓动动画特点 (1)需要取整：本次移动距离计算是一个除法的过程，会产生小数。而像素一般是整数 (2)没有误差 : 核心公式到了后面，都是1px的移动。不需要边界检测：超过目标位置，清除定时器并且元素复位

2020-05-30 19:35:52 344 1

An哒哒