- 博客(21)
- 收藏
- 关注
原创 使用umi4+qiankun 搭建微前端项目
首先新建空文件夹在里面新建master 文件, 使用一下命令创建主应用;当项目初始化完成后使用打开页面 项目创建成功重复以上步骤 创建子应用appA, appB;
2023-02-15 14:12:00
1277
2
原创 Ant Design 在 create-react-app 中定制主题具体步骤和遇到的坑
1、安装craco。$ yarn add @craco/craco修改 package.json 里的 scripts 属性。"scripts": {- "start": "react-scripts start",- "build": "react-scripts build",- "test": "react-scripts test",+ "start": "craco start",+ "build": "craco build",+ "test": "c
2021-02-23 10:38:18
336
3
原创 React hook中使用定时器setInterval及闭包问题的解决
1、首先定义timerconst timer= useRef();2、在useEffect中做清除,以保证内存不被泄露 useEffect(() => { ... return ()=> { clearInterval(timer.current); }; }, );3.在需要的部分使用定时器,直接调用state的数据后timer.current = setInterval(() => { if (count<90) {
2020-11-09 16:45:55
5295
1
原创 js正则表达式 强密码 必须包含大小写字母,特殊字符,数字的正则8~20位
琢磨了好久 终于写出来了 亲测有效,根据网站提供的强密码修改的话不多说上代码var pattern = /^(?![A-z0-9]+$)(?=.[^%&',;=?$\x22])(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).{8,20}$/, str = '';console.log(pattern.test(str));测试结果:1、输入带有大小写数字及...
2020-04-02 15:32:40
13975
2
原创 在mac系统的Chrome中安装React Devtools调试工具
在mac系统的Chrome中安装React Devtools调试工具1.下载安装包官网地址:https://github.com/facebook/react-devtools 在Branch中选取v3版本,git clone 到目标文件夹;2.安装及打包打开下载文件包,解压缩后,选择在当前文件夹下新开一个终端,使用 sudo -s 获取权限后安装;yarn install//成功...
2019-12-26 10:39:26
635
原创 vue 列表模糊搜索
<template> <div> <h3>搜索列表</h3> <input type="text" placeholder="请输入搜索信息,姓名,年龄,性别,手机号" v-model="searchName"> <ul> <li v-for="(p,index) in filte...
2019-10-31 14:33:52
569
原创 vue计算属性computed与侦听器watch
一、计算属性computed当其依赖属性的值发生变化是,这个属性会重新计算自动更新,并通不更新到dom树中作用:减少模板中的计算逻辑进行数据缓存依赖固定的数据类型(响应式数据)使用:在computed属性对象中定义计算属性的方法在页面中使用 {{方法名}} 来显示计算结果通过getter/setter实现属性数据的显示和监视计算属性的不足:计算属性中如果执行了大量的耗...
2019-10-30 20:14:27
210
原创 vue-delTools安装
1.安装DelToolvue-delTools是vue调试工具,是基于Chrome浏览器插件。两种安装方式,Chrome商店安装,或者下载安装包github 找到vue-devtool项目,clone到本地,安装项目npm包,编辑项目文件 jnpm install @vue-cli...
2019-10-29 18:29:05
1043
原创 canvans鼠标小球
canvas鼠标小球熟悉es6特性练习,使用canvas绘制鼠标移动小球特效实现过程1.首先先定义一个canvas,设定canvas的样式和大小 <style> #canvas { margin: 20px auto; background: #000; display: block; } </style>...
2019-08-28 11:16:36
366
原创 es6新特性展开操作符“···”
展开操作符展开操作符:“…”允许一个表达式在某处展开,在存在多个参数(用于函数调用),多个元素(用于数组字面量)或者多个变量(用于解构赋值)的地方就会出现这种情况。用于函数调用如果在之前的js中想让一个函数把一个数组一次作为参数进行调用时:function test (x,y,z){};var args =[1,2,3];test.apply(null,args);使用“···...
2019-04-07 14:43:55
1280
原创 ES6新特性(一)
1.语言特性1.const,let关键字let 作用域中变量声明if(true){ let a='hollow would!';}console.log(a); //ReferencError:a is not definedconst定义常量 一旦定义后不可修改,如果是引用类型,可改变属性const MYNAME = 'vivian';MYNAME = 'tony';//...
2019-03-23 23:49:55
130
原创 node.js之 assertion断言
(assertion)断言断言就是用于检查程序运行时是否满足期望。demo如下:var assert= require('assert');assert.equal(Math.max(10,100),100);一旦assert。equal()不满足期望,将会抛出异常,整个程序将会停止执行。(错误示范如下)assert.equal(Math.max(10,100),10);//输出...
2019-03-13 19:53:45
1585
原创 使用正则表达式删除某一个html标签内所有属性
如需删除,含有某一特定属性的标签中的所有属性 ;例 :需删除含有program属性的中的所有的属性;//目标strvar str='<span class="weapp_image_link" miniprogram="wx484f6d4595f5bcd5" data-miniprogram-path="pages/home/home" data-miniprogram-nickname="我身边
2018-01-11 11:17:28
4268
原创 safari下时间戳设置 js指定日期的后天的算法
safari 下设置时间戳 兼容方式 指后天算法var date='2017-6-8';var Time=new Date(date);//在fireFox、chrome等浏览器下都显示:// Thu Jun 08 2017 00:00:00 GMT+0800 (中国标准时间)//在safari下显示: Invalid Date以下方法为修复Safari下兼容问题var arr=[];arr=d
2017-06-28 15:28:33
940
原创 js加减乘除封装
Math.add = function (arg1, arg2) { var r1, r2, m; try { r1 = arg1.toString().split(".")[1].length } catch (e) { r1 = 0 } try { r2 = arg2.toString().split(".")[1].length } catch
2017-05-10 10:39:31
1324
原创 常用js验证方法封装1
var check={ var check = {//是否为空 isNull: function (str) { if ($.trim(str).length == 0)return true; else return false; },//是否为邮件 isEmail: function (str) { var reg = /^\
2017-05-09 17:31:28
1199
原创 千位数换算的封装
function toThousands(number) { var num = number + ""; num = num.replace(new RegExp(",","g"),""); // 正负号处理 var symble = ""; if(/^([-+]).*$/.test(num)) { symble = num.replace(/^([-+]).*$/,"
2017-05-09 17:01:38
441
原创 定时器与计时器
1、计时器setInterval()的使用方法1.1首先在全局中定义一个变量做线程var ints='';ints = setInterval(function () {//do something},time);//time 为执行周期 单位毫秒1.2 暂停计时操作 ints = window.clearInterval(ints);setInterval() 方法会不停地调用函数,直到
2017-05-09 16:56:07
745
原创 layer 弹层插件使用1
layer弹层:添加提示文字与按钮功能的:1.单个按钮layer.open({ title: '云堆系统提示', content: msg.info, btn: ['添加认证信息'], yes: function(index, layero){ window.location.href='exte
2017-05-02 16:21:17
294
原创 layer alert 有按钮功能
layer.open({ title: '云堆系统提示', content: msg.info, btn: ['添加认证信息'], yes: function(index, layero){ window.location.href='extendedinfo.html';
2017-05-02 16:10:11
3064
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人