书架

书架

=一个知识书库=

24 个 ES6 方法,解决实际开发的 JS 问题

24 个 ES6 方法,解决实际开发的 JS 问题

> 本文主要介绍 24 中 es6 方法,这些方法都挺实用的,本本请记好,时不时翻出来看看。 # 1.如何隐藏所有指定的元素 ```javascript const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none')); // 事例:隐藏页面上所有`<img>`元素? hide(document.querySelectorAll('img')) ``` # 2.如何检查元素是否具有指定的类? 页面DOM里的每个节点上都有一个classList对象,程序员可以使用里面的方法新增
more...
Webstorm的一些常用快捷键

Webstorm的一些常用快捷键

下面是Webstorm的一些常用快捷键: <!--more--> 快捷键 | 说明 -------|------- <font color="#3366FF">**ctrl+shift+n**</font> | 打开工程中的文件,目的是打开当前工程下任意目录的文件 <font color="#3366FF">**ctrl+b**</font> | 跳到变量申明处 <font color="#3366FF">**ctrl+[]**</font> | 匹配 {}[] <font color="#3366FF">**ctrl+F12**</font> | 可以显示当前文件的结构
more...
多行文本溢出显示省略号(…)

多行文本溢出显示省略号(…)

# 单行 ```scss overflow: hidden; text-overflow: ellipsis; white-space: nowrap; ``` <!--more--> # 多行 ```scss overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; ``` <!--more--> # 跨浏览器兼容的方案 ```scss p { positi
more...
前端大气动态效果设计

前端大气动态效果设计

# 前言 最近关注了[DJI大疆社区](https://bbs.dji.com/),看了不少大神的高端视频作品,特别是大神LingChen的作品,很是喜欢。 [LingChen天空之城作品](https://bbs.dji.com/thread-166510-1-1.html),[LingChen微博作品](https://weibo.com/u/1768614212?refer_flag=1005050010_)。 于是自己就做了个类似Lingchen这种效果的前端,很是大气,现将效果贴出来。 > 如果没有动态效果,请刷新,mov视频加载可能与网络有关,建议不要使用老的IE内核浏览器
more...