- 博客(12)
- 收藏
- 关注
RSS订阅原创 简单实现vue验证码60秒倒计时功能
简单实现vue验证码60秒倒计时功能 <span v-if="codeShow" @click="getPhoneCode">点击获取验证码</span> <span v-if="!codeShow" class="count">{{count}}秒后重试</span>data(){return {codeShow : true,count: '',timer: null,}},methods:{ getPhoneCode(){
2020-06-30 20:49:32
434
原创 vue中Router的封装以及使用
在项目中会有多个vue页面，就会引入许多路由，如果配置的路由都放在router文件夹下的index.js中，要写很多个,而且显得代码量太多。所以我们需要 单独写出来 。在router文件夹中新建HomeRouter.js 和HomeConfig.js在HomeConfig.js中const HomeConfig = { home: { //home路由 path: '/', name: 'home', component: () => i
2020-06-28 18:51:03
1865
2
原创 vue中axios的封装以及使用
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。在src下新建 network 文件夹network文件夹： 网络模块 放网络请求index.js入口文件 core.js 参数的封装 config.js 请求方法的管理config.jsexport const GET="get";export const POST="post";export const path ={ list:'/small4/shop/goods/lis
2020-06-28 17:19:02
602
原创 前端面试
1.冒泡排序 选择排序冒泡排序冒泡排序规则：前后两两进行比较，如果符合比较的条件，就交换两个数的位置，直到所有的数据，都符合从小到大条件，结束排序。规律：每一轮比较，都会找出一个较大的数，放在正确的位置。比较的轮数 = 数组长度 - 1;每一轮比较的次数 = 数组长度 - 当前轮数；具体代码如下://冒泡排序let arr = [100, 55, 5, 20, 8];for (let i = 0; i < arr.length - 1; i++) { //决定比较几轮 f
2020-06-28 16:59:40
186
2
原创 函数防抖 和 函数节流
函数防抖 和 函数节流函数防抖(debounce)概念函数防抖 就是指 触发事件后 在 n 秒内 函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。简单的说，当一个动作连续触发，则只执行最后一次。生活中的实例： 如果有人进电梯（触发事件），那电梯将在10秒钟后出发（执行事件监听器），这时如果又有人进电梯了（在10秒内再次触发该事件），我们又得等10秒再出发（重新计时）。坐公交，司机需要等最后一个人进入才能关门。每次进入一个人，司机就会多等待几秒再关门将一个弹簧按下，
2020-06-27 20:07:10
208
原创 Vue 中 slot插槽 的使用
Vue 中 slot插槽 的使用插槽就是子组件提供给父组件使用的一个占位符,用表示, 父组件可以在这个占位符填充任何模板代码,如HTML、组件等,填充的内容会替换标签。示例代码:1.在子组件中放一个占位符...
2020-06-21 17:56:30
120
原创 ISO时间转化时间戳
ISO时间转化时间戳我们在实际的开发中获取的时间格式是ISO格式时间（2018-07-22T16:00:00.000Z）时，比标准的时间少了8个小时。以下方法转化为时间戳,更加有利于利于展示时间,一级排序 filters: { timeFilter(ms) { // 2020-06-01T04:24:43.230Z 获取到的时间格式 // 把时间的中的T和Z 替换成空字符串 l
2020-06-21 11:10:40
3436
1
原创 Vue监听滚动条事件 点击回到顶部
Vue监听滚动条事件 点击回到顶部监听滚顶条事件：created () { this.listenerFunction();},beforeDestroy () { document.removeEventListener("scroll", this.listenerFunction);},method () { listenerFunction(e) { document.addEventListener('scroll', this.handle
2020-06-21 10:51:55
1224
原创 Vue + Nodejs + Express 解决跨域的问题
Vue + Nodejs + Express 解决跨域的问题首先检测你的Vue的版本号此文章针对3.0版本解决跨域问题$ vue -V2.X or 3.X直接访问如下 created() { this.$axios.get('http://localhost:3000/users').then(res => { this.list = res.data.data; console.log(this.
2020-06-20 15:43:59
633
原创 文本超出多行显示省略号 移动端禁止双击缩放
文本超出两行显示省略号 移动端禁止双击缩放单行显示省略号overflow:hidden;text-overflow:ellipsis;white-space:nowrap多行省略 display: -webkit-box;/** 对象作为伸缩盒子模型显示 **/ word-break: break-all; text-overflow: ellipsis; -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式
2020-06-19 22:08:32
281
原创 Vue 实现ToDoList
Vue 实现ToDoList本文实现一个用Vue脚手架搭建项目、实现简单的ToDoList功能computed：计算属性filters：过滤器localStorage：本地存储技术点vue+localStorage功能回车添加任务双击编辑任务编辑完成按回车保存 Esc撤销编辑点击复选框表示已经完成任务点击X删除任务所有任务、已经完成任务、未完成任务可筛选具体代码演示如下<template> <div> <header&g
2020-06-04 15:45:03
725
原创 C3 小技巧
C3 小技巧/** 正三角 */.triangle { width: 0; height: 0; border-style: solid; border-width: 0 25px 40px 25px; border-color: transparent transparent rgb(245, 129, 127) transparent;}/** 倒三角 */.triangle { width: 0; height: 0; border-style: so
2020-06-01 16:08:07
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人