- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 js判断是否数字
判断是否数字function isRealNum(val) { // isNaN()函数 把空串 空格 以及NUll 按照0来处理 所以先去除， if (val === "" || val == null) { return false; } if (!isNaN(val)) { //对于空数组和只有一个数值成员的数组或全是数字组成的字符串，isNaN返回false，例如：'123'、[]、[2]、['123'],isNaN返回false, //所以如果不需要val包含这些特殊情况，则
2022-03-29 10:35:21
621
原创 自定义组件v-model的用法
使用自定义组件v-model时，碰到这个报错：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated搞了半天终于明白怎么用了，郁闷！以下才是正确的：
2022-01-04 21:42:59
398
原创 正则查找并替换字符串
var o = { myName: 'Willy Leung', sex: 'Male'}var str = '<p>${myName}</p><p>${sex}</p>';/*var getMatchedStrs = function (str) { var reg = /\$\{(.+?)\}/ var reg_g = /\$\{(.+?)\}/g var result = str.match(reg_g)
2021-11-27 10:36:22
289
原创 uniapp中使用Vant Weapp
在根目录下创建一个文件夹 格式如下wxcomponents/vant前往https://github.com/youzan/vant-weapp下载压缩文件，将该项目的dist文件夹放入wxcomponents/vantApp.vue的style中引入样式@import "/wxcomponents/vant/dist/common/index.wxss";在pages.json中引入相应的组件//全局方式"globalStyle": { "usingComponents": {.
2021-04-09 13:27:41
408
1
原创 Vue Cli中使用Mock.js
安装Mock.jscnpm i mockjs -S在src下新建mock/index.jsmock/index.jsimport Mock from 'mockjs';Mock.setup({ timeout: 2000 //2000为自钉子模拟延迟时间，可更改 //timeout: '200-2000', //横杠 '-' 风格的字符串，表示响应时间介于 200 和 2000 毫秒之间。});//第一个参数为需要模拟的API接口地址，第二个参数为模拟返回的数据结果对象
2021-01-19 13:30:38
127
原创 手动安装composer.phar
下载compser.phar，地址 https://getcomposer.org/download/新建composer.bat 文件，写入@php “%~dp0composer.phar” %*把composer.bat和composer.phar两个文件放入 D:\php-7.1.5-Win32-VC14-x64\（路径要一致）管理员权限下运行composer.bat文件（一闪而过）命令行输入composer -v，看到composer的版本，安装就成功了...
2021-01-03 11:26:15
1002
原创 Elment-ui有些组件选中后出现黑框
Elment-ui有些组件选中后出现黑框，例如：el-drawer、el-calendar等。解决方法就是在出现黑框的标签样式里覆盖以下样式：::v-deep 样式名:focus { outline: none;}
2021-01-01 17:57:50
2648
原创 Element UI兼容IE10/11
安装babel-polyfillnpm install -D babel-polyfill在入口文件(main.js)添加import 'babel-polyfill'执行命令npm run dev//或npm run build
2021-01-01 16:29:34
1069
原创 npm镜像切换
切换到淘宝镜像：npm config set registry http://registry.npm.taobao.org切换回原镜像：npm config set registry https://registry.npmjs.org
2020-12-29 09:25:29
56
原创 Win10配置Apache+PHP+MySQL环境
安装Apache下载安装包（https://www.apachehaus.com/cgi-bin/download.plx），例如：Apache 2.4.46 x64解压包，放到合适位置，例如：D:\Program Files\Apache24找到Apache24\conf\httpd.conf，用记事本打开找到如下代码：Define SRVROOT "/Apache24"改为#改为Apache的文件夹路径，例子如下：Define SRVROOT "D:\Program Fi
2020-12-28 13:53:10
242
原创 sass/scss使用技巧
解决sass/scss变量与JS共享的方法：//variables.scss//主色调$mainColor: #2672c8;//常规间距$space: 20px;//入口页左侧栏宽度$asideWidth: 250px;//入口页顶部栏高度$topsideHeight: 100px;//这里导出是关键:export { mainColor: $mainColor; space: $space; asideWidth: $asideWidth; topsi.
2020-12-25 10:26:05
106
原创 Vue2.0组件属性更新，父组件同步更新
组件调用时使用修饰符.sync：<hello-world :msg.sync="msg"></hello-world>子组件内部更新事件如下：updateMsg() { this.$emit('update:msg', 'Hei you');}
2020-12-21 11:58:16
290
原创 Vue文件style加了scoped后样式无效
只要加上 ::v-deep 即可解决：<style lang="scss" scoped> /* ::v-deep加上样式前面 */ ::v-deep .el-transfer { display: flex; align-items: center; .el-transfer-panel { width: calc((100% - 200px) / 2); } .el-trans
2020-12-14 12:25:44
751
1
原创 Element-ui的Upload组件自定义进度条样式修改
<template> <div> <el-upload multiple :limit="3" list-type="picture-card" :on-progress="handleProgerss" :action="uploadUrl"> <i slot
2020-12-10 18:53:47
3427
2
原创 Element-ui的Upload组件设置缩略图模版无法删除问题解决方法
1.在el-upload的元素加上：ref="upload"2.在删除方法里面这样写：handleRemove(file) { let fileList = this.$refs.upload.uploadFiles; let index = fileList.findIndex( fileItem => {return fileItem.uid === file.uid}); fileList.splice(index, 1);},即可解决！...
2020-12-10 14:25:56
1856
7
原创 Element-ui输入框自动查询实现
<template> <el-autocomplete v-model="input" :fetch-suggestions="querySearch" placeholder="请输入内容" :trigger-on-focus="false" prefix-icon="el-icon-search" @select="handleSelect" ><
2020-12-04 17:06:24
990
原创 如何在eslintrc.js中取消校验
在.eslintrc.js文件中加入如下代码，即可解决："globals":{ "_": true, //要取消_的校验}
2020-12-03 22:09:33
1628
1
原创 javascript代码注释规范
文件注释/*概要说明及版本（必须）项目地址（开源组件必须）版权声明（必须）开源协议（开源组件必须）版本号（必须）修改时间（必须），以ISO格式表示（可使用Sublime Text的InsertDate插件插入）文件注释必须全部以英文字符表示，并存在于文件的开发版本与生产版本中。*//*! * QQmmPlugins Javascript Library * waterfall - v1.0.0 (2020-10-15T14:55:51+0800) * http://www.willyle
2020-10-26 10:20:04
291
原创 踩坑系列：webpack打包后，css文件样式都消失了
我在查看webpack文档学习的时候，发现打包后css文件及样式都没有了，但是一开始学习的时候没有这个问题的。经过一番排查发现有一个坑，就是当webpack.config.js里面的mode为production时，如果webpack设置了tree-shaking导致把css摇树摇跑了，郁闷啊~~webpack的tree-shaking就是在package.json的sideEffects进行设置，我当时就是设置为sideEffects:false的。然后我将sideEffects设置为如下，问题就解
2020-10-21 10:10:27
4275
原创 JS的fetch调用API接口使用方法
直接上代码：fetch('、api', { method: "GET", // body: JSON.stringify({timestamp: 'hello world.'}),/* headers: { "Content-Type": "application/json" },*/ // credentials: "same-origin" //需要使用cookies}).then(function(response) { return
2020-09-10 12:30:41
828
原创 Webstorm设置自动es6转es5（支持es2020）
1.cnpm i babel-cli -D2.setting->Languages@Frameworks->Javascriptversion选择ECMAScript 63.cnpm i babel-preset-es2015 -D4.根目录创建.babelrc{“presets”: [“es2015”]}5.setting->Tools->File Watchers点击”+“选择Babel，将Arguments里面的@babel/env替换成es2015...
2020-09-01 12:05:21
742
原创 JS跨域问题解决方案
JS跨域问题有两个解决方案：一、前端程序解决；二、后端程序解决；一、前端程序解决缺点：只支持GET请求（假如前端强制使用POST，JSONP自动将参数转为GET）前端如下：$.ajax({ url: "...", data: { id: 9 }, dataType: 'json', dataType: 'jsonp', jsonp: 'callback', jsonpCallback: 'data', succes
2020-08-25 12:28:22
408
原创 javascript实战常用方法集合
indexOf查找字符串中的字符串，返回字符串中指定文本首次出现的索引（位置）：var str = "The full name of China is the People's Republic of China.";var pos = str.indexOf("China"); //17sliceslice() 提取字符串的某个部分并在新字符串中返回被提取的部分。该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）。这个例子裁剪字符串中位置 7 到位置 13 的片段：var st
2020-07-07 12:27:31
200
转载 Webstorm Github的配置与使用
安装GitHub官网下载对应的版本 - https://www.git-scm.com/download/默认安装即可检查WebStorm中是否已经找到git.exeFile -> Settings -> Version Control -> Git -> Test在WebStorm配置GitHub账号绑定GitHub账号File -> Settings...
2020-04-21 10:44:09
296
原创 Vue之在methods中使用filter的方法
全局定义filter后,js代码里面这样写即可调用:this.$options.filters['filterName'](value)
2020-04-15 18:13:29
179
原创 YII2框架(PHP)调用wxacode.getUnlimited接口生成微信小程序码
先创建Mpdev类<?phpnamespace frontend\models;class Mpdev{ private $appId; private $appSecret; public function __construct($appId, $appSecret) { $this->appId = $appId; ...
2020-03-31 14:26:35
989
1
原创 云主机LAMP配置流程
这是傻瓜式步骤,新手只要按照以下步骤手把手完成即可:用putty登录云主机安装screen：yum install screen执行screen，防止断网：screen -S lnmp安装wget：yum install wget输入df -hl，查看磁盘空间跳转到足够空间的目录，cd /目录名称（备注：假如root足够空间就默认root）下载lnmp一...
2020-03-22 12:13:49
170
原创 NPM命令大全(简约实用篇)
npm init创建package.json文件。npm help查看某条命令的详细帮助。npm install X会把X包安装到node_modules目录中，不会修改package.json，之后运行npm install 命令时，不会自动安装X。npm install X -save（npm install X -S）会把X包安装至node_modules目录中，会在packa...
2020-03-22 11:02:19
597
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人