- 博客(15)
- 收藏
- 关注
原创 h5默认样式
mobiles.scss/**/@charset "UTF-8";$yh:"Microsoft yahei";@function r($px, $base: 16) { @return ($px / $base) * 1rem;}// @function pxToRemr($px, $base: 14.0625) {// @return ($px / $base) * 1rem;// }html { font-size: 62.5%; font-family:$yh;
2022-03-04 22:56:30
294
原创 h5手机端以及pc端标准文档结构
pc端<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="renderer" content="webkit" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>zyb</title> <link rel
2022-03-04 22:53:45
216
原创 pc 默认样式
/****///\5b8b\4f53//$yh:'Microsoft Yahei';body,textarea,input,select,option { font-size: 14px; color: #333; font-family: "Hiragino Sans GB", "Microsoft Yahei", tahoma, arial, sans-serif; -webkit-font-smoothing: antialiased;}h1,h2,h3,.
2022-03-04 22:49:04
126
原创 React Context的使用
store.jsimport React from "react"export const Resume = { base:{ name:"小明", age:"22", sex:"男" }, exp:{ yarn:"2021", job:"web架构", des:"前端开发" }}export const ResumeContext = React.createCo
2021-08-06 15:58:28
124
原创 Tab切换小例子
import React, { Component } from 'react';class View extends Component { constructor(props) { super(props) this.state = { cur: 'block1', username: "", age: "", context: "", } .
2021-08-04 10:30:59
100
原创 React路由要注意的信息
从首页 跳到路由学生测试(test)页面test 页面是一个列表列表可以点到详情页面列表内容分通过和不通过点击通过和不通过都可以进入详情页详情页面不通过为内容直接显示:不通过字样通过页面内容为(分页实现)http://api.bdplus.cn/api/userinfo?page=1&pageSize=10首页列表详情页面(通过和不通过页面)首页localhost:3000/localhost:3000/tongguolocalhost:3000/butongg..
2021-08-02 15:13:01
96
原创 React阶段总结
# React 总结## 什么是 react?专注于视图层得响应式框架,单向数据流,单向数据绑定## react,vue,jq 对比react 单向数据绑定 ,专注于视图层vue 数据驱动视图,双向绑定数据,响应式框架jq 操作 dom 的 js 库## react 特点声明式设计高效灵活jsx 语法组件模块化## react 为什么必须使用 setState 去修改因为单向数据绑定特性,必须使用 setState 函数去修改,才能让组件进入更新阶段## jsx
2021-08-02 11:49:03
132
原创 input表单
import React, { Component } from 'react';class View extends Component { constructor(props) { super(props); this.state = { uname: '', upwd: '', age: '', gender: '', cls: '',.
2021-07-19 11:02:46
105
原创 React分页
import React, { Component } from 'react';import Axios from 'axios';import { Pagination } from 'antd';class View extends Component { constructor(props) { super(props) this.state = { loading: true, lists: [], .
2021-07-16 11:55:42
406
原创 React阶段性总结
React简介:React 是一个用于构建用户界面的 JAVASCRIPT 库,主要用于构建UI。React由美国的公司Facebook在2011年诞生并于2013年开源发布特点:1.声明式设计 −React采用声明范式,可以轻松描述应用。2.高效 −使用虚拟dom+优秀的diffing算法,减少了与真实dom的交互React中的组件类型:class组件(类组件):在 class 类组件中 React 元素的位置是在 render() 函数中,也就是说,类组件中必须有一个..
2021-07-15 21:20:27
150
1
原创 React 的Tab切换
简单的几行代码import React, { Component } from 'react';class View extends Component { constructor(props) { super(props) this.state = { current: 1, } } tabFn(index) { this.setState({ current.
2021-07-15 11:06:43
397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人