![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
HSDYZ
这个作者很懒,什么都没留下…
展开
-
npm install 报node-sass错误
原因:npm install 的时候所下载的node-sass文件夹是空的在C:\Users\姓名\AppData\Roaming\npm-cache\node-sass\3.13.1\下面可以看到解决方法:自己单独用npm i node-sass 下载一遍会在C:\Users\姓名\AppData\Roaming\npm-cache\node-sass\4.7.2\下面会有一个文件wi...转载 2020-02-29 09:25:50 · 424 阅读 · 0 评论 -
Less学习手册
Less变量(Variables) (1)@width:10px; → #header{ width:@width; } →#header{ width:10px;} (2)@m:margin; → @(m):0 → margin:0混合(Mixins)混合是一种将一组属性从一个规则集包含(或者混入)到另一个规则集的方法假定有一个类(class).class{ borde...原创 2020-01-31 23:34:39 · 133 阅读 · 0 评论 -
学习笔记之JavaScript继承
1. 借用构造函数属性继承call方法可以改变this的指向,从而改变了Person中this的指向,指向了Student,从而继承给了Student,使得Student可以使用Person中的属性,但是改变this的指向只能继承属性,不能继承方法。2. 原型方法拷贝继承(for-in)通过使用for-in循环语句,将Person的原型方法继承给了Student的原型方法,使得Stu...转载 2019-07-12 17:46:32 · 66 阅读 · 0 评论 -
bootstraps栅格布局col-md-3问题
如图,想通过bootstrap快速做出这样的模板首先引入了bootstrap文件后,设置好了col-md-3这样的布局之后准备在div开始添加一些东西,发现以下情况百思不得其解,一开始是疑惑是否是设置的宽度太大导致上不去,后来觉得是浮动的问题一直上不去,一直无法解决问题,之后在检查页面元素时发现左边的边框是什么,秉着好奇的心态我去看了下,它竟然是col-md-3的,这激发出了我的好奇心...原创 2019-07-18 01:08:53 · 2939 阅读 · 0 评论 -
移动端判断手势左右滑理解
var bindSwipeEvent = function(dom,leftcallback,rightcallback){ //手势的判断条件,假如必须滑动过,滑动的距离必须超出50px //在touchstart中的client var startX = 0; //touchstartX和touchmoveX之间的距离 var distanceX = 0; var ismove...转载 2019-07-22 15:06:30 · 806 阅读 · 0 评论 -
移动端封装tap事件理解(基于touch)
在移动端上的click事件会在点击之后延迟300ms,用户体验不好,因此我们需要封装一个tap轻触事件,来提高用户体验(基于touch的封装)var bindTapEvent = function(dom,callback){ dom.addEventListener('touchstart',function(){ }); dom.addEventListener('touchmo...转载 2019-07-22 17:14:16 · 252 阅读 · 0 评论 -
Git学习笔记
Git是一款源代码管理工具,也称为版本控制工具。使用Git进行管理代码,可以做相应的备份,处理不同的版本。初始化Git仓储项目目录右键打开git bash命令:git init设置当前用户每一次备份都会把当前备份者的信息存储起来命令:(配置用户名) git config --global user.name “”(配置邮箱) git config --global u...原创 2019-07-31 15:52:48 · 102 阅读 · 0 评论 -
less兼容rem各终端
variables.less/*必须与编码保持一致*/@charset "UTF-8";/*适配主流设备*/@adapterDeviceList:750px,720px,700px,640px,540px,480px,424px,414px,400px,384px,375px,360px,320px;/*设计稿的尺寸*/@psdWidth:640px;/*预设基准值*/@ba...转载 2019-07-28 16:04:55 · 181 阅读 · 0 评论 -
学习笔记之promise
Promise的本质就是为了解决回调地狱的问题Promise是一个构造函数,通过new就可以得到一个实例。在Promise上有两个函数,分别为resolve和reject,一个是成功之后的回调函数,一个是失败之后的回调函数。Promise的原型上,有一个.then方法,只要是Promise构造函数创建的实例,都可以访问它。Promise表示一个异步操作,是一个形式上的异步,结果只有成功和失...原创 2019-08-07 00:39:40 · 102 阅读 · 0 评论