取个名字真wff

2020年11月4日

摘要： <div v-show="show" class="code" @click="getCode">获取验证码</div> <div v-show="!show" class="active">{{count}}s</div> data() { return { show: true, // 用来展示阅读全文

posted @ 2020-11-04 10:54 取个名字真wff 阅读(146) 评论(0) 推荐(0) 编辑

2020年10月27日

前端性能优化--：（Debounce）与节流（Throttle）

摘要：这周公司对其项目要进行一些性能优化，所以记录一下防抖（Debounce）和节流（Throttle）都是用来控制某个函数在一定时间内执行多少次的技巧，针对于公司的这个项目，我顺便解释下它们之间的区别：防抖：比如在加入购物车的时候，后端服务器卡了一下，你连续点击了2次，两条都过去了，后端的数据来阅读全文

posted @ 2020-10-27 10:33 取个名字真wff 阅读(266) 评论(0) 推荐(0) 编辑

vue图片懒加载：vue-lazyload

摘要： Vue懒加载图片实现步骤：图片懒加载：属于前端性能优化的一种，目的似乎提高加载速度，提升用户体验，减少带宽 1、安装插件： npm i vue-lazyload -S 2、在main.js中引入、挂载： import VueLazyload from 'vue-lazyload'; Vue(Vue 阅读全文

posted @ 2020-10-27 09:54 取个名字真wff 阅读(165) 评论(0) 推荐(0) 编辑

2020年10月21日

element-ui 设置table样式不生效的问题

摘要：今天下午修改element-ui引用的table库，样式一直不生效。查阅了下资料，这是因为：在vue一个组件中，style默认作用域是scoped，而elementUI中table的样式设置不能在scoped中，首先看vue默认css写法 <style scoped> <style> 在vue一阅读全文

posted @ 2020-10-21 16:43 取个名字真wff 阅读(5647) 评论(0) 推荐(0) 编辑

图标：在vue中使用font-awesome

摘要： 1、安装 npm i font-awesome -S 2、在main.js中引用 import 'font-awesome/css/font-awesome.min.css' 3、使用例如： <i class="fa fa-angle-down" aria-hidden="true"></i> 向阅读全文

posted @ 2020-10-21 11:23 取个名字真wff 阅读(320) 评论(0) 推荐(0) 编辑

2020年10月20日

纵向轮播图的封装

摘要：本人纯原生手写！！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title 阅读全文

posted @ 2020-10-20 11:34 取个名字真wff 阅读(73) 评论(0) 推荐(0) 编辑

2020年10月19日

横向轮播图的封装

摘要：本人原生手写的封装！！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit 阅读全文

posted @ 2020-10-19 20:14 取个名字真wff 阅读(90) 评论(0) 推荐(0) 编辑

2020年10月14日

Windows和Mac两种操作系统下CSS不兼容问题的解决

摘要：这两天碰到一个问题，就是一个小图标的大小和定位的位置在不同的操作系统下是不一样的。查了下资料，自己解决出来了，整理如下： html： <i :class="['cursor-pointer', {'windows' : windows}, {'mac': mac}]" @click="openPr 阅读全文

posted @ 2020-10-14 16:19 取个名字真wff 阅读(1924) 评论(0) 推荐(0) 编辑

2020年10月12日

【git冲突解决】： Please commit your changes or stash them before you merge.

摘要：刚刚使用 git pull 命令拉取代码时候，遇到了这样的问题： error: Your local changes to the following files would be overwritten by merge: code/b2bstore/site/src/main/webapp/pc 阅读全文

posted @ 2020-10-12 18:32 取个名字真wff 阅读(14053) 评论(1) 推荐(1) 编辑

2020年10月10日

垂直居中

摘要： 1、通过display:table-cell实现CSS垂直居中。给父元素display:table，子元素display：table-cell的方式实现CSS垂直居中。 2、通过伪元素:before实现CSS垂直居中。或者：让文字在div里垂直居中： <div class="amount" s 阅读全文

posted @ 2020-10-10 11:01 取个名字真wff 阅读(155) 评论(0) 推荐(0) 编辑