斯昂-CSDN博客

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

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

转载深入了解query和params的使用区别

深入了解query和params的使用区别这篇文章主要介绍了深入了解query和params的使用区别，路由传参的时候，有俩兄弟，一个叫query，一个叫parmas，你说他们俩长得也不像吧，可这用法实在是太类似了，下面就让我们分别从vue路由和Node接收两个角度讲他们的区别,需要的朋友可以参考下前言路由传参的时候，有俩兄弟，一个叫query，一个叫parmas你说他们俩长得也不像吧，可这用法实在是太类似了下面就让我们分别从vue路由和Node接收两个角度讲他们的区别vue路由中的传参假设我

2020-07-07 10:53:56 3744

原创你不得不看的状态管理干货 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

原创 vue 十分钟后自动返回首页登录页操作

vue 十分钟后自动返回首页/登录页操作该上线了，产品经理提出一个新需求，要求所有页面，在无任何操作停留10分钟后，自动返回首页。这让我想到了导航守卫做一段时间后登陆过期，返回登录页的需求。我看了文档 afterEach 全局后置钩子是导航后置守卫跟咱常用的 beforeEach 前置守卫基本用法一直就是没有next 方法。说实话我对它不太熟，文档介绍的...

2020-03-20 17:38:33 1746

原创详说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

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

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

原创关于 vue 的少许面试问题（很关键）

vue生命周期（钩子函数）问题请说一下vue的生命周期函数（钩子函数）。问题描述首先关于生命周期函数，一般我的第一个问题就是这个，我认为是每个使用vue的都要清楚的，如果这个问题答的问题很大其实我都不太想继续往下进行了。即使英语不标准（我就是不标准的人，并不是说这是个问题）也要去把关键点说清楚，哪个地方有ed哪个地方没有ed其实是很关键的，或者可以手写下来，因为常用的就是created和...

2019-10-24 15:21:16 708

转载浅述 js正则表达式

浅述 js正则表达式什么是正则表达式正则表达式就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，用来表达对字符串的一种过滤逻辑。通过正则表达式可以达到如下的目的：给定的字符串是否符合正则表达式的过滤逻辑（称作“匹配”）；可以通过正则表达式，从字符串中获取我们想要的特定部分。匹配普通文本字符正则表达式可以只包含普通的文本，代表去精确匹配这个文本。例如:...

2019-10-24 09:28:10 279

原创详解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

转载 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

原创 CSS实现单行、多行文本溢出显示省略号（…）

CSS实现单行、多行文本溢出显示省略号（…）如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们...

2019-10-22 14:39:44 327

原创 vue 项目中自动生成二维码

vue 项目中自动生成二维码最近在写一个vue项目，要求根据卡号可以自动生成一个二维码，并渲染在指定位置，因为第一次做类似业务，小编在网上找了找，发现了很多，具体起来主要用的就两种：QRcodevue-qrvue-qr比QRcode功能多在可以在中间加logo，而且好像更方便一点，具体的小编也没试，小编需要的二维码不需要那么多骚操作，就选择了第一种，至于要写这篇博客的...

2019-10-21 17:24:20 2819

原创简单理解Vue中的nextTick

简单理解Vue中的nextTickVue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref=...

2019-10-21 17:21:08 221

原创程序员必须会的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

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

原创时间函数——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

原创常见的三个 JS 面试题---可以看看哦你都听过，不过可能都不太清楚哦

常见的三个 JS 面试题本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反，在讨论 JavaScript 时，面试中通常会提到三件事。我自己也被问到这些问题，我的朋友们告诉我他们也被问到这些问题。然，这些并不是你在面试之前应该学习的唯一三件事 - 你可以通过多种方式更好地为即将到来的面试做准备 - 但面试官可能会问到下面是三个问题，来判断你对 Jav...

2019-09-26 16:43:07 214

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

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

原创 #用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

原创改 Vue 端口号

昨天在配 Java 的运行环境的时候发现先安装的Tomcat 的默认端口号也是8080 ，这跟 Vue 默认的端口号冲突了，导致博主早上来公司打开昨天写的项目，发现命令行报错，用图像化界面打开 Vue脚手架发现，打开的是Tomcat 登录成功的页面。一开始看到熟悉的绿色页面变成一只黄色的猫还有点蒙逼，后来意识到可能是自己电脑刚装好的 Tomcat 在作祟，博主怀疑是端口...

2019-08-09 10:39:18 346

转载前端可以做的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

空空如也

空空如也