- 博客(29)
- 收藏
- 关注
RSS订阅
原创 vue递归组件的增删改
<template> <div id="app"> //引用组件，将数据动态传递给组件 <Tree :list='list'/> </div> </template> export default { components:{ Tree,//注册组件 }, data(){ ...
2019-07-10 14:20:38
2404
原创 面试题：利用Promise和async/await实现以下功能
现有一个接口https://test.com/get?id=1，需要发起id从1~200的GET方式调用200次异步请求，要求分20轮发出，前一轮全部完成后才进行下一轮，每轮同时并发请求为10次。 function get(url = "https://test.com/get", params) { return new Promise((resolve, reject) => { axios .get(url, params) .then((r
2022-02-21 15:10:41
802
原创 慕课-初识 学习ts笔记
什么是 Typescript 动态类型语言 vs 静态类型语言 为什么要学习 Typescript 程序更容易理解 效率更高 更少的错误 原始数据类型 - primitive values Boolean Null Undefined Number String 特殊的 any 类型 Array 数组类型 Tuple 元祖 元祖的表示和数组非常类似，只不过它将类型写在了里面 这就对每一项起到了限定的作用 函数 限定函数的输入和输出 类型推论 - 没有明确的指定类型的时候推测出一个类型 .
2022-01-08 16:33:20
567
原创 小程序自定义组件获取dom
小程序页面获取dom wx.createSelectorQuery() .select(类名) .boundingClientRect((rect) => { }) .exec(); 小程序组件获取dom //在自定义组件内获取必须用SelectorQuery.in() const query = wx.createSelectorQuery().in(this); query .selectA
2021-07-29 10:15:43
1107
2
原创 关于vscode Eol lf失效问题
1. 在设置里Eol 选\n 2. 在根路径.editorconfig 里end_of_line = lf 以上都不生效 可以有两种解决方案： 一. 下载插件EditorConfig for VS Code 保存自动格式化为lf；//但是会有commit更改（不推荐） 二. 在你使用git拉取代码的时候，git会自动将代码当中与你当前系统不同的换行方式转化成你当前系统的换行方式，从而造成这种冲突。 window系统解决办法： 修改git全局配置，禁止git自动将lf转换成crlf, 命令： git con
2020-11-10 16:32:48
2539
原创 返回数组对象中某一变量的最大值
Math.max.apply( Math, 数组.map(function (item) { return item.变量; }) );
2020-09-10 15:24:52
415
原创 身份证号的检验---正则与加权因子
function idNoValidator(value) { // 正则 var idReg = /^[1-9][0-9]{5}([1][9][0-9]{2}|[2][0][0|1][0-9])([0][1-9]|[1][0|1|2])([0][1-9]|[1|2][0-9]|[3][0|1])[0-9]{3}([0-9]|[X])$/; var result = true; var code = value.split(''); // ∑(ai×Wi)(mod 11)//加权.
2020-08-25 16:11:56
714
原创 小程序应用旷视face++实现ocr
旷视FaceID后台开发文档：https://faceid.com/pages/documents/10881161 以银行卡OCR为例： 1. 封装公共方法后抛出： /** * 从本地选择图片 * @param {number} count 选择图片的数量 默认一张 * */ export const chooseImage = (count = 1) => { return new Promise((resolve, reject) => { wx.chooseImage
2020-07-09 15:54:05
966
1
原创 关于小程序official-account组件的使用
使用组件前，需前往小程序后台，在“设置”->“关注公众号”中设置要展示的公众号。注：设置的公众号需与小程序主体一致。 在一个小程序的生命周期内，只有从以下场景进入小程序，才具有展示引导关注公众号组件的能力: 当小程序从扫小程序码场景（场景值1047，场景值1124）打开时 当小程序从聊天顶部场景（场景值1089）中的「最近使用」内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态 当从其他小程序返回小程序（场景值1038）时，若小程序之前未被销毁，则该组件保持上一次打开小程序..
2020-05-08 17:55:36
2517
原创 antd的Select组件的PopupContainer会随着滚动条上下移动的解决
随着滚动条上下移动会错位 使用： <Select getPopupContainer={trigger => trigger.parentNode}>
2019-11-26 10:43:06
1905
原创 React报错：Can't perform a React state update on an unmounted component
antd中的Table组件的scroll参数，需要随着页面的变化而动态的变化； this.state = { height: document.body.clientHeight }; componentDidMount () { window.addEventListener('resize', this.handleHeight.bind(this)); //动态获取页面高度 } com...
2019-11-25 10:45:08
816
原创 antd中form表单以formData格式axios请求接口入参
antd的form组件中不支持enctype，所以不用设置； axios的Content-Type也不需要设置，等于false就好； form.validateFieldsAndScroll((err, data) => { data.file && data.file.map(item => data.file = item.originFileObj); // ...
2019-11-12 17:47:45
2693
3
原创 前端开发环境部署
ssh username@跳板机地址 password Target user Target machine address 显示以上说明登录成功 ps -ef|grep nginx //查看nginx上的状态 kill -9 pid //关闭多余的进程 sudo service nginx stop //关闭nginx rz 上传本地dist.tar文件到目标目录下 ta...
2019-10-12 14:42:49
676
原创 nginx反向代理解决跨域问题
本机下载安装nginx nginx常用命令： 查看Nginx的版本号：nginx -V 启动Nginx：start nginx 快速停止或关闭Nginx：nginx -s stop 正常停止或关闭Nginx：nginx -s quit 配置文件修改重装载命令：nginx -s reload 在nginx.conf中配置跨域 listen 4000; // n...
2019-09-26 13:24:25
218
原创 react 入参的变量名一样如何传参
入参的结构：http://{domain}/api/getRoleAll?userName={xxx}&roleList={x}&roleList={x}； 采用字符串拼接的形式 const { roleAll } = this.props.storeData; // 筛选所有选中的多选框 const selectRole = roleAll.filter(item => ...
2019-09-17 15:30:00
467
原创 手动封装ajax
(function() { xhr = { creatXhr: function() { return new XMLHttpRequest(); }, creatIeXhr: function() { return new ActiveXObject("Microsoft.XMLHTTP")...
2019-08-27 11:04:03
281
原创 egg模拟接口数据
在app下controller文件夹中模拟接口文件 在route.js抛出 配置跨域 下载egg-cors包 plugin.js: cors: { enable: true, package: 'egg-cors', } config.default.js: config.cors = { origin:'*', allowMethods: 'GET,HEAD,PU...
2019-08-27 10:46:55
660
原创 git命令总结
git 是什么 Git是目前世界上最先进的分布式版本控制系统。 svn 是 集中式版本控制系统。 常用命令 命令 说明 git config --list 获取git 的配置项 git config 配置项名 获取具体的配置名 git config 配置项名 新名字 修改配置项 git init 初始化本地版本库 git status 查看仓库状态 git ad...
2019-08-26 15:56:49
129
原创 git流程
首先要明白四个空间：远程仓库，本地仓库，本地缓存区，本地工作区； 远程仓库： 该仓库是一个集中的数据仓库，正常情况下，所有参与开发的人员的代码最后都会提交到该仓库的自己的分支上，再由具有合并权限的人员来合并所有分支； 本地仓库： 一般来说，本地仓库是由开发人员通过clone复制远程仓库中的某个分支的数据到本地而产生的，但git不是集中式的版本控制，而是分布式的版本控制，他们的区别就是，分布式版本控...
2019-08-23 16:00:41
165
原创 CSS预处理器 sass less stylus
基本语法 Scss & Less .box { display: block; } Sass & Stylus .box display: block 嵌套语法 三者的嵌套语法都是一致的，甚至连引用父级选择器的标记 & 也相同。 区别只是 Sass 和 Stylus 可以用没有大括号的方式书写 Less .a { &.b { color: r...
2019-08-21 11:22:08
325
原创 封装发布订阅实现组件传参
class Bus{ constructor (props) { this.events = {} //定义一个容器 } $emit(eventType, arg) { //发布 this.events[eventType].forEach(val => { val(arg) //执行每个回调函数 }) } $on(eventType, cbk) { //...
2019-08-07 10:39:28
419
原创 axios的二次封装 超时时间 拦截
import axios from 'axios'; import jsCookie from 'js-cookie'; import router from '@/router/index.js'; import status from './status.js' //code码字典 /* 设置请求超时的时间 */ axios.default.timeout = 5000; /* 拦截re...
2019-08-05 15:10:24
1312
原创 react国际化
1. 下载react-intl-universal插件并引入 import intl from 'react-intl-universal'; 2. 手动建两个中英文的文件并抛出 en-US.js: export default { system: 'EWarningSystem', situation: 'The overall situation', monitor...
2019-08-05 14:27:25
482
原创 react事件处理中修改this指向的方法
一、通过bind来指明当前方法中的this指向当前组件 二、在构造函数constructor中改变this指向 三、使用箭头函数改变this指向 官方最为推荐的方法是：构造函数中改变； 最不推荐的方法是第一种方法，在render中，每一次改变就会触发render，影响性能 ...
2019-07-25 12:02:16
1156
原创 svelte框架入门
打开命令板，npx degit sveltejs/template 文件夹名 进入文件夹中，cd 文件夹名 下载依赖，npm install npm run dev 以上脚手架搭建完成 类似vue,react,html的一个谜之框架 详情请看官网API：https://svelte.dev/docs ...
2019-07-23 14:26:24
1636
原创 原生实现history路由匹配机制
<body> <a href="javascript:;" data-to='/'>首页</a>//跳空 <a href="javascript:;" data-to='/home'>home</a> <a href="javascript:;" data-to='/index'>index</a...
2019-07-01 17:17:50
449
原创 青蛙跳js逻辑题
十级台阶，一个青蛙一次跳一次或两次，有多少种方法并打印出来所有的方法 function jump(res = [ ], number = 0) { //number已经跳完的 let i = 1; while(i < 3) { if(number + i <=10) {//跳完的加上即将要跳的<=10 let _res = [...res]; _res.pu...
2019-06-28 20:37:54
842
原创 原生实现hash路由匹配机制
<body> <a href="#/">主页</a> <a href="#/index">index</a> <a href="#/home">home</a> <div id="view"></div> </body> <script>...
2019-06-28 20:02:45
377
原创 一元七角一分的js逻辑题
class Money{ constructor (props) { this.number = props; } static add (one,two) { let str = (one.number + two.number).toString(); let newStr = `${str[0]}元${str[1]}角$...
2019-06-27 17:29:16
1180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人