09 2021 档案

css 文字只显示两行
摘要：text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; /*! autoprefixer: off */ -webkit-box-orient: vertical; /*! aut 阅读全文
posted @ 2021-09-30 17:15 桃李子 阅读(726) 评论(0) 推荐(0)
js 字符串方法整理
摘要：1、chartAt：string.charAt(index)，返回指定位置的字符； 2、chartCodeAt：string.charCodeAt(index)，返回指定位置的字符的 Unicode 编码（ 0 - 65535）； 3、fromCharCode：String.fromCharCode 阅读全文
posted @ 2021-09-30 17:04 桃李子 阅读(262) 评论(0) 推荐(0)
js 数组方法整理
摘要：一、查找类 1、find：array.find(function(currentValue, index, arr),thisValue)，第二个参数基本不使用，返回查找到的元素，查找不到返回undefined，不改变原数组； 2、findIndex：array.findIndex(function 阅读全文
posted @ 2021-09-30 11:37 桃李子 阅读(193) 评论(0) 推荐(0)
javascript简单算法练习
摘要：题目来源于这位大佬的博客：『前端积累』算法汇总【持续更新】 - 风雨后见彩虹 - 博客园 (cnblogs.com) // 求数组内两数和，跟题目要求不太一样 var nums = [1,2,2,4,3,6,8,5]; var target = 6; var result = []; nums.fo 阅读全文
posted @ 2021-09-28 17:19 桃李子 阅读(118) 评论(0) 推荐(0)
js 对象数组删除相同id的项
摘要：const data = [{ id: 1, name: '一' },{ id: 2, name: '二' },{ id: 2, name: '三' }] interface Data { id: number; name: string; } const result = data.reduce( 阅读全文
posted @ 2021-09-08 14:31 桃李子 阅读(1075) 评论(0) 推荐(0)
React antd Form表单项自定义组件
摘要：父组件 import React from 'react'; import Son from './Son'; const Farther = (props) => { const [form] = Form.useForm(); const { Item } = Form; return ( <d 阅读全文
posted @ 2021-09-03 15:46 桃李子 阅读(3004) 评论(0) 推荐(0)
Js的变量类型
摘要：原始类型： undefined、string、number、boolean、symbol 引用类型：object、array、null、function 这两种类型最大的区别就是，原始类型的变量，复制后是独立的两个变量，改变其中一个另外一个变量不会被改变；反之，引用类型的变量复制之后，修改其中一个变 阅读全文
posted @ 2021-09-02 16:55 桃李子 阅读(300) 评论(0) 推荐(0)
Js reduce方法的使用
摘要：先看一个例子 // 去重 const numArr2 = [1, 2, 2, 3, 4, 5, 6, 6]; // 这里是普通数组去重，对象数组去重跟这个例子方法不同 const newNumArr2 = numArr2.reduce((item, next) => { item.indexOf(n 阅读全文
posted @ 2021-09-02 16:42 桃李子 阅读(70) 评论(0) 推荐(0)
Vue mixin
摘要：mixin 抽离组件公共逻辑，好处是方便维护，只要在mixin中进行一次修改，就可以将所有引入了mixin的组件内公共逻辑一次性修改。 mixin.js文件，文件名可以自定义 // 抽离组件公共逻辑，方便维护 export default { data () { return { mixinData 阅读全文
posted @ 2021-09-02 16:17 桃李子 阅读(107) 评论(0) 推荐(0)
Vue双向绑定v-model修饰器
摘要：.lazy -> 失去焦点生效; .number -> 限定输入类型为number; .trim -> 清除开头结尾的空格。 trim修饰器不能删除输入框内字符串中间部分的空格，这种需求可以用正则实现。 阅读全文
posted @ 2021-09-02 16:10 桃李子 阅读(34) 评论(0) 推荐(0)
vue异步加载组件
摘要：components: { List: () => import(/*webpackChunkName: "name"*/, 组件路径); } 异步加载组件后，如果目前这个组件还不需要用到，比如需要在点击一个按钮之后才显示某个组件，这时候就可以使用异步加载组件，可以减轻初次打开页面后的负担，是一种可 阅读全文
posted @ 2021-09-02 16:01 桃李子 阅读(1037) 评论(0) 推荐(0)
git合并分支
摘要：这里的例子将dev代码合并至master分支。 1.dev将代码上传到远程； 2.切换值master分支： git checkout master; 3.master分支拉取代码（远程master可能更新了): git pull (origin master); 4.将远程的dev代码合并到当前的m 阅读全文
posted @ 2021-09-02 15:49 桃李子 阅读(104) 评论(0) 推荐(0)
react antd table自定义分页
摘要：<Table style={{ marginTop: 20 }} columns={columns} dataSource={dataSource} rowKey={record => record.id} pagination={{ // 具体配置可看antd官网文档Pagination的API部 阅读全文
posted @ 2021-09-02 15:31 桃李子 阅读(3223) 评论(0) 推荐(0)