- 博客(24)
- 收藏
- 关注
RSS订阅
原创 前端面试总结
注册登录是怎么实现的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
2162
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
2283
原创 前端实现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
882
原创 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
6353
原创 antd中DatePicker不可选择时间的处理
antd中DatePicker不可选择时间的处理** 不可以选择之前的日期,今天包括之后可以选~**disabledDate = (current) => { return current && current < moment().subtract(1, 'day'); };只能选择今天之后的日期,今天不可选~disabledDate = (current) => { return current && current <
2021-07-01 14:34:30
817
原创 再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
1078
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
1305
原创 js debug 的两种办法
当我们有的时候打了很多很多的代码，但是一旦中间有一个小的地方出现错误， 那么后面的代码都将不会被执行，那么如何解决这种情况， 就需要用到这节学到的知识 try …catch 和 断点1、try …catch首先说一下 它的 语法 ：try{ 有可能导致错误的代码 }catch(错误对象){ 错误信息 }finally{ 不管代码对还是错，都会执行 }当然你也可以只写 try { }catch（）{ }也可以只写 try { } finally{ }用了这...
2020-09-07 17:02:25
2544
原创 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
1467
原创 正则表达式大全
正则表达式大全@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
1612
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
2237
原创 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
119
原创 React中加入微信分享
最近有个需求是做一个关于页面分享微信显示链接和缩略图的，因为第一次接触,react的资料相对较少,所以看了下jssdk说明文档，最终实现了这个效果,但是中间遇到很多问题.第一步:导入weixin-js-sdk,先安装导入就行第二部:获取数据,拿到appId,timestamp,nonceStr,signature(必填,很重要,后端那配置好获取接口就行)第三部:wx.config中配置这几个参数,拿到数据后填入.第四部:we.ready中配置标题,描述,链接ceshi() { // co
2020-08-19 18:30:48
1162
原创 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
171
原创 前端的工程化和自动化
前端的工程化和自动化 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
149
原创 redux
reduxredux也是一个架构思维， 在这个架构思维中 React 充当是 视图 V------------- redux 基础 – end ----------------------------------redux使用流程 ( todolist – 增加一条数据 )redux是一个架构思维，我们实现需要一个工具，这个工具叫做redux安装redux$ yarn add red...
2019-07-29 08:23:06
120
原创 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
286
原创 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
102
原创 终端命令
终端命令1.gitbash 客户端软件中的命令 叫 linux命令clear 清屏ls 列出当前目录下的所有目录和文件mkdir 创建目录文件夹vim-vi 文件名称（全程）— 键盘按一下 I 键，会发现编辑器左侧出现一个 INSERT 的标识，标识可以进行编辑了；然后我们可以在其中输入代码或是内容；如果要退出，先按键盘的esc键，当INS...
2019-05-15 11:37:05
155
原创 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
160
原创 前端 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
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人