自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 vue-cli/element/vue-element-admin/mock/反向代理/单元测试/Jest/vue-test-utils

中后台Web前端项目使用的是vue-element-admin[文档:https://panjiachen.github.io/vue-element-admin-site/zh/],此脚手架集成了vue-cli和Element[文档:https://element.eleme.cn/#/zh-CN]。我在开中集成了本地Mock的功能,此依赖作用巨大。这样只要有接口规范文档,无需启动后端服务,并且不需要发送真实请求。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H1qwD

2021-02-03 13:40:27 363

原创 vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop

vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be

2022-06-30 17:17:52 2720 1

原创 play() failed because the user didn‘t interact with the document first. 报错解决

报错内容 <audio id="audioVoice" :key="Math.random()" :autoplay="false" > <source :src="countdownAudio" type="audio/mpeg"> </audio>尝试加载后立即播放音频,有报错:问题原因引用:It´s because Google updated its Autoplay Pol..

2021-04-20 17:37:24 3137

原创 webpack/vue-cli//sockjs-node/info报错/亲测有效

报错内容 vue-cli2.x开发运行(run dev),控制台 /sockjs-node/info?t= 请求控制台一直报错。具体原因不详,我开了科学上网软件,也许有关。解决方法 1、node_modules/sockjs-client/dist/sockjs.js 2、代码的1605行注释 3、// self.xhr.send(payload);???????????? 我们不生产代码,我们只是互联网的搬运工 ????...

2021-02-08 17:46:06 423

原创 jest/vue-test-utils/require.context/报错/TypeError: require.context is not a function

报错内容 FAIL tests/unit/login.spec.js ● Test suite failed to run TypeError: require.context is not a function 9 | // ending with `.js`. 10 | > 11 | const requireModule = require.context('.', false, /\.js$/) | .

2021-02-04 16:47:07 5671 6

原创 vue-cli/基础组件全局自动化注册/vuex/modules智能引入

基础组件自动化利用 webpack的require.contextwebpack的require.context 可参考 [博文]:https://segmentfault.com/a/1190000019723837基础组件需要满足命名规则 Basexxx需要直接放在Components文件夹下目录结构 目前方法可以全局自动注册BaseCmp,无法自动注册BaseForm新增以下代码到你的main.js/** * main.js 新增 * * 2021-2

2021-02-03 17:33:42 271

原创 如何快速清除浏览器console和终端的记录

Mac系统:control + L浏览器的控制台或者是终端zsh都可以快速清除之前记录!Windows系统:Ctrl + L

2021-01-20 12:04:45 1278

原创 1分钟提升你的前端测试能力

Test Driven Development - TDD1分钟提升你的前端测试能力(搬运提炼)闲言少叙,直接列主题:1、建立一个测试,描述和预期结果,保证测试正常运行,并且是报错。2、最简单,最简洁,最直接的代码实现测试需求,通过测试。3、重构,优化代码,让其更优雅,更高效。思路决定出路,也许做事的先后顺序就能找到问题的出口。测试驱动开发是一般开发思维的逆向,但是正是这种逆向思维反而让测试变得清晰可控。想象一下当我们开发完成了所有UI和功能后,面对密密麻麻的代码,到底要测试什么呢?往往无从

2021-01-20 10:12:16 127

原创 3分钟入门Git和Github

老贾自家的账本-本地库奸商小贾给贪官老林送了不少钱,小贾以防万一准备雇个英国管家Mr.Git来处理这些账目。git initGit欣然前往,第一天就给老买了个账本。贪官老林在账本上的代号就是:mastergit add XXX管家Git开始往账本里面记账。git commit -m ‘xxxxx’小贾不放心英国管家,就要求他每次记录的数据都要添加说明,经过小贾确认后才可以正式存入账本。git init ; git add . ; git commit -m '贾会计的命根子'(g

2021-01-19 15:54:20 103

原创 解决Mac终端下载报错 curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused

安装报错访问被拒绝了第一步,ping一下这个网址,连不上哦第二部,找一下这个网址的ip,配置一下hoast文件我上的是老美的这个网站查询的https://githubusercontent.com.ipaddress.com/然后就是配置hoast文件第三步,配置hoastMac配置hoast可以下载工具,很方便。我用的是这个加入对应的ip和网址保存果然可以安装了!当然我已经安装过这个文件,所以提示不能重复安装了!问题结局~看来类似问题都可以这样操作哦!完结,撒花~

2020-06-27 16:14:13 2166

原创 文件上传利器,bootstrap-fileinput 中文网

http://www.bootstrap-fileinput.com/options.html

2020-06-09 12:22:21 398

原创 原生js 插入模板字符串标签代码方法

let cmp = `<nav> <ul> <li> HOME </li> <li> LIST </li> <li> CENTER </li> </ul></nav>`document.queryS

2020-06-01 17:23:11 3163

原创 Vue中form表单的手机号码输入优化

最终效果只能输入数字4位 7位空格切割实现<template> <div class="nearshopCharge"> <div class="main_form_pane"> <div class="form_item"> <label for="消费者手机号码"> 消费者手机号码 <span class="red">*</span>

2020-05-23 17:30:12 746

原创 vue-cli ios ,浏览器回退页面不刷新问题解决方法,亲测有效

let browserRule = /^.((iPhone)|(iPad)|(Safari))+.$/;if (browserRule.test(navigator.userAgent)) {window.onpageshow = function(event) {if (event.persisted) {window.location.reload()}};}

2020-05-14 13:05:14 1029

原创 js使用正则表达式获取字符串中特定的字符

需求:从124fddr323532xxxasdsafxx253{xxxasdsafxx}253xxxasdsafxx253{bnm}23354abcd233545xx54{abcd}233545xx54abcd233545xx54{666}233545xxxxx这类字符串中获取中的内容。注意{}中的内容。注意中的内容。注意{xxx}的个数是不确定的。function getExecStrs (str) {var reg = /${(.+?)}/gvar list = []var result = n

2020-05-08 17:34:01 1921

原创 js vuecli react-app 字体引入加载缓慢 ,font-spider 根据使用字体生成新的字体文件

闲言少叙 下载 安装Font-spider npm跟着官方教程操作就OK了使用之前引入字体,发现都很大,非常影响加载速度,font-spider可以抽离出你使用到的字体,但是对于单页面的动态数据有点不可行,因为你也不知道返回的数据到底有哪些字体,所以我抽离的少一些固定的标题和十个数字字体。一、测试文件夹如下二、html里面引入字体,在页面输出用到的字体,方便font-spid...

2020-04-14 11:12:30 1356

原创 vue-cli3打包部分优化

不生成map 15.5Mnode_modules_@[email protected]@@vue\cli-service\lib\options.jsproductionSourceMap: false,分离合并 css 14.3Mvue.config.jscss: { // 是否使用css分离插件 ExtractTextPlugin extra...

2020-04-09 19:05:30 577

原创 vscode 终端不能使用 cnpm 脚本

右击VSCode图标,选择以管理员身份运行;在终端中执行get-ExecutionPolicy,显示Restricted,表示状态是禁止的;这时执行set-ExecutionPolicy RemoteSigned;此时再执行get-ExecutionPolicy,显示RemoteSigned,则表示状态解禁,可以运行...

2020-03-27 22:40:26 1776 2

原创 ante react 警告 index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an

create-react-app 版本:3.4.1ante 版本:4.0.4引用ante的示例组件一直报警告,index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Tabs which is inside StrictMode. Instead, a...

2020-03-26 12:06:12 9694

原创 js 正则

js 正则 判断是是否是网址 const path_1 = 'https://www.qq.com' const path_2 = 'http://www.qq.com' const path_3 = 'not a url' const isPathReg = new RegExp('^http(s?):\/\/') console.log(isPathReg.te...

2020-03-25 17:04:49 76

原创 vscode打开文件 代码默认折叠状态

每次打开新的代码都是全部展开的,代码很长就要重新折叠代码,很麻烦设置一下,在上次保持上次代码折叠状态文件 ,首选项,设置,搜索 folding另外:折叠所有代码的快捷键:== Ctrl + k + 0 ==...

2020-03-25 16:20:38 4089 1

原创 给新手,微信JS-SDK上传图片

给新手,移动端利用微信JS-SDK接口上传图片微信JS-SDK上传图片 优点微信JS-SDK上传图片 优点微信JS-SDK上传图片 简单逻辑介绍DEMO 代码功能介绍项目要点提示HTMLJS学习、JS-SDK文档链接微信JS-SDK上传图片 优点不用考虑费事的兼容问题微信JS-SDK上传图片 优点流程略繁琐,多图上传速度很慢(因为服务器间反复存取)回调略多,不过我利用了Promise,基...

2020-03-13 14:42:01 328

原创 Vscode 、Vue、 Path Intellisense插件 图片路径自动识别

**== Path Intellisense ==**这个插件可以很好的识别引入文件路径,已经加入我Vscode 超值插件大礼包!效果如下:

2020-03-09 15:08:09 6751 2

原创 微星主板VirtualBox 安装CentOS 7黑屏解决办法

遇到的问题:想配置一个虚拟机,但是安装CentOS 7的时候一直黑屏,百度后原来是我没有开启Inter Virtualization Technology,选不了64位没有64位安装 CentOS 7一直黑屏~~解决方案 :我是微星主板,要在开机的时候按Del 进入设置 Inter Virtualization Technology,鼠标选择高级模式选OS cpu特征打开...

2019-01-16 14:50:53 2566

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除