Skip to content

Instantly share code, notes, and snippets.

View KiligFei's full-sized avatar
:electron:
Focusing

Kilig KiligFei

:electron:
Focusing
  • Xian University of Posts and Telecommunication
  • XiAN,China
View GitHub Profile
@KiligFei
KiligFei / FileTree.jsx
Created June 16, 2021 08:37
[Tree] 文件夹菜单树 #Recat
import React, { useState } from 'react';
import { Tree } from 'antd';
import { EditOutlined, PlusOutlined, MinusOutlined, CloseOutlined, CheckOutlined } from '@ant-design/icons';
import { nanoid } from 'nanoid';
const { TreeNode } = Tree;
const treeData = [
{
@KiligFei
KiligFei / trim.js
Created June 3, 2021 03:12
[去除空格] # JavaScript
const trim = function (str, type) {
// 去除空格, type: 1-所有空格 2-前后空格 3-前空格 4-后空格
type = type || 1;
switch (type) {
case 1:
return str.replace(/\s+/g, '');
case 2:
return str.replace(/(^\s*)|(\s*$)/g, '');
case 3:
return str.replace(/(^\s*)/g, '');
@KiligFei
KiligFei / Contact.jsx
Created March 29, 2021 09:01
[map] 百度地图 #React
class Contact extends React.Component {
componentDidMount() {
this.initMap();
}
initMap = () => {
// 百度地图API功能
@KiligFei
KiligFei / SimpleCZPlayerModal.jsx
Created March 19, 2021 08:38
[同层播放器] #React
import Mask from './Mask';
import SimpleCZPlayer from '@comp/course/SimpleCZPlayer';
import ReactDOM from 'react-dom';
import React from 'react';
import classnames from 'classnames';
import '../css/modals.scss';
export default class SimpleCZPlayerModal extends React.Component {
static propTypes = {};
static defaultProps = {
@KiligFei
KiligFei / SimpleCZPlayer.jsx
Created March 19, 2021 08:37
[播放器] #React
import React from 'react';
import classNames from 'classnames';
import nanoid from 'nanoid';
import { U } from '../common';
import '../../assets/css/course/cz-player.scss';
class SimpleCZPlayer extends React.Component {
constructor (props) {
super(props);
@KiligFei
KiligFei / DialogQRCode.jsx
Created March 19, 2021 08:36
[二维码] #React
import React from 'react';
import {Button, Col, Input, InputNumber, Modal, Row, Spin,message} from 'antd';
import jrQrcode from 'jr-qrcode';
import Utils from "../../common/Utils";
import App from '../../common/App'
import copy from 'copy-to-clipboard';
const id_div = 'div-dialog-qrcode';
export default class DialogQRCode extends React.Component {
constructor(props) {
@KiligFei
KiligFei / topic.md
Created March 17, 2021 08:56
[手机端 1px 的线] # CSS
.box:before{
    content: "";
    pointer-events: none; /* 防止点击触发 */
    box-sizing: border-box;
    position: absolute;
    width: 200%;
    height: 200%;
    left: 0;
 top: 0;
@KiligFei
KiligFei / U.jsx
Created March 9, 2021 03:07
[常用方法] 封装基本方法 #Javascript
import md5 from "js-md5";
var U = (function () {
var _logEnabled = false;
var log = function () {
if (!_logEnabled || !console || !console.log) {
}
};
var isLogEnabled = function () {
return _logEnabled;
};
@KiligFei
KiligFei / HandSwitch.js
Last active March 17, 2021 09:03
[开关 Switch] ReactNavite 实现 Ant Switch 开关 # ReactNavite
import React, {Component} from 'react';
import {Animated, StyleSheet, TouchableOpacity} from 'react-native';
const styles = StyleSheet.create({
container: {
height: 30,
width: 50,
borderRadius: 15,
backgroundColor: '#3AC16C',
},