自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Oralinge

十年饮冰,难凉热血。

  • 博客(37)
  • 收藏
  • 关注

原创 正则表达式大赏
原力计划

一种奇怪的火星文。

2020-04-15 23:19:00 183

原创 vue中computed的属性对data中的属性赋值为undefined的原因

场景:我在computed中return了一个值,然后在data中直接将它复制给另一个属性。结果data中的属性值为undefined…代码示例:timer为undefined…原因:在这里很容易想到是执行顺序的问题,computed中的属性和data中的属性最终都会加载到app这个实例下。如果data中的实例属性被创建完成的时候,computed中的实例属性还没被创建,很明显,在dat...

2020-04-14 10:45:37 1647

原创 Typescript系列(三):TS入门教程之函数详解

文章待更新....

2020-01-17 15:48:33 245

原创 纯原生JS写蒙版提示框,适配PC端和移动端

调用下面函数即可:mask () { if (document.getElementById("maskDiv")) { document.getElementById("maskDiv").style.display = 'block'; } else { //蒙版 var mask = document.createElement('div'); ...

2020-01-16 11:57:01 263

原创 谷歌浏览器模拟微信/QQ内置浏览器调试及js判断方法

模拟微信及QQ内置浏览器主要是通过判断浏览器的 UA 来进行区别。安卓 QQ 内置浏览器 UA:Mozilla/5.0 (Linux; Android 5.0; SM-N9100 Build/LRX21V) > AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 > Chrome/37.0.0.0 Mobile Safari/53...

2020-01-16 11:44:36 1211

原创 VUE中插槽slot用法 及其使用场景

VUE中封装UI组件的必经之路,它叫插槽(slot)。

2020-01-08 18:48:36 7133 4

原创 Typescript系列(二):TS入门教程之基本数据类型

一篇文章彻底学会TS的原始数据类型。

2020-01-03 16:50:37 598

原创 Typescript系列(一):TS入门教程之简介、安装、编译、监听

一个比java更script的语言,它是js的超集,它是Typescript。

2020-01-03 16:33:52 3424 1

原创 多系统集成:vue大型项目之分模块运行/打包

本文以vue-cli3+为例,实现多系统集成下的分模块打包。

2020-01-02 23:33:46 6058 5

原创 记录杂七杂八的技术栈

各种各样的技术栈。

2019-12-31 18:34:25 2842

原创 1.webpack从安装到打包

从安装到实现npm run build,一个无情的打包机器,它可以打包全世界。

2019-12-22 18:28:02 3914 3

原创 JS堆栈与深浅拷贝原理解析

冥冥之中,有个指针把我指向了你。

2019-12-17 18:51:45 3834 3

原创 vue中$set用法详细讲解

地址没有改变,vue就监测不到数据变化。这个时候,双向绑定就失效了。

2019-12-16 18:50:48 6099

原创 Vue报错:Unexpected console statement .(no-console)

在package.json中rules下加入**“no-console”:“off”**。如下图:

2019-12-16 16:29:39 3611

原创 vue在自定义组件中使用v-model

要想解释清楚v-model在自定义组件中的用法,我得先来看看普通的组件传值…一、普通的组件传值如下代码:这是一个简单的父子,子父传值示例父组件:<!-- parent --><template> <div class="parent"> 我是父组件:{{par}} <Child @givepar="formChild" ...

2019-12-12 19:04:35 3689 1

原创 iview分页组件二次封装

代码如下:父组件代码<template> <div> <Pager v-model="pageDto" @currentchange="changePage" @sizechange="changeSize" /> </div></template><script>import Pager from...

2019-12-12 16:34:30 3883

原创 iview菜单menu封装成二级菜单和无限级菜单

ivew的menu封装成二级菜单和无限极菜单demo中有注释,此处不赘述了github地址:二级菜单封装:<template> <div class='con'> <Menu :theme="theme2" style='width:240px;float:left'> <div v-for="(item,index)...

2019-12-11 17:40:27 4425 1

原创 报错Invalid attempt to spread non-iterable instance

此类报错多为扩展运算符报错。合并路由时候报错:检查发现:对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中从上面这句话可知,该报错是由于不可遍历导致的。所以我把代码改为…prrjectB.rutes后成功运行。...

2019-10-15 15:56:52 15955

原创 axios拦截器(请求拦截和响应拦截)

axios拦截器分为request请求拦截器和response响应拦截器。request请求拦截器:发送请求前统一处理,如:设置请求头headers等。response响应拦截器:有时候我们要根据响应的状态码来进行下一步操作。axios.interceptors.request.use(config => { config.interceptors = '请求拦截器' retu...

2019-10-11 18:53:20 6273

原创 邮箱/手机号等敏感信息掩码

代码: this.email =this.email.substr(0, 3) +"****" +this.email.substr(this.email.indexOf("@"), this.email.length);效果:

2019-10-11 18:28:18 3898

原创 三行CSS代码将Json格式化

方法如图,只需要在css中加入三行代码:white-space: pre-wrap;word-wrap: break-word;overflow: auto;效果:****另,一定要注意数据格式。****

2019-09-27 17:29:31 3649 1

原创 js/vue复制内容到粘贴板

使用****clipboard.js官网地址:clipboard.jsnpm方式:npm install clipboard --save直接引入:使用js引入。代码在组件中引入import Clipboard from "clipboard";封装函数: copy(val) { var clipboard = new Clipboard(`.${val}...

2019-09-27 16:44:35 3562 1

原创 常用正则总结

禁止为空:/^[\s\S]*.*[^\s][\s\S]*$/.test(val)邮箱格式:/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(val)六位数字验证码:/^\d{6}$/.test(val)密码格式(数字,特殊字符,英文任意两种):/^((?![a-zA-z]+$)(?!\d+$)(?![!@#$+-/~.%^&*]+$)[a-...

2019-09-27 10:31:14 3475

原创 vue学习笔记之挂载el

body和html挂载失败,页面显示如图:查阅官方文档可知:

2019-09-16 23:17:11 3834

原创 VUE学习笔记之v-model原理

js:vue:

2019-09-16 22:45:37 3485

原创 JS用两个数组中的值生成对象

var arr = [“我是key1”, “我是key2”, “我是key3”];var brr = [“我是value1”, “我是value2”, “我是value3”];var obj = {};for (var i = 0; i < arr.length;i++) {obj[arr[i]] = brr[i] } console.log(obj)}输出结果为: 封装:...

2019-09-12 10:04:57 3843

原创 vue-router报错:Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name的解决办法

更新:vue已经修改此bug。https://github.com/vuejs/vue-router/blob/dev/CHANGELOG.md装一下依赖包吧。以下为原文:原文参考链接:https://blog.csdn.net/weixin_43202608/article/details/98884620今天写项目遇到一个报错:Uncaught (in pro...

2019-09-04 20:40:54 6222 4

原创 vue-cli3打包后出现空白页的解决方案

在vue.config.js文件中加入如下配置:// 基本路径 // baseUrl: './',//vue-cli3.3以下版本使用 publicPath: './', // vue-cli3.3+新版本使用

2019-08-26 10:31:56 10693 4

原创 vue中模糊搜索keyup在中文输入法下输入英文无效的解决方法

keyup事件在中文输入法下输入英文,vue中对应的val属性值为空。控制台显示并没有获取到任何值,但是input中确实有字母。纳尼?说好的双向绑定呢?要解决这个问题可以采用watch+keyup事件的方法。watch首先可以解决keyup失效的问题,可以检测到值的变化。但是也因此产生了问题,当点击下拉列表里的问题输入进input框的时候,watch会再一次检测到值的变化,重复调用接口。...

2019-08-21 21:04:27 1769

原创 vue导航栏/公共组件在部分页面显示,部分页面不显示的方法及其原理

场景:导航条只在除登录注册以外的页面显示;公共组件在部分页面显示,部分页面不显示。方法:keep-alive结合$route.meta代码:APP.vue中:<template> <div id="app"> <div v-if="$route.meta.keepAlive"> <navTop></...

2019-08-21 20:42:14 6832 4

原创 vue项目使用proxy代理解决跨域及nginx配置

在vue.config.js中配置proxy: { '/api': { target: 'http://localhost:8080', changeOrigin: true, pathRewrite: { '^/api': '' } }} target:接口域名;chang...

2019-08-20 18:30:52 3822

原创 vue项目使用npm run dev运行启动

在package.json中配置如下:

2019-08-20 17:32:57 5481

原创 vscode使用Ctrl+s保存按Eslint风格自动格式化js/vue/React代码(2020/03/04更新)

一、使用vscode下载四个插件:1、ESlint2、vetur3、Prettier - Code formatter4、Manta's Stylus Supremacy二、改配置,打开设置如下覆盖原来的代码:(有注释可根据个人喜好修改){ "workbench.iconTheme": "vscode-great-icons", "terminal.integrated...

2019-08-19 20:39:35 10419 3

原创 vue组件传值

父传子首先,在父组件的页面中引入子组件。message为名字(随意取),problemTitle为父组件里面的属性,即需要向子组件传的值。父组件中代码:<children :message="problemTitle"></children>子组件代码:props: ["message"] (不要写在data中)(message为在父组件中...

2019-08-19 20:28:41 95

原创 VUE中iframe结合window.postMessage实现跨域通信

什么是iframe?iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。什么是postMessage?window.postMessage()方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机 (两个页面的模数Document.domain设置为相同的值...

2019-08-02 19:34:59 3587 1

原创 VUE热更新

使用npm run serve运行完成以后,默认浏览器直接打开显示页面。  步骤如下:   1.在项目根目录下,新建名为 vue.config.js的文件。        2.写入:module.exports = { devServer : { hot:true, open : true, port : 8080, ...

2019-07-11 12:58:11 7010

原创 git新建分支并提交

从master或者其他分支上拉下来代码以后,创建自己的分支并且提交。步骤如下:    1.创建本地分支并切换到新创建的分支       命令:git checkout -b 新分支名    2.将新创建的分支信息推送到git  &nbsp...

2019-07-11 11:17:50 132

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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