- 博客(29)
- 收藏
- 关注
RSS订阅
原创 vue递归组件的增删改
<template> <div id="app"> //引用组件，将数据动态传递给组件 <Tree :list='list'/> </div></template>export default { components:{ Tree,//注册组件 }, data(){ ...
2019-07-10 14:20:38
2301
原创 面试题：利用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
731
原创 慕课-初识 学习ts笔记
什么是 Typescript动态类型语言 vs 静态类型语言为什么要学习 Typescript程序更容易理解效率更高更少的错误原始数据类型 - primitive valuesBooleanNullUndefinedNumberString特殊的 any 类型Array 数组类型Tuple 元祖元祖的表示和数组非常类似，只不过它将类型写在了里面 这就对每一项起到了限定的作用函数限定函数的输入和输出类型推论 - 没有明确的指定类型的时候推测出一个类型.
2022-01-08 16:33:20
497
原创 小程序自定义组件获取dom
小程序页面获取domwx.createSelectorQuery() .select(类名) .boundingClientRect((rect) => { }) .exec();小程序组件获取dom//在自定义组件内获取必须用SelectorQuery.in() const query = wx.createSelectorQuery().in(this); query .selectA
2021-07-29 10:15:43
930
2
原创 关于vscode Eol lf失效问题
1. 在设置里Eol 选\n2. 在根路径.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
2189
原创 返回数组对象中某一变量的最大值
Math.max.apply( Math, 数组.map(function (item) { return item.变量; }) );
2020-09-10 15:24:52
384
原创 身份证号的检验---正则与加权因子
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
579
原创 小程序应用旷视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
788
1
原创 关于小程序official-account组件的使用
使用组件前，需前往小程序后台，在“设置”->“关注公众号”中设置要展示的公众号。注：设置的公众号需与小程序主体一致。在一个小程序的生命周期内，只有从以下场景进入小程序，才具有展示引导关注公众号组件的能力:当小程序从扫小程序码场景（场景值1047，场景值1124）打开时当小程序从聊天顶部场景（场景值1089）中的「最近使用」内打开时，若小程序之前未被销毁，则该组件保持上一次打开小程序时的状态当从其他小程序返回小程序（场景值1038）时，若小程序之前未被销毁，则该组件保持上一次打开小程序..
2020-05-08 17:55:36
2267
原创 antd的Select组件的PopupContainer会随着滚动条上下移动的解决
随着滚动条上下移动会错位使用： <Select getPopupContainer={trigger => trigger.parentNode}>
2019-11-26 10:43:06
1817
原创 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
728
原创 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
2538
3
原创 前端开发环境部署
ssh username@跳板机地址passwordTarget userTarget machine address显示以上说明登录成功ps -ef|grep nginx //查看nginx上的状态kill -9 pid //关闭多余的进程sudo service nginx stop //关闭nginxrz 上传本地dist.tar文件到目标目录下ta...
2019-10-12 14:42:49
613
原创 nginx反向代理解决跨域问题
本机下载安装nginxnginx常用命令： 查看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
157
原创 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
384
原创 手动封装ajax
(function() { xhr = { creatXhr: function() { return new XMLHttpRequest(); }, creatIeXhr: function() { return new ActiveXObject("Microsoft.XMLHTTP")...
2019-08-27 11:04:03
233
原创 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
598
原创 git命令总结
git 是什么Git是目前世界上最先进的分布式版本控制系统。svn 是 集中式版本控制系统。常用命令命令说明git config --list获取git 的配置项git config 配置项名获取具体的配置名git config 配置项名 新名字修改配置项git init初始化本地版本库git status查看仓库状态git ad...
2019-08-26 15:56:49
83
原创 git流程
首先要明白四个空间：远程仓库，本地仓库，本地缓存区，本地工作区；远程仓库：该仓库是一个集中的数据仓库，正常情况下，所有参与开发的人员的代码最后都会提交到该仓库的自己的分支上，再由具有合并权限的人员来合并所有分支；本地仓库：一般来说，本地仓库是由开发人员通过clone复制远程仓库中的某个分支的数据到本地而产生的，但git不是集中式的版本控制，而是分布式的版本控制，他们的区别就是，分布式版本控...
2019-08-23 16:00:41
114
原创 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
291
原创 封装发布订阅实现组件传参
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
363
原创 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
1252
原创 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
412
原创 react事件处理中修改this指向的方法
一、通过bind来指明当前方法中的this指向当前组件二、在构造函数constructor中改变this指向三、使用箭头函数改变this指向官方最为推荐的方法是：构造函数中改变；最不推荐的方法是第一种方法，在render中，每一次改变就会触发render，影响性能...
2019-07-25 12:02:16
1101
原创 svelte框架入门
打开命令板，npx degit sveltejs/template 文件夹名进入文件夹中，cd 文件夹名下载依赖，npm installnpm run dev以上脚手架搭建完成类似vue,react,html的一个谜之框架详情请看官网API：https://svelte.dev/docs...
2019-07-23 14:26:24
1538
原创 原生实现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
374
原创 青蛙跳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
774
原创 原生实现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
324
原创 一元七角一分的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
1128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人