Commonly-used-to-collect

🎉 整理我平时关注的前端库。

导航：

1.Vue

• API
• UI库
• 实用库
• 应用实例
• Demo示例

2.React

• API
• UI库
• 实用库

3.小程序

• 微信
• 支付宝
• 今日头条
• 百度

4.webpack

5.typeScript

阅读更多

三角形

1
2
3
4
5
6
7

.traingle {
 width: 0;
 height: 0;
 border-left: 50px solid transparent;
 border-right: 50px solid transparent;
 border-bottom: 100px solid yellowgreen;
}

阅读更多

css3-anmation-loading

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

animation-name	规定需要绑定到选择器的 keyframe 名称。

animation-duration	规定完成动画所花费的时间，以秒或毫秒计。

animation-timing-function	规定动画的速度曲线。
-- linear	动画从头到尾的速度是相同的。
-- ease	默认。动画以低速开始，然后加快，在结束前变慢。
-- ease-in	动画以低速开始。
-- ease-out	动画以低速结束。
-- ease-in-out	动画以低速开始和结束。
-- cubic-bezier(n,n,n,n)	在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。

animation-delay	规定在动画开始之前的延迟。

animation-iteration-count	规定动画应该播放的次数。
-- n	定义动画播放次数的数值。
-- infinite	规定动画应该无限次播放。

animation-direction	规定是否应该轮流反向播放动画。
-- normal	默认值。动画应该正常播放。
-- alternate	动画应该轮流反向播放。

阅读更多

深浅拷贝的区别

简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。

阅读更多

vuex中，有默认的五种基本的对象

1.state：存储状态（变量）
2.getters：对数据获取之前的再次编译，可以理解为state的计算属性。我们在组件中使用 $sotre.getters.fun()
3.mutations：修改状态，并且是同步的。在组件中使用$store.commit(‘’,params)。这个和我们组件中的自定义事件类似。
4.actions：异步操作。在组件中使用是$store.dispath(‘’)
5.modules：store的子模块，为了开发大型项目，方便状态管理而使用的。这里我们就不解释了，用起来和上面的一样。

阅读更多

问题

1
2
3

如果提交了一个错误的版本，怎么回退版本？
如果提交了一个错误的版本到远程分支，怎么回退远程分支版本？
如果提交了一个错误的版本到公共远程分支，又该怎么回退版本？

阅读更多

定义

ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 “ruby” 元素时显示的内容。

效果如下

阅读更多

React子组件和父组件通信

1. 子组件获取父组件属性：props或者state
2. 子组件调用父组件的方法
3. 父组件获取子组件的属性：props或者state
4. 父组件调用子组件的方法

阅读更多

GitBook 是一个基于 Node.js 的命令行工具，支持 Markdown 和 AsciiDoc 两种语法格式，可以输出 HTML、PDF、eBook 等格式的电子书

1

npm install -g gitbook-cli

Typora 下载地址：https://typora.io/
Git 下载地址：https://git-scm.com/downloads

阅读更多

移动端和h5的混合开发模式，在h5中调用原生的方法来获取数据的交互特别多，但是提示比较困难，因为在应用中不像浏览器，无法打开控制台，改如何调试呢？

use

1
2
3
4

npm install vconsole

import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
let vConsole = new VConsole() // 初始化

阅读更多