教程 – 晶众陋舍-大道至简

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

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

js中filter用法总结

0311lc.com说：基本用法 let arr = [1, 3, 5, 8] let arrFilter = arr.filter(ele => ele > 4) console.log(arrFilter) // [5, 8] let arrObj = [{ name: ‘aa’, age: 13 }, { name: ‘bb’, age: 23 }, { name: ‘cc’, age: 18 }, { name: ‘dd’, age: 11 }, { name: ‘ee’, ……阅读更多

【移动端】理解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 定义调度……阅读更多

K面试

0311lc.com说：https://blog.csdn.net/weixin_47821281/article/details/115672118?utm_medium=distribute.pc_feed_category.none-task-blog-hot-3.nonecase&dist_request_id=&depth_1-utm_source=distribute.pc_feed_category.none-task-blog-hot-3.nonecase&#……阅读更多

移动端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之扩展运算符三个点（…）

0311lc.com说：let bar = { a: 1, b: 2 }; let baz = { …bar }; // { a: 1, b: 2 } 上述方法实际上等价于: let bar = { a: 1, b: 2 }; let baz = Object.assign({}, bar); // { a: 1, b: 2 } 内部的同名属性会被覆盖掉 let bar = {a: 1, b: 2}; let baz = {…bar, …{a:2, b: 4}}; // {a: 2,……阅读更多

Sass、LESS 和 Stylus区别总结

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

Live Sass Compiler扩展

0311lc.com说：设置中加入 “liveSassCompile.settings.formats”:[ // 扩展 { “format”: “compact”,//可定制的出口CSS样式（expanded，compact，compressed，nested） “extensionName”: “.min.css”,//编译后缀名 “savePath&#8221……阅读更多

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()默认只会“拉平”一层，如果想要……阅读更多

分类：教程

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

js中filter用法总结

【移动端】理解viewport：

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

K面试

移动端touch、click、tap的区别

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

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

es6之扩展运算符三个点（…）

Sass、LESS 和 Stylus区别总结

Live Sass Compiler扩展

SCSS ，对SCSS的理解和使用

flat()，flatMap()

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

jquery 加入

安装 swiper 用 vue-awesome-swiper

vue echart

vue 循环赋值 img

vue 中this jquery 获取

js数组所有方法

2022年 9月
一	二	三	四	五	六	日
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30