helloCheng09-优快云博客

原创 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 446

原创 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 2886

原创 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 3452

原创 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 487

原创 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 6170 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 319

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

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

2021-01-20 12:04:45 1441

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

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

2021-01-20 10:12:16 185

原创 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 162

原创解决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 2551

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

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

2020-06-09 12:22:21 477

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

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

2020-06-01 17:23:11 3313

原创 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 835

原创 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 1098

原创 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 1993

weixin_44544388的博客

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

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

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

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

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

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

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

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

原创 3分钟入门Git和Github

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

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

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

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

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

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

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

原创 vue-cli3打包部分优化

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

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

原创 js 正则

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

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

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

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

空空如也

空空如也