- 博客(7)
- 收藏
- 关注
原创 ios css中animation问题
关于ios使用animatiaon遇见的问题背景描述在animation中可以串联多个动画用逗号隔开,代码如下:<div class="my-animation"> 测试动画</div>.my-animation { width:100px; height:100px; animation:rotate 1s forwards, breathing 1.5s liner 1s infinite; }@keyframes breathing { 0% {
2021-08-23 18:58:58
1075
原创 HTML结构语义化
HTML结构语义化优点:易于维护和修改无障碍阅读浏览器未来可能提供更丰富的支持<header> 头部含义:标注网页的页眉或标注内容的标题规范:不设置display:none 内容中不使用<nav> 导航栏含义:导航链接规范:通常页面的主要导航使用,可在侧边栏中使用<!-- 案例一 --><nav> <!-- 此处是链接 --> <aside></aside> <aside>
2021-08-12 14:36:38
150
原创 scss规范
stylelint-scss规范规则说明“at-import-no-partial-leading-underscore” :true@import 命名不允许下划线“at-import-partial-extension”:“never”@import中不包含.scss扩展名“at-mixin-argumentless-call-parentheses”: “never”@include调用时不加()“at-mixin-named-arguments”:”al
2020-07-14 19:01:19
1320
原创 好用的Eslint规范
好用的Eslint规范0表示关闭规则,1表示警告,2表示错误并退出“eqeqeq”: 2 ,必须使用全等“quotes”: [1, “single”] ,使用单引号“default-case”: 2 , switch语句强制default分支“no-duplicate-case”:2 ,禁止重复 case 标签“no-cond-assign”: 2 ,禁止在条件表达式中使用赋值语句“no-case-declarations”:1 ,禁止在 case 或 default 子句中出现词法声明“
2020-07-10 10:01:47
618
原创 react-router 与 react-router-dom
react-router 与 react-router-dom通过路由配置匹配URL来执行对应的代码。react-router 用法通过<link to= “home” > 和 <route path = " /home" component ={home}>来进行路由的跳转和匹配例子在组件中使用this.props.params获取路由传递的参数import React from 'react'import { Router, Route, Link } from '
2020-06-15 20:18:04
1556
原创 前端学习之Redux
前端学习之Redux下面我将对我学习的Redux进行介绍,如有误解请多多指教。官网介绍理解ReduxWeb应用是一个状态机,视图和状态是一一对应的。Redux将所用状态保存在一个对象store中,提供一些方法来触发状态改变来改变视图。其中最主要的三个模块是Action,Reducer和Store。ActionAction 为‘动作’,描述了事情的发生。定义方法如下,实际是一个对象,但必须要有type属性来描述Action的名称。它携带的信息是字符串‘learn-redux’为可选属性,其余字
2020-06-12 18:51:10
355
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人