自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 前端面试总结

注册登录是怎么实现的1.登陆注册要做成受控组件,组件定义state,和表单绑定 2.redux-saga调用数据请求,发送action修改数据, useEffect中dispatch发送数据请求,后端比对用户名是否重复,返回state3.前端根据返回的信息成功跳转登陆页4.登陆发送数据请求,数据库对比用户名密码是否正确, 根据后端返回的结果进入首页5.setCookie将用户登录名密码token存cookie中 通过JWT(Json web token)6.免密登陆 getC

2020-09-16 14:27:08 2317 1

原创 在react中用echarts实现3d地球

在react中用echarts实现3d地球1.安装echarts,和3d,去官网看如何安装就行2.导入import echarts from 'echarts'import echartsGL from 'echarts-gl'3.render组件里面写div.render() { return ( <div className="middleEarth"> <div id="box" className="earth-middle" s

2020-08-26 10:40:55 2394

原创 【无标题】

JavaScript编程规范

2022-10-18 17:01:43 458

原创 前端如何通过后端返回的文件流下载csv文件

前端如何通过后端返回的文件流下载csv文件

2022-08-18 09:51:44 1235

原创 mac上开启隐藏文件

mac上开启隐藏文件

2022-06-29 14:12:12 280

原创 前端实现XLSX文件下载

import XLSX from ‘xlsx’downloadTemplate() { const filename = 'template_01.xlsx' const templateData = [['employeeNo', 'employeeName', 'departmentId', 'departmentName', 'jobId', 'jobName', 'jobLevel', 'area', 'educational', 'reason', 'dutyLine']

2021-10-25 17:43:28 914

原创 Element-UI 动态表头

Element-UI 可编辑表格 + 动态表头利用el-table-column的自定义列模板可以与其他组件使用实现复杂的表格。由于我想实现一个可编辑的表格,同时因为表格有很多个,同时列名也是不一样的(数量和名称),所以想偷个赖写个动态的切换的功能。`<el-button @click=“change”>测试按钮<el-table-column v-for=“item in tableHead”:label=“item.label” :property=“item.pro

2021-09-29 16:48:50 6433

原创 antd中DatePicker不可选择时间的处理

antd中DatePicker不可选择时间的处理** 不可以选择之前的日期,今天包括之后可以选~**disabledDate = (current) => { return current && current < moment().subtract(1, 'day'); };只能选择今天之后的日期,今天不可选~disabledDate = (current) => { return current && current <

2021-07-01 14:34:30 861

原创 再Form表单中如何使用富文本组件

Braft Editor1.安装和使用:# 使用npm安装npm install braft-editor --save# 使用yarn安装yarn add braft-editor2.使用:编辑器支持value和onChange属性,这类似于React中原生的input组件。通常情况下,可以用典型的受控组件的形式来使用本编辑器:import React from 'react'// 引入编辑器组件import BraftEditor from 'braft-editor'// 引

2021-06-07 15:42:45 1171 1

原创 在React中添加水印

在React中添加水印const TpWatermark = (CON, H, W, R, C, S, O) => { // 判断水印是否存在,如果存在,那么不执行 if (document.getElementById('tp-watermark') != null) { return; } var TpLine = parseInt(document.body.clientWidth / W) * 2; // 一行显示几列 var StrLine = ''; fo

2021-05-18 09:56:39 1375

原创 js debug 的两种办法

当我们有的时候打了很多很多的代码,但是一旦中间有一个小的地方出现错误, 那么后面的代码都将不会被执行,那么如何解决这种情况, 就需要用到这节学到的知识 try …catch 和 断点1、try …catch首先说一下 它的 语法 :try{ 有可能导致错误的代码 }catch(错误对象){ 错误信息 }finally{ 不管代码对还是错,都会执行 }当然你也可以只写 try { }catch(){ }也可以只写 try { } finally{ }用了这...

2020-09-07 17:02:25 2588

原创 react-router 中link标签的跳转

react-router 中link标签的跳转render(){ let linkObj = { pathname:"/me", //跳转的路径 search : "userName="admin" //get请求参数 hash: "#abc" //设置的hash值; state: {msg:"hello world"} //传入组件的数据 }; return( <div id="app"> <Router> <di

2020-08-22 17:10:42 1491

原创 正则表达式大全

正则表达式大全@TOC匹配手机号:/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[45678]|19[89]|16[6])[0-9]{8}/(手机号需要注意新添加号段:19[89])如果不用精确匹配可以使用:/[1][3−9][0−9]9/(手机号需要注意新添加号段:19[89])如果不用精确匹配可以使用:/[1][3−9][0−9]9/匹配身份证号:/([1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)

2020-08-20 14:09:09 1689 2

原创 REACT 中axios的使用

REACT 中axios的使用1.新建一个axios.js文件根据官网api默认配置一个axios/** * axios 根据官网api默认配置一个axios */import axios from 'axios';//创建实例const instance = axios.create();// 添加一个请求拦截器instance.interceptors.request.use(function (config) { // Do something before reques

2020-08-20 13:54:50 2297

原创 NODE

node.js的性质、优缺点和适用范围Node.js是一个专注于实现高性能Web服务器优化的专家,几经探索,几经挫折后,遇到V8而诞生的项目。Node.js是一个让JavaScript运行在服务器端的开发平台,它让JavaScript的触角伸到了服务器端,可以与PHP、JSP、Python、Ruby平起平坐。但Node似乎有点不同:Node.js不是一种独立的语言,与PHP、JSP、Python、Perl、Ruby的“既是语言,也是平台”不同,Node.js的使用JavaScript进行编程,运行在Jav

2020-08-19 18:33:23 149

原创 React中加入微信分享

最近有个需求是做一个关于页面分享微信显示链接和缩略图的,因为第一次接触,react的资料相对较少,所以看了下jssdk说明文档,最终实现了这个效果,但是中间遇到很多问题.第一步:导入weixin-js-sdk,先安装导入就行第二部:获取数据,拿到appId,timestamp,nonceStr,signature(必填,很重要,后端那配置好获取接口就行)第三部:wx.config中配置这几个参数,拿到数据后填入.第四部:we.ready中配置标题,描述,链接ceshi() { // co

2020-08-19 18:30:48 1222

原创 RN

快速搭建 create-react-native-app启动项目要保证: pc 和 phone 处于同一局域网yarn 的源配置 — 国外源 —》 国内源(taobao)查看当前 yarn的源yarn config get registry修改我们的yarn的源`yarn config set registry https://registry.npm.taobao....

2019-07-29 08:42:04 195

原创 前端的工程化和自动化

前端的工程化和自动化 grunt gulp browserify webpack当今主流 webpack vue react angular 当前市面 2 个版本 webpack 3.0 webpack 4.0webpack 4一、webpack 基础认识1. 官网地址官网: https://webpack.js.org/ 中文: https:/...

2019-07-29 08:26:41 169

原创 redux

reduxredux也是一个架构思维, 在这个架构思维中 React 充当是 视图 V------------- redux 基础 – end ----------------------------------redux使用流程 ( todolist – 增加一条数据 )redux是一个架构思维,我们实现需要一个工具,这个工具叫做redux安装redux$ yarn add red...

2019-07-29 08:23:06 139

原创 vue的基础与原理

vue1.前端框架的发展历史前端工程师(攻城狮)12.html css jquery13.js加入 & jquery14.MVC angular1.0 react15.vue 微信小程序什么是框架?什么是库框架是有一套自己的生态系统库是没有自己的生态系统的,他就是一个工具jsx(javascript+xml)使用script标签引入Vue.js实例化全局暴露的变量...

2019-05-22 21:40:59 313

原创 es6 解构赋值

基本用法ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。以前,为变量赋值,只能直接指定值。let a = 1;let b = 2;let c = 3;ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值。本质上,这种写法属于“模式匹...

2019-05-16 21:01:03 138

原创 终端命令

终端命令1.gitbash 客户端软件中的命令 叫 linux命令clear 清屏ls 列出当前目录下的所有目录和文件mkdir 创建目录文件夹vim-vi 文件名称(全程)— 键盘按一下 I 键,会发现编辑器左侧出现一个 INSERT 的标识,标识可以进行编辑了;然后我们可以在其中输入代码或是内容;如果要退出,先按键盘的esc键,当INS...

2019-05-15 11:37:05 180

原创 es6新特性let和const

let 和 const 命令let 命令块级作用域const 命令顶层对象的属性globalThis 对象let 命令基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined....

2019-05-14 21:47:30 174

原创 前端 Node.js

Node.js用Node.js创建一个静态服务器,将一个简单的项目部署在这个服务器中该怎么做用Node.js创建一个静态服务器,然后将二阶段项目部署在这个服务器中源代码:var http = require( 'http' );var port = 8080 ;var hostname = '127.0.0.1'//也可以使用localhostvar path = requir...

2019-05-14 20:57:09 147

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除