weixin_44247693-CSDN博客

原创 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 434

```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 127

转载 README

一、todoList案例相关知识点 1.拆分组件、实现静态组件，注意：className、style的写法 2.动态初始化列表，如何确定将数据放在哪个组件的state中？ ——某个组件使用：放在其自身的state中 ——某些组件使用：放在他们共同的父组件state中（官方称此操作为：状态提升） 3.关于父子之间通信： 1.【父组件】给【子组件】传递数据：通过props传递 2.【子组件】给【父组件】传递数据：通过props传递，要求父提前给子传递一个函数 4.注意defa

2021-04-28 09:25:23 137

原创完美解决 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 724 1

原创 react 使用 iconfont Symbol的心得(下载到本地)

1.离线使用symbol1.下载之后将iconfont文件放到src里面的单独目录里面，要引用图标的js文件记得导入iconfont.css文件不要加iconfont.js2…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 1133

原创移动项目总结

移动项目总结必会部分vue相关1. vuex基础使用状态管理工具和vue框架绑定在一起的三个特性：独立于组件单独存在数据天然是响应式的架构合理操作简单使用场景：多个组件共享同一份数据（用户信息）注意组件自己内部的数据还是照常自己维护{ state:{ tokenInfo:{} }, mutations:{ setToken(state, obj){ state.tokenInfo = obj

2020-11-24 18:08:54 372

原创 05_黑技能-实时打包

目标能使用webpack实现实时打包预览效果webpack实时打包目标：实现实时打包预览效果。当我们修改了代码时，立即运行打包命令，并显示效果。工具：[webpack-dev-server]npm官网配置手册注意：项目开发都是对src目录内部的文件进行更新，不要去修改dist打包好的文件现在对src内部的任何文件做修改操作后，都需要重新打包，才可以看到对应效果步骤：安装npm i webpack-dev-server -D-----------------

2020-10-22 19:24:06 131

原创 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 271

原创 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 113

原创 02_webpack配置文件

目标：学习使用webpack的配置文件会指定打包模式，并了解两种打包方式的区别会指定入口,出口文件会设置devtool在不同的场景下定制不同的配置文件简化打包命令webpack提供的零配置功能很弱，不能做定制，它同时还提供一个配置文件，允许我们定制功能。零配置对应的配置文件webpack在工作时，它会默认去根目录下找一个名为webpack.config.js的文件（如果找不到，则它会用一些默认设置以支持它的零配置特性。）这个名为webpack.config.js的文件就是webpack

2020-10-22 19:22:20 83

原创 01_安装及基本使用

导入对比展示两种开发方式：A. 传统方式，不使用构建工具B. 工程化的方式，使用webpack示意图对比传统方式工程化[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YxLGpYYy-1603365659315)(asset/image-20200923214455667.png)]明细对比传统方式工程化方式能否采用js模块化（在一个js中引入另一个js）不能能js代码否能加密不能能css代码能否压缩不能能

2020-10-22 19:21:55 104

原创 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 126

原创 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 162

原创定位

定位定位绝大使用场景一个元素覆盖在另一个元素之上的固定在网页某块区域不移动的定位的组成定位模式边偏移定位模式的分类静态定位 static标准流★相对定位 relative - 自恋一哥相对定位的元素是不会脱离标准流的参考的是自身原来的位置★绝对定位absolute - 拼爹一哥绝对定位的元素是脱离标准流的,不再占有自身原来的位置,设置了绝对定位的元素,会改变元素的显示模式,类似于行内块参考位置:如果没有父元素或者父元素未设置定位,该元素参考的是浏览器的.

2020-07-08 09:26:59 80

原创元素显示与隐藏----精灵图----字体图标

day02元素的显示和隐藏精灵图字体图标…元素的显示与隐藏displaydisplay: block 显示元素display: none 隐藏元素(隐藏元素之后不占位置)visibilityvisibility: visible 显示元素visibility: hidden 隐藏元素(隐藏元素之后是占位置的)overflow <style> .box { /* 将溢出容器的内容隐藏 */ /* overflow: hidden; */

2020-07-08 09:26:14 210

原创 h5新增属性

04新增表单属性结构伪类选择器伪元素选择器过渡H5新增的表单属性 <form action="">    <!-- autocomplete 自动补全功能

2020-07-08 09:24:11 216

weixin_44247693的博客