flex 布局
flex 布局 Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 基本概念 flex布局元素分为:容器(flex container) 与 项目(flex item) 容器属性 flex-direction flex-wrap flex-flow justify-content align-item…
css 画图形
css画图形 1.css画实心三角形 原理: 先画一个最简单正方形 高、宽都为10px 然后为他加上边框也为10px 这个时候你就会发现,他变成了一个梯形 假如需要画一个向下的实心尖头,那么就先将梯形的右,下,左边框隐藏。然后就得到一个等腰梯形 这个等腰梯形的宽和高还是为10px,如果想要变成尖的三角形,那么就是直接去掉高和宽 具体实现看如下的 c…
javascript 面向对象程序设计
面向对象程序设计 假如没有对象,那么你就自己new 一个对象出来呗 1.工厂模式 function createPerson (name, age, job) { var o = new Object() o.name = name o.age = age o.job = job o.sayName = function () { console.…
Vue 配置stylus支持
Vue 配置stylus支持 安装必要的支持 #初始化项目 vue-sell-study #安装stylus支持 yarn add stylus yarn add stylus-loader 修改stylus lang 支持 <style lang="stylus" rel="stylesheet/stylus"> .hello { f…
Hybird App 开发中返回逻辑的控制
Hybird App 开发中返回逻辑的控制 开发中碰到一个问题。 假如有三个页面 第一个页面为 /list 列表页面, 第二个页面为/add 资料添加页面(form表单), 第三个页面是/detail 添加成功之后返回的详情页面。 三个页面的操作逻辑是。list -> add -> detail 在list页面上点击一个按钮,进入添加add的表单页…
mac 利器
mac 利器 攒了很久的钱,环境彻底迁移到mac os 下,总结下自己使用的一些工具 从win到mac的一些工具迁移可以看老的文章 win下的mac利器替代品 这一篇主要集中在mac下的工具体会和使用心得 关于开发 开发环境 开发环境我还是坚持使用Vagrant+Homestead,这样能够有效的做到环境隔离,同时vagrant能够快速配置开发环境…
产品项目管理
产品项目管理 最近公司的项目走了很多坑,需要总结一下,以下只是写自己的总结,之后再补书面知识。 整体项目的管理本质上是 Feature List 与 Bug List 需求评审 了解需求 ​ 这个阶段就是和你的需求方进行了解,知晓需求方的要求,并将其评估。 确认需求 ​ 将了解到需求进行固定,并将固定的需求与需求方确认。 页面 ​ 将需求的内容映射…
css常用技巧 | css水平居中元素 | css垂直居中元素| 浮动模块父元素高度为0
css常用技巧 之前写css的时候,总会有一些疑惑,所以需要总结一下,并归纳整理。 css水平居中一个元素 如果需要居中的元素为常规流中inline元素,为父元素设置text-align: center;即可实现 如果需要居中的元素为常规流中block元素,1)为元素设置宽度,2)设置左右margin为auto。3)IE6下需在父元素上设置text…
vue组件通讯|vue父子组件通讯demo
vue组件通讯 最近一直在写报表的页面,也碰到了非常多组件通讯的问题,最近准备重构和总结一下。因为之前是第一次上手vue-cli + echarts + mint-ui,所以前一次写的代码自己非常的不满意。第一次的报表完成图,大致如下gif所示。下面就是总结一下一些组件通讯的方式吧。温故知新。 父子组件通讯 数据从父组件到子组件 数据从父组件到子组…