logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vuex的实现——为什么需要使用全局状态管理(一)

这段时间结合vue及vuex的知识来阅读vuex源码,收获挺多的。因此把阅读过程中我对vuex的理解,大到一个类,一个函数,小到一个变量的使用,都记录下来。一千个读者就有一千个哈姆雷特,在阅读过程中,由于本人功力,经验原因,难免有理解不到位的地方,欢迎多多指教。在实际项目中,我们经常遇到多个组件视图依赖同一个状态,并且其中的一个组件更改这个状态时,其余依赖了该状...

vuex的实现——使用插件及Mixin混入添加全局状态管理(二)

这一节主要是介绍如何使用插件及混入开发全局单例模式管理状态。通过根组件注入这个全局单例对象,使得后代组件能够直接读取状态。一、options的使用。options选项可以往组件中添加自定义属性。并可通过this.$options.xxx访问。我们在main.js定义并实例化一个Store类。通过options注入到根组件中,这样后代组件都能够通过this.$options.xxx访问到状态。...

IOS微信浏览器点击input元素无反应以及输入框输入后页面不回弹的问题

1.最近在开发微信公众号网页,发现在iOS中,input元素快速点击的时候无法获得焦点,双击或者触摸屏幕的时候才能获取焦点。安卓端没有问题。一开始以为是iOS微信浏览器的兼容问题。后来认真排查了下,发现是我在引入ant-mobile组件库时,同时引入了faskclick.js导致的。下面是ant-mobile官网的介绍:然后我去ant-mobile github上看了下,发现了这个(参考h...

解决ios滑动穿透问题

function closest(el, selector) {const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;while (el) {if (matchesSelector.call(el, sel...

#ios#javascript#开发语言
JavaScript二维数组元素排列组合

今天遇到的一个问题:给出任意一个二维数组,要求输出数组元素的所有排列组合。如var myArr = [['A','B','C'],['A1','B1','C1'],['A2','B2']];myArr数组元素的所有排列组合为:"AA1A2""BA1A2""CA1A2""AB1A2""BB1A2"&q

Jquery日期选择组件

效果图如下:项目目录结构如下:DateComponent.css代码如下:#dateBoardTitle tr td{padding: 10px 0px}#dateBoard tr td{padding:3px 0px}#date-view{background-color:white;position:absolute;bottom:0px;left:0px;right:0px;}#dat...

css flex布局iOS8兼容性问题

cssflex布局iOS8兼容性问题,大多数情况下都能够通过兼容性写法解决,比如:div {display: -webkit-flex;display: flex;-webkit-flex: 1;flex: 1;flex-direction: row;-webkit-flex-direction: row;}如果以上兼容性写法还不能解决问题,那就要...

#css
vue实现上下无限滑动日历组件

思路:用一个容器包裹三个用于显示每个月日历的div,当滚动条滚动到顶部时,设置scrollTop等于第一个div的offsetHeight。当滚动条滚动到底部时,设置scrollTop:e.target.scrollTop = e.target.scrollHeight - e.target.clientHeight - nextmonth.offsetHeight。以此达到无限滑动...

HTML时间轴

<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="styles

XMLHttpRequest提交form表单数据,包括上传文件

<input id="uploadFile" name="file" type="file"><script>const file = document.getElementById('uploadFile')let formData = new FormData()formData

    共 15 条
  • 1
  • 2
  • 请选择