摘要: Css规范 OOCSS(Object Oriented CSS)面向对象的css 主要分成四个部分 :模板 :栅格布局 :组件 :内容 Template模板 主要负责 ,让 更有层次感。 可以按 来构建HTML的结构 常见的如: 人体架构 垂直方向 水平方向 事物的结构构造(房子)由外向内 结构整么 阅读全文
posted @ 2018-04-18 17:07 烂拖鞋 阅读(820) 评论(0) 推荐(0) 编辑
摘要: 构建Vue项目 按照官网教程安装 webpack模板默认安装了 、`vue router postcss babel`,如果需要其它的可以自己再安装。 安装sass 安装好后就可以在 文件style便签设置 ` 阅读全文
posted @ 2018-04-16 11:01 烂拖鞋 阅读(325) 评论(0) 推荐(0) 编辑
摘要: Vuex基本概念 简单的Store 常见流程 dispatch commit mutate render State 获取vuex中的状态方法 在 中返回某个状态,要获取Vuex那个状态,要在 中定义 由于在全局使用了 ,所有组件可以通过 拿到Vuex的 js const Counter = { t 阅读全文
posted @ 2018-04-09 18:16 烂拖鞋 阅读(207) 评论(0) 推荐(0) 编辑
摘要: "EditorConfig" .editorconfig文件 在很多开源项目中,会出现这个文件,这个文件有何作用? 帮助开发者的(编辑器和IDEs) 定义和维护 编程风格。 有些编辑器不用安装插件,会自动识别 文件,然后会按文件中的规范设置编程风格 不用安装插件的 等等,其他的可以在 "Editor 阅读全文
posted @ 2018-04-03 17:21 烂拖鞋 阅读(357) 评论(0) 推荐(0) 编辑
摘要: Sass 项目结构之7 1模式 的结构: ,`1个文件`。 基本上,你需要将所有的部件放进7个不同的文件夹和一个位于根目录的文件(通常用 或者 ) 编译时会根据 引用所有文件夹而形成一个CSS样式表 7个文件夹 1个文件 Base文件夹 文件夹存放项目中的模板文件。定义一些HTML元素公认的标准样式 阅读全文
posted @ 2018-03-31 15:43 烂拖鞋 阅读(725) 评论(0) 推荐(0) 编辑
摘要: const {random} = Math; //返回 [min,max] 的随机值 //[0,1) * (max - min + 1) => [0,max-min+1) //[0,max-min+1) | 0 => [0,max-min] + min => [min,max] const randomInt = (min,max) => ( ( random() * (max - min +... 阅读全文
posted @ 2018-02-05 14:29 烂拖鞋 阅读(245) 评论(0) 推荐(0) 编辑
摘要: const chainAsync = fns => { let curr = 0 ; const next = (...args) => fns[curr++](next,...args); //执行fns[0](next) : next是一个闭包,包着fns 和 curr ,其中curr只有在next执行的时候才确定fns[curr++]中curr是多少,知识点(函... 阅读全文
posted @ 2018-01-20 17:42 烂拖鞋 阅读(1236) 评论(0) 推荐(0) 编辑
摘要: import React from 'react'; import PropTypes from 'prop-types'; import {getSwipeWay} from '../utils/swipe'; //imgs : 图片src数组 //playTime : 轮播下一张图片的时间间隔 //notAuto : 是否开启自动轮播 默认开启 false con... 阅读全文
posted @ 2017-12-28 10:00 烂拖鞋 阅读(646) 评论(0) 推荐(0) 编辑
摘要: import React from 'react'; import {getSwipeWay} from '../utils/swipe'; class Carousel extends React.Component { constructor(args){ super(args); this.state = { }; ... 阅读全文
posted @ 2017-12-25 12:00 烂拖鞋 阅读(822) 评论(0) 推荐(0) 编辑
摘要: //函数式编程思维分析 这个排列函数 const anagrams = str => { if (str.length acc.concat(anagrams(str.slice(0, i) + str.slice(i + 1)).map(val => letter + val)), []); }; const result = anagrams('abc'); console.... 阅读全文
posted @ 2017-12-18 11:51 烂拖鞋 阅读(258) 评论(0) 推荐(0) 编辑