2021年2月28日
vue params 和 query区别
摘要： 今天我们就来说一下params和query传参的使用和区别，要说这个的话，我们就有必要提一下Vue-router了。Vue-router它主要分为动态路由（传参匹配的问题），嵌套路由（父子组件之间的通信），编程式路由（this.$router.push(‘绝对路径’)），这三方面的内容都是比较容易的 阅读全文
posted @ 2021-02-28 16:21 叫我汤先森 阅读(638) 评论(0) 推荐(0)
vue的activated和deactivated生命周期
摘要： <keep-alive>包裹的动态组件会被缓存，它是一个抽象组件，它自身不会渲染一个dom元素，也不会出现在父组件链中。当组件在 <keep-alive> 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。 如<keep-alive>包裹两个组件： 阅读全文
posted @ 2021-02-28 10:47 叫我汤先森 阅读(775) 评论(0) 推荐(0)
2021年2月26日
vue移动端响应式方案
摘要： 第一部分：项目中引入lib-flexible 一、项目中安装lib-flexible npm install lib-flexible --save 二、在项目的入口main.js文件中引入lib-flexible import 'lib-flexible' 通过要以上两步，就完成了在vue项目使用 阅读全文
posted @ 2021-02-26 15:06 叫我汤先森 阅读(598) 评论(0) 推荐(0)
vue 非父子组件之间的通信
摘要： vue组件通信方式： 1、父传子： props 2、子传父： $emit 3、非父子之间的通信，中央事件总线bus 使用中央时间总线的方式有两种: 一、新建一个bus.js文件，初始化一个空的Vue实例，作为中央总线，然后再组件引用时调用这个bus.js文件 import Vue from 'vue 阅读全文
posted @ 2021-02-26 13:45 叫我汤先森 阅读(509) 评论(0) 推荐(0)
better-scroll滚动区域问题
摘要： 在首页时候，使用BetterScroll插件的时候，滚动的时候经常会卡顿。Better-scroll在决定有多少区域可以滚动时，是根据ScrollerHeight属性决定的。ScrollerHeight属性时根据Better-Scroll的content中的子组件的高度。但是，刚开始在计算scrol 阅读全文
posted @ 2021-02-26 11:38 叫我汤先森 阅读(271) 评论(0) 推荐(0)
2021年1月26日
快速搭建bootstrap模板
摘要： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <!--让浏览器使用最新的IE内核进行渲染页面--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!- 阅读全文
posted @ 2021-01-26 14:56 叫我汤先森 阅读(223) 评论(0) 推荐(0)
2020年11月16日
响应式网站css reset
摘要： 响应式网站 css reset /* core.css v1.1 | MIT License | corecss.io */ html { font-family: sans-serif; font-size: 100%; line-height: 1; -ms-text-size-adjust: 阅读全文
posted @ 2020-11-16 10:28 叫我汤先森 阅读(295) 评论(0) 推荐(0)
2020年10月14日
ios移动端 clipboard点击复制失效
摘要： 在使用clipboard.min.js插件库实现复制，android下没有问题，ios下无效！ 原因:ios默认非点击标签没有点击效果 解决方法:需要给非点击标签加事件，比如在span，div或者p标签上叫onclick=""空点击事件，就能实现复制！ 阅读全文
posted @ 2020-10-14 17:21 叫我汤先森 阅读(884) 评论(0) 推荐(0)
2020年9月25日
web移动端点击穿透问题
摘要： 在移动端开发的时候，我们有时候会遇到这样一个bug：点击关闭遮罩层的时候，遮罩层下面的带有点击的元素也会被触发，给人一种击穿了页面的感觉，这是为什么呢？主要是因为用户touch事件关闭按钮的时候，触发了下面的click事件(捕获)，形成了穿透。 方法一、阻止默认事件 btn.addEventList 阅读全文
posted @ 2020-09-25 10:37 叫我汤先森 阅读(258) 评论(0) 推荐(0)
2020年9月24日
web移动端css reset
摘要： 通用版css reset，pc端使用只需要修改html{font-size: 10px;}为html{font-size: 12px;} @charset "utf-8"; html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blo 阅读全文
posted @ 2020-09-24 17:38 叫我汤先森 阅读(211) 评论(0) 推荐(0)