- 博客(91)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 js常用的一些函数封装
js常用的一些函数封装var events = { /** * 获取路径参数方法 返回参数值 * @name 参数名字 * */ getQueryString: function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); // window.location.search 获取url问号后面部分
2020-07-08 09:53:36
295
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue中使用axios分别实现post方式和get方式提交数据
Vue中使用axios分别实现post方式和get方式提交数据1.安装axiosnpm install --save axios2.在main.js中引入并使用该模块,并设置域名(以后的请求都将基于该域名)import axios from 'axios'3.定义接口的基本路径(非必须),这个只是对一个项目里面的,如果所有接口均调用同一个域名下的不同接口的时候用着方便。Vue.prototype.$http=axios.create({ baseURL: 'https://www.bai
2020-07-07 18:22:27
1045
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
转载 深入了解query和params的使用区别
深入了解query和params的使用区别这篇文章主要介绍了深入了解query和params的使用区别,路由传参的时候,有俩兄弟,一个叫query,一个叫parmas,你说他们俩长得也不像吧,可这用法实在是太类似了,下面就让我们分别从vue路由和Node接收两个角度讲他们的区别,需要的朋友可以参考下前言路由传参的时候,有俩兄弟,一个叫query,一个叫parmas你说他们俩长得也不像吧,可这用法实在是太类似了下面就让我们分别从vue路由和Node接收两个角度讲他们的区别vue路由中的传参假设我
2020-07-07 10:53:56
3744
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 你不得不看的状态管理 干货 API store.js - 实现本地存储(LocalStorage)
store.js - 实现本地存储(LocalStorage)对于一些状态不复杂的 vue 单页面 项目 ,没有必要用到vuex,毕竟它并不是那么的 足够简便。这里介绍一种 类库 store.jsstore.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globa...
2020-03-24 10:52:33
764
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue 十分钟后自动返回首页登录页操作
vue 十分钟后自动返回首页/登录页操作 该上线了,产品经理提出一个 新需求,要求所有页面,在无任何操作停留10分钟后,自动返回首页。这让我想到了 导航守卫 做 一段时间后登陆过期,返回登录页的 需求。 我看了文档 afterEach 全局后置钩子 是导航后置守卫 跟咱常用的 beforeEach 前置守卫 基本用法 一直 就是没有next 方法。 说实话我对它不太熟,文档介绍的...
2020-03-20 17:38:33
1746
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 详说Vue中axios 表单POST提交
Vue中axios 表单POST提交后端要求是按表单提交的形式给他数据,这是我的原代码: // axios.post("/HisApi1/wxpay",{ // '/wxpay' // "bodyType": "06", // 09就诊卡充值 06住院预交金 // "totalAmount": this.total, ...
2020-01-10 14:04:17
2551
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue 验证公民身份证号 并 自动 获取 性别、年龄、生日
vue 验证公民身份证号 并 自动 获取 性别、年龄、生日第一种方式:<template> <el-form :model="baseInfo" ref="baseForm" :rules="baseFormRules" label-width="110px" class="departmentDetail-ruleForm"> &l...
2019-12-18 15:20:54
5542
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 $emit、$refs 、 $on 的使用场景 vue 组件传值 element-UI 时间选择器
1、$emit的使用场景子组件调用父组件的方法并传递数据注意:子组件标签中的时间也不区分大小写要用“-”隔开子组件:<template> <button @click="emitEvent">点击我</button></template><script> export default { data() { ...
2019-11-29 10:29:21
1270
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 关于 vue 的少许面试问题(很关键)
vue生命周期(钩子函数)问题请说一下vue的生命周期函数(钩子函数)。问题描述首先关于生命周期函数,一般我的第一个问题就是这个,我认为是每个使用vue的都要清楚的,如果这个问题答的问题很大其实我都不太想继续往下进行了。即使英语不标准(我就是不标准的人,并不是说这是个问题)也要去把关键点说清楚,哪个地方有ed哪个地方没有ed其实是很关键的,或者可以手写下来,因为常用的就是created和...
2019-10-24 15:21:16
708
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
转载 浅述 js正则表达式
浅述 js正则表达式什么是正则表达式正则表达式就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,用来表达对字符串的一种过滤逻辑。通过正则表达式可以达到如下的目的:给定的字符串是否符合正则表达式的过滤逻辑(称作“匹配”);可以通过正则表达式,从字符串中获取我们想要的特定部分。匹配普通文本字符正则表达式可以只包含普通的文本,代表去精确匹配这个文本。例如:...
2019-10-24 09:28:10
279
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 详解vue 路由跳转四种方式 (带参数)
1. router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始。 2.带参数 <...
2019-10-23 10:23:58
6304
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
转载 vue 路由跳转 外部链接
1、vuejs 是单页面应用,应用内的跳转,可以用router-link标签跳转demo<router-link tag=‘span’ to="#" @click.native=“handleEditPassword”> 修改密码 2、跳转到站外用a标签跳转demo扩展: 组件支持用户在具有路由功能的应用中(点击)导航。 通过 to 属性指定目标地址,默认渲染成带...
2019-10-23 10:02:36
17794
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 CSS实现单行、多行文本溢出显示省略号(…)
CSS实现单行、多行文本溢出显示省略号(…)如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们...
2019-10-22 14:39:44
327
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue 项目中 自动生成 二维码
vue 项目中 自动生成 二维码 最近在写一个vue项目,要求根据卡号可以自动生成一个二维码,并渲染在指定位置,因为第一次做类似业务,小编在网上找了找,发现了很多,具体起来主要用的就两种:QRcodevue-qrvue-qr比QRcode功能多在可以在中间加logo,而且好像更方便一点,具体的 小编也没试,小编需要的二维码不需要那么 多骚操作,就选择了第一种,至于要写这篇博客的...
2019-10-21 17:24:20
2819
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 简单理解Vue中的nextTick
简单理解Vue中的nextTickVue中的nextTick涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下。其中关于nextTick的源码涉及到不少知识,很多不太理解,暂且根据自己的一些感悟介绍下nextTick。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref=...
2019-10-21 17:21:08
221
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 程序员必须会的js_时间格式化函数
const dt = new Date(); const date = this.getTime(dt) log.info(dt,'dt') log.info(date,'date') getTime (originVal,day) { const dt = new Date(originVal); const y = dt.get...
2019-10-16 16:53:43
167
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 解决 用vue+vant 写顶部tab栏 做排班表的bug
主要的更改是解决了 日期能到 31/32 的问题,实现了到月底自动切换到下一月的1号这里博主自己封了一个新的函数 主要用到了 setDate()这个 时间函数 //获取几天后日期 dateCount(arg, date) { var date1 = arg; var date2 = new Date(date1); ...
2019-09-27 16:48:49
3055
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 时间函数——setDate()
实例设置一个月的某一天:var d = new Date();d.setDate(15);d 输出结果:Sun Sep 15 2019 11:06:10 GMT+0800 (中国标准时间)定义和用法setDate() 方法用于设置一个月的某一天。浏览器支持所有主要浏览器都支持 setDate() 方法语法Date.setDate(day)参数值参...
2019-09-27 11:22:09
6788
2
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 常见的三个 JS 面试题---可以看看哦 你都听过,不过可能都不太清楚哦
常见的三个 JS 面试题本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反,在讨论 JavaScript 时,面试中通常会提到三件事。我自己也被问到这些问题,我的朋友们告诉我他们也被问到这些问题。然,这些并不是你在面试之前应该学习的唯一三件事 - 你可以通过多种方式更好地为即将到来的面试做准备 - 但面试官可能会问到下面是三个问题,来判断你对 Jav...
2019-09-26 16:43:07
214
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 npm 安装包的时候我们经常 遇见 -s -D -g 之类的后缀 他们都是什么意思呢?
npm 安装包的时候我们经常 遇见 -s -D -g 之类的后缀 他们都是什么意思呢? 这里用一段简单的话来概述:-S -save 的缩写 用于生产(上线)环境下,包名会被注册在package.json的dependencies里面,在生产环境下这个包的依赖依然存在;-D -dev(生产) 包名会被注册在package.json的devDepende...
2019-09-05 17:10:30
4001
3
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 git 中 A C D M R T U X 分别解释
git 中 A C D M R T U X 分别解释 A: 你本地新增的文件(服务器上没有).C: 文件的一个新拷贝.D: 你本地删除的文件(服务器上还在).M: 文件的内容或者mode被修改了.R: 文件名被修改了。T: 文件的类型被修改了。U: 文件没有被合并(你需要完成合并才能进行提交)。X: 未知状态(很可能是遇到git的bug了,你可以向git提交bug rep...
2019-09-05 17:09:48
8849
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 #用vant 写三级联动
#用vant 写三级联动1.首先引入area.jsimport addressList from "../area";2.area.js内容如下:var addressList = { province_list: { 110000: '北京市', 120000: '天津市', 130000: '河北省', 140...
2019-08-20 11:43:23
3808
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 改 Vue 端口号
昨天在配 Java 的运行环境 的 时候发现先安装 的Tomcat 的默认端口号也是8080 ,这跟 Vue 默认的端口号冲突了 ,导致博主早上来公司 打开昨天写的项目,发现 命令行报错 ,用图像化 界面打开 Vue脚手架发现,打开的是Tomcat 登录成功的页面。一开始看到熟悉的绿色页面变成一只黄色的猫还有点蒙逼,后来意识到 可能是自己电脑 刚装好的 Tomcat 在作祟,博主怀疑是端口...
2019-08-09 10:39:18
346
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
转载 前端可以做的SEO搜索引擎优化(摘取)
文章目录新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入你好! 这是你第一次使用 Markdown编辑器 所展...
2019-06-21 19:34:24
3118
原创 【无标题】
Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。日常开发中,通常会对时间进行下面这几个操作:比如获取时间,设置时间,格式化时间,比较时间等等。下面就是我对moment.js使用过程中的整理,方便以后查阅。
2023-09-07 15:12:36
198
原创 js 面试题总结
js 面试题总结文章目录js 面试题总结近百道面试题1、实现 子元素 在父元素中垂直居中的方式2、实现 子元素 在父元素中水平 垂直居中的方式3、描述 Keepealive 的作用,有哪些钩子函数,如何控制组件级存列表?4、请写出判断对象是数组的三个方法5、请说出下面代码的执行结果6、过滤器如何使用? 请写一个数字保两个小数的过滤器上述要求用vue的过滤器实现7、在vue里面 什么是自定义指令,请注册一个全局的自定义指令。8、请说出下面代码的输出结果9、介绍下浅拷贝和深拷贝10、websocket 如何监
2023-08-08 15:01:29
1539
转载 javaScript的事件处理机制+promise异步任务和定时器的先后执行顺序
前言:我们都知道javascript是脚本语言,用来操作文档的节点,默认是文档的自上而下顺序执行的,为了避免操作页面节点出现混乱,便在这门语言被设计开发出来时,就被设定为单线程语言,是按文档的书写顺序执行的。javaScript的事件处理机制概念:进程与线程;同步与异步任务;宏任务与微任务一、进程与线程一个程序只有一个进程,一个进程包含多个线程,单线程和多线程二、同步与异步任务同步任务:是指在主线程上排队执行的任务,只有前一个任务执行完毕,才能继续执行下一个任务。按顺序执行,可以看做单线程,jav
2023-06-15 21:10:37
385
转载 js的基本七种数据类型是什么
/ 函数定义了形参 a``function fn(a) {`` ``console.log(a);``// 未传递实参函数 fn 定义了形参 a, 但 fn 被调用时没有传递参数,因此,fn 运行时的参数 a 就是一个原始的、未被赋值的变量。
2023-06-15 11:53:03
3297
原创 Leon 浅谈闭包
闭包, js 前端永远绕不过去的面试题。这个问题其实考察的相对全面, 主要考察是否理解js 的运行机制,还有对于js 的作用域 和作用域链 是否理解。 如果这两个都很清楚 , 那闭包是什么? 怎么造成的? 又要怎么解决? 有什么作用? 又会造成什么? 这些通通就不是问题了
2023-06-15 11:51:25
96
原创 Jest 学习笔记
我们会了正常的,也会了不正常的测试方法,组合起来用就会让测试变的强大的多,比如测试正常的时候是如何的,碰到不正常,应该是如何的。随着项目代码的不断增多 我们可能测试的功能模块里面的函数会越来越多, 我们不可能把所有的测试代码都混淆在一块,最原始的方案 是 分成两个文件夹 但是一个需要测试的文件我们却用两个测试文件来测试 这显然是不够优雅的。注意 : 这样写是由问题的,因为方法还没有等到回调,我们的结果已经完成了,所以这时候你对于没测试完,只是方法可用,就返回了测试结果,这种结果是不保证正确的。...
2022-08-31 10:53:11
516
原创 http-server的安装和使用
http-server的安装和使用Http-server是一个轻量级的基于nodejs的http服务器,它最大好处就是:可以使任意一个目录成为服务器的目录,完全抛开后台的沉重工程,直接运行想要的js代码。安装npm i -g http-server运行在要成为服务器的目录下运行如下命令http-server若要禁用缓存,请使用如下命令运行http-server -c-1运行后在浏览器输入http://localhost:8080/或者http://127.0.0.1:808
2021-08-17 17:17:56
1266
原创 公民身份证校验规则最新最全最严格(包含最后一位校验码校验)
公民身份证校验规则最新最全最严格(包含最后一位校验码校验)身份证号前两位为省级行政区划11: “北京”,12: “天津”13: “河北”,14: “山西”,15: “内蒙古”,正则表达:1[1-5]21: “辽宁”,22: “吉林”,23: “黑龙江”,正则表达:2[1-3]31: “上海”,32: “江苏”,33: “浙江”,34: “安徽”,35: “福建”,36: “江西”,37: “山东”,正则表达:3[1-7]41: “河南”,42: “湖北”,43:
2021-08-16 16:59:50
5214
3
原创 [vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置]
[vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置]vue-cli3是基于webpack4打造,vue-cli2是基于webpack3vue-cli3的设计原则是“0配置”,移除(隐藏)配置文件build和config等目录vue-cli3提供了vue ui 命令,提供了可视化配置vue-cli3移除了static文件夹,新增了public文件夹,并且将index.html移动到public中使用vue-cli3初始化项目 vue create 文件名,生成的目录修改配
2021-01-20 16:07:34
221
原创 Vue-cli版本和使用
Vue-cli版本和使用安装vue-cli(默认安装最新版)3.0以下版本npm install vue-cli -g3.0以上版本npm install -g @vue/cli创建初始化项目//name是项目名称,可以任意命名非中文名称(不能有大写)//3.0以下版本初始化项目是用vue init webpack name//3.0以上版本初始化项目是用 vue create name 或 vue ui 进入图形化操作页面更新1.先查看当前版本是否需要进行更新vue -
2021-01-20 16:06:53
1289
4
原创 npm 淘宝镜像安装
npm 淘宝镜像安装安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org更换npm源(默认是https://registry.npmjs.org/)npm config set registry https://registry.npm.taobao.org // 配置后可通过下面方式来验证是否成功npm config get registry// 或npm info express...
2021-01-20 11:32:13
254
1
原创 vscode中创建vue快捷键
1.安装Vetur插件(扩展里面直接搜)2.vscode 界面里面左上角选则 文件=> 首选项=> 用户代码片段=>新建全局代码片段=>在输入框中新建名称为vue.json3.删除里面的注释,当然你也可以留着,把下面的代码粘贴进去!{ // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // descri
2020-12-04 17:02:18
2993
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人