es6
程序不了猿
一个还在成长的程序员,分享自己学到的点滴经验。
展开
-
【gulp】Did you forget to signal async completion?
Did you forget to signal async completion?问题解决问题出现在学习使用前端自动化工具gulp时,测试一个task时,控制台显示如下提示:查阅Stack Overflow,有以下几种解决办法。现象源代码(gulpfile.js):// 复制文件夹gulp.task('copy',()=>{ gulp.src('./src/images/*') .pipe(gulp.dest('dist/images'));原创 2020-12-13 08:38:00 · 195 阅读 · 0 评论 -
【gulp】 Task function must be specified
Task function must be specified 问题分析与解决背景// 构建任务gulp.task('build',['htmlmin','cssmin','jsmin','copy']);在执行 gulp build 命令时报错:原因gulp版本更新,新版不支持这个语法,改一下就行。解决方法1.首先检查本地版本和全局版本是否相同如果此两项相同,那么请修改原来的构建语法为:// 构建任务gulp.task('build',gulp.series('htmlm原创 2020-12-13 09:02:56 · 318 阅读 · 0 评论 -
【gulp】gulp自动打包工具的简介和初步使用
gulp自动打包工具的简介和初步使用1.功能项目上线,HTML、CSS、JS库文件压缩合并语法转换(es6、less…)转(es5、css…)公共文件抽离修改文件浏览器自动刷新2.使用使用步骤使用 npm install gulp 下载库文件在项目根目录下建立 gulpfile.js 文件重构项目的文件夹结构 ,SRC目录位置下放置源代码在 gulpfile.js 文件中编写任务在命令行工具中执行gulp任务库方法gulp.src(): 获取任务要处理的文件g原创 2020-12-13 11:27:35 · 207 阅读 · 0 评论 -
【jquery】jquery中事件委托的原理以及使用
事件委托的原理事件委托(委派)是利用JavaScript的事件冒泡机制,指定一个事件处理程序,就可以管理某一类型的所有事件。通俗的来讲(此处引用前端大牛的例子),就是: 有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为了等快递)。前台MM收到快递后,她会判断收件人是谁,然后按照收件人的要求签收,甚至代为付款。这种方案还有一个优势,那就是即使公司里来了新员工(不管原创 2020-11-03 08:49:25 · 1394 阅读 · 0 评论 -
fastclick 解决移动端click事件延迟300ms和点击穿透问题
一、移动端click点击事件300ms延迟介绍在正常情况下,如果不进行特殊处理,移动端在触发点击事件时,会有300ms的延迟。换句话说,当我们在点击移动端页面后不会立即做出反应,而是会等待300ms才会触发click事件。在移动web兴起初期,用户对300ms的延迟没有太大的感觉,但随着用户对交互体验的要求的提高,如今,移动端的300ms延迟严重影响了用户体验。300ms延迟由来07年,苹果公司发布首款Iphone前夕,遇到一个问题:当时的网站都是为大屏设计,手机屏幕太小无法正常浏览,于是苹果工程师原创 2020-10-19 10:59:34 · 16404 阅读 · 13 评论 -
CSS3造轮子之3D轮播图
CSS3造轮子之3D轮播图源码这个轮播图组件基于3D构建的轮播图,3D最关键在于透视perspective和transformstyle这两个样式属性以及三维建模的基本认知。3D建模的最关键要理解的是他的坐标系:1.原点:原点是建立在父盒子元素的中心,和2D不同,2D的原点在元素的左上角;2.x轴:x轴证方向为水平向右3.Y轴:Y轴正方向为竖直向下4.Z轴:Z轴正方向为垂直屏幕向外,即屏幕向眼睛的方向<!DOCTYPE html><html lang="en">原创 2020-12-07 14:07:42 · 825 阅读 · 2 评论 -
【VUE】vue前端框架知识整理
VUE.JS学习笔记文章目录第一章 vue简介1.1 Vue基本使用1.2 Vue模板语法1.2.1 前端渲染1.2.2指令使用==a.使用v-cloak指令解决差值表达式存在闪动问题==b. 数据绑定指令1.v-text 填充纯文本2.v-html 填充HTML片段3.v-pre 填充原始信息c.数据响应式d.双向数据绑定***MVVM设计思想e. 事件绑定f. 属性绑定g. 样式绑定1.class样式处理2.样式绑定相关语法细节3.style样式处理h. 分支循环结构1.分支结构2. 循环结构1.3原创 2020-07-03 09:03:12 · 1842 阅读 · 4 评论 -
【node】NODE.JS知识框架整理
NODE.JS学习笔记文章目录NODE.JS学习笔记@[toc]第一章、NODE.JS简介1.1 特点1.2 node.js应用场景1.3 node.js内置变量及含义第二章、CommonJS规范2.1 CommonJS对模块的定义主要分为:a.模块引用b.模块的定义:c.模块的标识2.2 模块加载顺序和规则a.模块分为下面几类:第三章、五大浏览器四大内核(扩展知识)5.1 各常用浏览器所使用的内核第四章、项目移植4.1方法第五章、ES6标准学5.1 let变量声明5.2 const常量5.3 模板原创 2020-07-03 08:45:24 · 264 阅读 · 2 评论 -
element-ui 级联选择器菜单高度溢出问题解决方法
高度溢出由于本人学习过程中遇到element-ui 级联选择器菜单高度溢出问题,如图所示:经过多种尝试发现是新旧版本问题。element-ui新版默认显示全部菜单内容,所以我们需要在css样式中对级联选择器菜单的高度进行限制。.el-cascader-menu { height: 300px;}修改样式后,级联选择器的菜单高度得到改善,优化了操作界面。结果如图:...原创 2020-07-16 16:57:11 · 2470 阅读 · 3 评论 -
es6中‘...’扩展运算符的使用
es6中‘…’扩展运算符的使用'…'在数组中的扩展运算符复制数组let arr = [1, 2], arr1 = [...arr];console.log(arr1); // [1, 2] // 数组含空位let arr2 = [2, , 3], arr3 = [...arr2];console.log(arr3); // [2, undefined, 3]2.合并数组console.log([...[1, 2],...[3, 4]]); // [1, 2, 3,原创 2020-07-12 10:22:48 · 319 阅读 · 1 评论