分类: Css/Html

16 篇文章

thumbnail
改变create-react-app默认端口
ReactJS: Changing Default Port 3000 in create-react-app 总共有三种方法 配置全局变量 配置 package 文件 创建 .env 1)配置全局变量 export PORT=8000 2) 配置 package 文件 … "scripts": { "start": “PORT=8000 reac…
thumbnail
react中不使用bind
Losing bind(this) in react.md 普通的写法 import React, { Component } from "react"; class ButtonWithBind extends Component { constructor() { super(); this.state = { toggle: false };…
float元素设置高度
方案一 在浮动元素下面加一个清除浮动的元素:div{clear:both} html <div class="clearfix"> <div style="float: left;">Div 1</div> <div style="float: left;">Div 2</div> <…
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的表单页…
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所示。下面就是总结一下一些组件通讯的方式吧。温故知新。 父子组件通讯 数据从父组件到子组件 数据从父组件到子组…