- 博客(71)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 微服务之玉麟宝典，呕心沥血的日常
前言 首先介绍下这款小程序的由来，2020年11月12号，天气晴朗，又是一天摸鱼的好时光，向往常一样来到公司，开机，吃早饭。哈哈，愉快的一天开始了，日常登录知乎刷每日推荐，突然发现众多知名博主多次提到serverless这个名词，作为菜鸟的我一脸懵，what，，这是什么东西，于是一整天的调研工作自己就开展了，serverless 就像前言所说，当天就对其进行了各种了解，发现早在...
2020-11-24 13:32:00
157
原创 关于antd的Tabs标签切换动画抖动问题！全网独一份
随手写了一个tabs切换 发现动画竟然抖动 于是一个小时的苦思冥想开始了首先，习惯性打开百度去找 哈哈 没找到然后，不情愿的去排查是不是某些变量的刷新引起了页面的刷新，导致动画的抖动，于是就把useState变量换成了普通变量此时 问题解决了 哈哈哈突然仔细一看页面不刷新了 卧槽 心好累 仔细研究下发现react对自己的组件进行了缓存保留，在切换的时...
2020-11-06 11:29:00
4595
2
原创 iframe的相关操作
1、更改iframe的src后怎么让iframe的相关内容刷新呢 答:document.getElementById(iframe的id).contentWindow.location.reload(true);2、iframe文件的内容怎么和其使用文件进行通信 答：通过postMessage事件进行发送 然后addEventListener监听message进行获取 具体...
2020-10-28 17:46:00
183
原创 js骚操作
1、使用^切换变量 0 或 1var a=null;如果a存在 b=0 a不存在 b=1 第一种方式 if语句判断第二种方式 三目运算符第三种 a^= 1;2、使用&判断奇偶性偶数 & 1 = 0奇数 & 1 = 13、使用!!将数字转为布尔值console.log(!!7); // true conso...
2020-08-05 15:30:00
120
原创 es2021新特性
1、首先替换String.prototype.replace效果conststr='Ilikefrontend.IlikeJavaScript.';constnewStr=str.replace('like','love');newStr="Ilovefrontend.IlikeJavaScript."单一替换第一个匹配项 然后全部替...
2020-08-05 14:40:00
995
1
原创 mac永久配置环境变量
1. vim ~/.bash_profile2. 配置别名 alias npm别名="/usr/local/bin/npm ----registry 镜像源"3.vim ~/.zshrc 在最后一行添加 source ~/.bash_profile这样即可完成配置永久别名1. 启动终端Terminal~/.bash_profileNo such file or dire...
2020-07-28 18:10:00
542
原创 根据URL下载图片，无需浏览器打开
1 /** 2 * @description 下载图片 3 * @author cq 4 * @Date 2020-04-15 17:29:22 5 * @LastEditTime 2020-04-20 14:01:39 6 * @LastEditors cq 7 */ 8 const downloadIamge = (imgsrc, name) =>...
2020-07-28 17:13:00
469
原创 禁止浏览器打开控制台～
1、单纯的禁止window.oncontextmenu = function () { return false; }2、禁止键盘打开window.onkeydown = window.onkeyup = window.onkeypress = function () { window.event.returnValue = false; return false; }3、禁...
2020-07-28 11:07:00
759
原创 日常小函数
1 /** 2 * rem 自动计算 3 * 根据浏览器宽度对比最大宽度，得出百分值，并转化为像素写入 html.style.font-size 4 * @param {number} max = 750 最大宽度 5 * @param {number} min = 320 最小宽度 6 * @return {() => void} ...
2020-05-28 15:19:00
118
原创 h5网页打开手机APP
首先说下需求，一个h5页面点击按钮打开手机某个app，如果有则打开，无自动跳转到应用商店； 然后要明白，js没法检测手机是否有某个app，所以也就没法判断是打开应用商店还是app的链接， 然后一个大概思路就是通过一个iframe标签去尝试的打开，如果打不开再去打开应用商店button[0].onclick = function () { functio...
2020-05-25 11:45:00
1982
原创 正则集中营
本文写一点项目中常见正则，持续累积中1、一个8-14的数字和字母组合成的正则， 怎么写呢，首先拆分这句话， 1、不能全是数字(?![0-9]+$) 2、不能全是字母(?![a-zA-Z]+$) 3、既然排除了不全是数字、不全是字母了，那就随便来个数字或者字母8-14就好啦[0-9A-Za-z] {8,14} 于是答案也...
2020-05-08 15:18:00
91
原创 canvas绘图之跨域报错问题
首先说下需求，一张海报图片于一张前端生成的二维码绘制出一幅海报来，二维码生成的本质就是一张canvas，此时我们可以利用toDataURL方法将这张二维码转成base64接着创建一个img标签 让其src等于这个base64，接着海报和二维码就放在了两张图片中了，到了这步大家是不是觉得大功告成了可以美滋滋的画图了，岂不知一波坑就此袭来了～～～ 第一个错如下。。。。 Fa...
2020-04-22 17:16:00
1094
1
原创 react闭包导致的model作用域问题
点击按钮去修改model的值，然后在点击函数修改完成后去调用另一个函数 ，结果会如何显而易见你拿不到修改之后的最新model，，当出现这个问题的时候着实一惊，要不是坚信reducers的方法是同步方法就以为是react出错了。。。。。当然结果是你想多了哈哈原因是因为你在点击函数里面修改完成后调用另一个函数，两个函数之间形成了一个闭包，在这个闭包内你不会拿到最新变化后的值，只有...
2020-04-13 16:44:00
198
原创 react-hooks简单同步异步处理小技巧
import React, { useState, useEffect, useReducer } from 'react';import { useImmer } from "use-immer"import './App.css';function reducer(state: { count: number; }, action: { type: any; }) {...
2020-04-10 17:15:00
4922
原创 antd之Input的onChange坑
首先说一下需求，三个input框的值输入数字，想让其自动加减，然后复制给第四个输入框很简单的一个例子，原本想用onChange结合getFieldValue来使用呢 却发现此onChange非彼onChange的html代码 1 <Row type={'flex'} style={{ width: '100%' }} align="middle"&g...
2020-03-16 21:45:00
14183
原创 react之taro介绍
从vue转战react了，今天介绍下第一次用到taro的一个介绍， 1、首页要利用小程序的分包subPackages进行设置，首次加载不要太多配置 1 config: Config = { 2 pages: [ 3 'pages/home/index',//首页 4 'pages/mine/index', // 我的页面 5 ...
2019-12-27 10:45:00
1026
原创 vue插件大全
一、UI组件及框架element- 饿了么出品的Vue2的web UI工具套件mint-ui- Vue 2的移动UI元素iview- 基于 Vuejs 的开源 UI 组件库Keen-UI- 轻量级的基本UI组件合集vue-material- 通过Vue Material和Vue 2建立精美的app应用mus...
2019-10-24 18:39:00
406
原创 提高webpack的构建速度的几种方法概括
通过externals配置来提取常用库利用DllPlugin和DllReferencePlugin预编译资源模块,通过DllPlugin来对那些我们引用但是绝对不会修改的npm包来进行预编译，再通过DllReferencePlugin将预编译的模块加载进来。使用Happypack 实现多线程加速编译,要注意的第一点是，它对file-loader和url-l...
2019-10-19 21:00:00
527
原创 当async/await碰见forEach-------------爆炸
let p = ['http://img3.imgtn.bdimg.com/it/u=3278834702,2663618759&fm=26&gp=0.jpg', 'http://img5.imgtn.bdimg.com/it/u=4180508012,1972588723&fm=15&gp=0.jpg', 'http://img10.360buyim...
2019-09-28 15:38:00
373
原创 在dva框架和create-react-app创建出来的框架中修饰器语法与按需加载引入antd分别配置...
按需加载需要的包babel-plugin-import 装饰器语法需要的包@babel/plugin-proposal-decorators dva框架将.webpackrc 改成.webpackrc.js然后具体配置const config = {};config.proxy = { "/api": { "target": "htt...
2019-08-18 17:01:00
251
原创 dva与create-react-app的结合使用
dva与我们的create-react-app创建的两款脚手架是我们写react项目的两款优秀框架，之前一种使用create-react-app这款脚手架进行开发。然后这个框架美中不足的是redux方面着实令人书写麻烦 然而dva框架就对其进行了封装改良 使其看起来vuex相似度十分高 下面给大家介绍下用这两个框架结合起来开发的步骤吧 首先利用create-react-app生...
2019-08-18 14:40:00
1682
原创 网络请求之jsonp封装
首先介绍下jsonp原理 浏览器因为同源策略的限制，在不同源的服务器通过我们传统axios是不能直接用来请求数据的(忽略代理),而src标签则不受同源策略的影响，所以我们需要动态的创建带有src的标签让其进行数据的请求，这就是jsonp的原理，在src的URL地址末尾拼接上一个回调函数，用来接受服务器传回来的数据前端jsonp的封装展示 1 //封装一个j...
2019-08-14 17:24:00
109
原创 js中的超过16位数字相加问题
方案一 1 function sub(str1, str2) { 2 // 补全0，并多补一位0 3 let arr1 = null, 4 arr2 = null 5 if (str1.length > str2.length) { 6 str1 = '0' + str1 7 for (...
2019-08-06 11:36:00
1238
原创 dva框架简单描述使用
首先传统的create-router-app脚手架生成的脚手架我们写仓库的时候用reducers进行调用还有thunk进行异步操作的时候，需要多层函数进行调用，这样会让我们代码进行维护的时候变得麻烦，然后dva这款框架就弥补了我们这方面的问题 下面给大家介绍下这款脚手架的一些个人用法把 框架刚下载下来后是routes这个文件夹放的路由页面内容的 然后个人把其改成了Route...
2019-08-02 23:17:00
130
原创 后台管理系统之图片上传功能
此案例是基于nodejs开发的一个操作banner图后台管理系统 具体功能详解如下 1、文件上传功能 1-1、前端操作 首先文件上传我们利用了input框的h5特性 file //此时需要注意的地方是 我们设置了axios的拦截 在处理post请求的将所有的参数转成了字符了 而这个文件上传则不需要，所有要...
2019-07-27 19:38:00
8586
原创 剪贴板功能的实现
利用的插件包clipboard-polyfill 1 import React, { Component } from 'react' 2 3 import clipboard from "clipboard-polyfill" 4 import {Button} from "antd" 5 6 export default class Main extends...
2019-07-25 17:05:00
104
原创 前后端登录注册之node剖析
登录模块功能详解 1、用户名密码的格式验证 由前端完成，根据需求自行决定，不加叙述 2、点击提交按钮思路详解 前端将用户名 以及加密后的密码还有验证码输入的内容统一发给后端 由后端和数据库的数据进行比对 将比对的结果返回给前端 3、密码加密及解密技术 使用插件包------jsencrypt 和nod...
2019-07-24 15:34:00
1150
5
原创 前后端登录注册之node剖析与token的使用状态
登录模块功能详解 1、用户名密码的格式验证 由前端完成，根据需求自行决定，不加叙述 2、点击提交按钮思路详解 前端将用户名 以及加密后的密码还有验证码输入的内容统一发给后端 由后端和数据库的数据进行比对 将比对的结果返回给前端 3、密码加密及解密技术 使用插件包------jsencrypt 和node-...
2019-07-24 15:34:00
2860
原创 微信小程序之购物车demo
这篇小demo主要使用了一下几个技术点1、全局变量的使用在这里定义的变量 任何一个页面和组件都可以访问到在使用到的页面const app = getApp();声明一个实例然后app.globalData.buyList这样就可以访问到修改也可以直接修改2、input组件的使用这种把checkbox-group ...
2019-07-19 21:05:00
905
1
原创 微信小程序之楼层效果
今天做了一个小程序实现一个楼层效果 带大家分享下经验和api的使用吧如图 将左边和右边各分了一个组件 目录如下 其中list页面是这个楼层效果的页面 components是组成这个页面的两个组件 list为列表组件 title为右边字母固定的组件list主页面的代码如下 <!--pages/list...
2019-07-17 20:52:00
1904
原创 Navicat连接MySQL8.0版本时 建议升级连接客户端这个提示怎么办
开始-》mysql 8.0 command line client -》执行下面的命令//开启mysql服务mysql.server start//进入mysqlmysql -u root -p//修改密码方案3（对）USE mysql; ALTER USER 'root'@'localhost'IDENTIFIED WITH mysql_native_password BY...
2019-07-15 10:27:00
2876
2
原创 redux之createStore方法底层封装模拟
首先在看代码之前让我们一起回顾下redux的思想吧 首先redux就是一个MVC思想的框架，他总体是遵循数据的单向流动自顶向下流动在我们仓库中有一个initState用来存储着我们的初始数据 另外还有个actions这个用来进行一些变量的改变和传递 也就是MVC结构中的C---控制层另外里面的reducer是对应着MVC中M层 用来进行逻辑的处理 注意这里的逻辑处理不能操作UI逻...
2019-07-01 20:58:00
109
原创 5.0.1版本的react-router-dom路由传参以及路由表的配置和接收页面的接受
1 //第一种 通过问号传参 2 //发送 3 this.props.history.push("/detail?id="+item.downurl) 4 //路由表配置 5 <Route path="/detail" component={Detail} exact></Route> 6 //接收 可以获取到？后面的方法 7 this.p...
2019-06-24 21:29:00
1293
原创 前端设计模式之观察者模式
所谓的观察者模式我所认为的就是订阅发布。其中中间关于调度方法还有一点区别，这里就不多做叙述了 接下来给大家分享下我对所谓的发布订阅的理解吧，其实这种设计理念在react体现在了跨组件通信中，原理就是订阅者写一个函数然后不执行，接着把其储存在某一个地方，等待着发布者去触发这个函数，然后达到触发函数进行函数传参，从而能够达到组件之中的跨组件通信 接下来给大家分享下一个简单...
2019-06-15 08:13:00
90
原创 当better-scroll遇见了react擦出的火花
关于better-scroll这个插件前面已经介绍过两次了 从原生js使用到结合服务端发送数据使用都有过介绍 今天给大家分享一下这款插件在react中遇见的坑 总之我真是对这款插件又爱又恨 每次各种bug十足后还不去抛弃他继续去研究他 真是恨之切，爱之深，典型的受虐狂啊 哈哈 好了废话不多说接下来给大家展示在react遇见的小问题 首先我想实现的是一个下拉刷新...
2019-06-13 20:05:00
1335
原创 vue简单总结
首先 介绍几个常见指令 指令：以属性的形式出现在标签上 v-xxx1、内置指令 数据绑定指令 v-html v-text 举例 <span v-html="msg">将msg这个数据对应内容展示在这里<span>2、条件指令 v-if v-else v-else-if v-show 前者控制DOM结构是否加载 一般用于页面刚初始化进来 后者控制...
2019-06-03 18:59:00
152
数据的处理，用原生js实现两个数组的一个合并
2019-11-01
egg框架里面支持try catch语法吗？
2019-08-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人