- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 antd table 单击一行选中当前行复选框
<Table rowSelection={rowSelection} columns={columns} {...empProps} bordered={false} rowKey={record => record.id} size="small" scroll={{ x: 960, y: 300 }} ..
2021-07-19 14:33:17
615
原创 antd-mobile上拉加载组件 分离
```javascript /** * @description: 上拉加载组件 * @param {*} 传入 row(循环的每一行数据) getData() 请求数据 dataList 数据源 * @return {*} */ import React from 'react' import { ListView } from 'antd-mobile'; class ListContainer extends React.Component { constructor(.
2021-06-08 14:41:24
221
转载 README
一、todoList案例相关知识点 1.拆分组件、实现静态组件，注意：className、style的写法 2.动态初始化列表，如何确定将数据放在哪个组件的state中？ ——某个组件使用：放在其自身的state中 ——某些组件使用：放在他们共同的父组件state中（官方称此操作为：状态提升） 3.关于父子之间通信： 1.【父组件】给【子组件】传递数据：通过props传递 2.【子组件】给【父组件】传递数据：通过props传递，要求父提前给子传递一个函数 4.注意defa
2021-04-28 09:25:23
191
原创 完美解决 rc-form 不支持ts和函数组件
import { Component, ClassicComponentClass, FunctionComponent, ClassType, ComponentClass, ComponentSpec, Mixin, ReactNode, ClassicComponent, ComponentState } from "react"; import PropTypes, { Requireable, InferProps } from "prop-types"; export interface V
2021-01-05 17:35:23
860
1
原创 react 使用 iconfont Symbol的心得(下载到本地)
1.离线使用symbol 1.下载之后将iconfont文件放到src里面的单独目录里面，要引用图标的js文件记得导入iconfont.css文件 不要加iconfont.js 2…iconfont.js文件单独放到public文件夹，放src里不认识他，然后在index.html中添加引用 2.1 放到public文件夹 2.2 index.html中添加引用 3.相应位置使用svg <svg class="icon" aria-hidden="true" style={{ width: 3
2020-12-25 10:14:01
1307
原创 移动项目总结
移动项目总结 必会部分 vue相关 1. vuex基础使用 状态管理工具 和vue框架绑定在一起的 三个特性： 独立于组件单独存在 数据天然是响应式的 架构合理 操作简单 使用场景： 多个组件共享同一份数据 （用户信息） 注意组件自己内部的数据还是照常自己维护 { state:{ tokenInfo:{} }, mutations:{ setToken(state, obj){ state.tokenInfo = obj
2020-11-24 18:08:54
453
原创 05_黑技能-实时打包
目标 能使用webpack实现实时打包预览效果 webpack实时打包 目标：实现实时打包预览效果。当我们修改了代码时，立即运行打包命令，并显示效果。 工具：[webpack-dev-server] npm官网 配置手册 注意： 项目开发都是对src目录内部的文件进行更新，不要去修改dist打包好的文件 现在对src内部的任何文件做修改操作后，都需要重新打包，才可以看到对应效果 步骤： 安装 npm i webpack-dev-server -D -----------------
2020-10-22 19:24:06
209
原创 04_plugin
目标： 能将项目中css提取到单独的文件中 能使用配置自动导入打包资源到html中 能使用clean-webpack-plugin清空打包目录 能做css代码和js代码压缩优化 plugin是用于扩展webpack的功能，各种各样的plugin几乎可以让webpack做任何与构建相关关的事情。 plugin的配置很简单，plugins配置项接收一个数组，数组里的每一项都是一个要使用的plugin的实例，plugin需要的参数通过构造函数传入。 使用plugin的难点在于plugin本身的配置项，而不是
2020-10-22 19:23:34
372
原创 03_loader
目标： 能处理css,less文件，解决css的浏览器兼容性配置 能处理字体文件 能处理图片文件 能处理js降级问题 在webpack看来 一切皆模块，图片，样式文件，js文件… 。 但是webpack默认只能处理js模块，对于非js的内容它就需要一些帮手来处理了。这些帮手就是loader。 webpack 可以使用 loader 来预处理文件。这允许你打包除 JavaScript 之外的任何静态资源。 处理css文件 下面，我们来讨论如何处理.css文件。 创建.css文件 在src目录下，再次创
2020-10-22 19:22:58
188
原创 02_webpack配置文件
目标： 学习使用webpack的配置文件 会指定打包模式，并了解两种打包方式的区别 会指定入口,出口文件 会设置devtool 在不同的场景下定制不同的配置文件 简化打包命令 webpack提供的零配置功能很弱，不能做定制，它同时还提供一个配置文件，允许我们定制功能。 零配置对应的配置文件 webpack在工作时，它会默认去根目录下找一个名为webpack.config.js的文件（如果找不到，则它会用一些默认设置以支持它的零配置特性。）这个名为webpack.config.js的文件就是webpack
2020-10-22 19:22:20
161
原创 01_安装及基本使用
导入 对比展示两种开发方式： A. 传统方式，不使用构建工具 B. 工程化的方式，使用webpack 示意图对比 传统方式 工程化 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YxLGpYYy-1603365659315)(asset/image-20200923214455667.png)] 明细对比 传统方式 工程化方式 能否采用js模块化（在一个js中引入另一个js） 不能 能 js代码否能加密 不能 能 css代码能否压缩 不能 能
2020-10-22 19:21:55
157
原创 css元素水平垂直居中的方法
1.行内块水平垂直居中 .nav { width: 500px; height: 400px; line-height: 400px; background-color: #ccc; border: 1px solid #000; text-align: center; } .nav i { display: inline-block; width: 100px; height: 1
2020-07-29 13:59:31
177
原创 css3----盒子阴影巧妙运用
盒子阴影的几种用法 1.可以做边框 .box { margin: 100px auto; width: 200px; height: 300px; background-color: #ccc; box-shadow: 0 0 0 4px red; } 注:盒子阴影只写阴影大小尺寸和颜色可以显示边框 2.可以做三个方块(用一个div) .box { margin: 100px auto; width: 200px; height
2020-07-14 10:01:12
226
原创 定位
定位 定位绝大使用场景 一个元素覆盖在另一个元素之上的 固定在网页某块区域不移动的 定位的组成 定位模式 边偏移 定位模式的分类 静态定位 static 标准流 ★相对定位 relative - 自恋一哥 相对定位的元素是不会脱离标准流的 参考的是自身原来的位置 ★绝对定位absolute - 拼爹一哥 绝对定位的元素是脱离标准流的,不再占有自身原来的位置,设置了绝对定位的元素,会改变元素的显示模式,类似于行内块 参考位置: 如果没有父元素或者父元素未设置定位,该元素参考的是浏览器的.
2020-07-08 09:26:59
134
原创 元素显示与隐藏----精灵图----字体图标
day02 元素的显示和隐藏 精灵图 字体图标… 元素的显示与隐藏 display display: block 显示元素 display: none 隐藏元素(隐藏元素之后不占位置) visibility visibility: visible 显示元素 visibility: hidden 隐藏元素(隐藏元素之后是占位置的) overflow <style> .box { /* 将溢出容器的内容隐藏 */ /* overflow: hidden; */
2020-07-08 09:26:14
271
原创 h5新增属性
04 新增表单属性 结构伪类选择器 伪元素选择器 过渡 H5新增的表单属性 <form action=""> <!-- required 表单添加了该属性,表示当前表单项是必填的 --> <!-- placeholder 提示文本占位 --> <!-- autofocus自动获取焦点 --> <!-- autocomplete 自动补全功能
2020-07-08 09:24:11
295
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人