前端构建工具gulpjs的使用介绍及技巧

0311lc.com说:gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。 本文导航: gulp的安装 开始使用gulp gulp的API介绍 一些常用的gulp插件 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gu……阅读更多

js数组对象过滤:filter,find,some,every

0311lc.com说:1、filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。 原数组不变 不会对空数组进行检测   let arr1 = [1,2,3,4] let arr2 = arr1.filter(item=>item===1) console.log(arr1, ‘arr1’) // [1,2,3,4] arr1 console.log(arr2, ‘arr2’) // [1] arr2 let arr3 = [{ id:1,……阅读更多

es6数组方法find()、findIndex()与filter()的总结

0311lc.com说: lfind() 该方法主要应用于查找第一个符合条件的数组元素。它的参数是一个回调函数。在回调函数中可以写你要查找元素的条件,当条件成立为true时,返回该元素。如果没有符合条件的元素,返回值为undefined。 以下代码在myArr数组中查找元素值大于4的元素,找到后立即返回。返回的结果为查找到的元素:   const myArr=[1,2,3,4,5,6]; var v=myArr.find(value=>value>4); console.l……阅读更多

【移动端】理解viewport:

0311lc.com说:在响应式设计或移动Web开发当中经常见到的一句代码: <meta name=”viewport” content=”width=device-width, initial-scale=1″> 一、viewport的概念 Viewprot是用户网页的可视区域。 在默认情况下,一般来讲,移动设备上的viewport都是要大于浏览器可视区域的,这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小,所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站,移……阅读更多

laravel 设置定时任务(任务调度)

0311lc.com说:创建定时任务 crontab -e #添加代码 * * * * * /usr/bin/php7.0 /var/www/html/laravel/artisan schedule:run >> /dev/null 2>&1 注意:/usr/bin/php7.0为你的php位置 ,* * * * *分别代表 分 时 日 月 周 (定时任务的时间) /var/www/html/laravel/为你的项目位置 查看定时任务 crontab -l 定义调度……阅读更多

移动端touch、click、tap的区别

0311lc.com说:一、click 与tap比较 click与tap都会出发点击事件,但是在手机web端,click会有200-300ms延迟,所以一般用tap(轻击)代替click作为点击事件。singleTap 和 doubleTap分别代表单击和双击。 二、使用tap会出现点透事件(事件穿透) 很多用过Zepto(移动端开发的库)都说使用tap会出现点透事件。 1、什么是tap事件穿透 执行完上层绑定的tap事件后,下层如果绑定着click事件或者本身就存在点击事件(a/input)也……阅读更多

js中hasOwnProperty方法和in运算符区别

0311lc.com说:hasOwnPropert方法 hasOwnPropert()方法返回值是一个布尔值,指示对象自身属性中是否具有指定的属性,因此这个方法会忽略掉那些从原型链上继承到的属性。 看下面的例子: Object.prototype.foo = ‘animal’; let obj = { name: ‘xiaoming’, age: ’12’ } console.log(obj.hasOwnProperty(&……阅读更多

js中如何判断一个变量是数组还是对象

0311lc.com说:在javascript中当使用typeof方法来判断[]和{}时,返回值都是’object’,那么如何来判断一个变量是数组还是对象呢?这里记录两种方法: 利用toString()方法 Object.prototype.toString.call({}) // [object Object] Object.prototype.toString.call([]) // [object Array] 利用Array.isArray()方法 Array.i……阅读更多

es6箭头函数中return的用法,只有一行语句,可以省略大括号,并且省略return关键

0311lc.com说: 如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return关键字返回 const foo = (a, b) => { a+b; } foo(1, 2) // undefined const foo1 = (a, b) => { return a+b; } foo1(1, 2) // 3 如果箭头函数只有一行语句,可以省略大括号,并且省略return关键字。 const foo = (a, b) => a+b // 等价于co……阅读更多

Sass、LESS 和 Stylus区别总结

0311lc.com说:CSS 预处理器技术已经非常的成熟了,而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。 1.什么是 CSS 预处理器 CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让CSS 更见简洁,适应性更强,代码更直观等诸多好处。 2.基本语法区别: 在使用……阅读更多

SCSS ,对SCSS的理解和使用

0311lc.com说:https://blog.csdn.net/zhouzuoluo/article/details/81010331 首先要了解什么是CSS 预处理器? SCSS是一种CSS预处理语言 定义了一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,无需考虑浏览器的兼容性(完全兼容css3),让css更加简洁、适应性更强,可读性更佳,更易于代码的维护等诸多好处。CSS预处理语言有SCSS (SASS) 和LESS、POSTCSS 那么SCSS和SASS ……阅读更多

flat(),flatMap()

0311lc.com说:本文实例讲述了es6数组的flat(),flatMap()函数用法。分享给大家供大家参考,具体如下: 数组的成员有时还是数组,Array.prototype.flat()用于将嵌套的数组“拉平”,变成一维数组。该方法返回一个新数组,对原数据没有影响。 1 2 [1, 2, [3, 4]].flat() // [1, 2, 3, 4] 上面代码中,原数组的成员里面有一个数组,flat()方法将子数组的成员取出来,添加在原来的位置。 flat()默认只会“拉平”一层,如果想要……阅读更多

vue echart

0311lc.com说:Vuecli4.5  用 echart  要  4.9版本  如果 默认5.0 请 到package.json 修改  在 cnpm  install 页面导入时候  import * as echarts from ‘echarts’  这个  也支持 5.0 不过  5.0 字体有问题