- 博客(14)
- 收藏
- 关注
RSS订阅原创 用原生js监听vue里调用的bootstrap模态框
因为是MVC的项目，所以虽然用了vue，但不是我们平常写的SPA，而是在页面中去单独引用。那么当我们在vue中去调用bootstrap中的模态框时，怎么去监听模态框的显示和隐藏呢？首先，对于bootstrap中的模态框显示隐藏的监听，bootstrap本身是有一套方法的。事件类型描述show.bs.modalshow方法调用之后立即触发该方法。如果是通过点击某个作为触发...
2020-01-20 17:39:28
1257
原创 Vuex学习笔记（四）——getters
Vuex中的getter，可以认为是store的计算属性。就跟计算属性一样，getter的返回值会根据它的依赖被缓存起来，且只有当它的以来至发生了改变才会被重新计算。我们来看一个例子：// 先创建一个storeconst store = new Vuex.Store({ state: { todos: [ { id: 1, text: '......
2020-01-17 13:51:00
264
转载 事件循环EventLoop机制
1. 宏任务与微任务依据我们多年编写 ajax 的经验：js 应该是按照语句先后顺序执行，在出现异步时，则发起异步请求后，接着往下执行，待异步结果返回后再接着执行。但他内部是怎样管理这些执行任务的呢？在 js 中，任务分为宏任务(macrotask)和微任务(microtask)，这两个任务分别维护一个队列，均采用先进先出的策略进行执行！同步执行的任务都在宏任务上执行。宏任务主要有：scri...
2020-01-17 09:49:02
184
原创 Vuex笔记（三）——state
在Vuex中，我们会发现所有的状态都包含在了一个对象state中。即Vuex使用单一状态树。那我们在Vue组件中获取和展示状态的方法，在上一个笔记里已经有写过：// 在vue实例中引入storeconst vm = new Vue({ el: "#app", // 把 store 对象提供给 “store” 选项，这可以把 store 的实例注入所有的子组件 store, /...
2020-01-15 11:50:37
506
2
原创 vuex笔记（一）——什么是vuex？
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态。项目中，它相当于一个中央管理仓库，来存储一些页面共用的数据或状态，主要包含以下几个部分：state，驱动应用的数据源——也就是你初始化定义公共数据状态的部分；Vue Components，以声明方式将state映射到视图——也就是把需要的数据从仓库中取出来并渲染到页面上；actions，...
2020-01-15 11:49:24
204
原创 Vuex笔记（二）——store
Vuex的核心就是store(仓库)。里面包含着项目中共用的数据状态。我们可以来看一个简单的例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...
2020-01-14 10:39:34
165
转载 13个提高大脑学习效率的技巧
SPACED REPETITION --间歇重复为了最大化学习效率，短时间学习，但再三进行。FIND YOUR OWN STYLE–找到适合自己的学习模式有的人喜欢与朋友一起学习，有些则喜欢埋头安静学习GOOD NIGHT SLEEP–良好的睡眠睡觉和做梦是处理和储存信息至关重要的部分。FOCUS–集中注意力关闭手机或去像图书馆一样安静的地方POMODORO T...
2020-01-08 13:09:05
924
原创 VSCode常用插件
material theme—VSCode主题prettier—内容颜色bracket pair colorizer 2indent-rainbow—换行缩进auto rename tag—闭合标签同步HTML CSS SupportLive Server—启动本地服务autoprefixer—自动补全css兼容前缀open in browser —打开浏览器...
2020-01-06 17:57:06
137
原创 使用原生js中的add和remove进行class类的增加和删除
我们可以直接使用原生JavaScript提供的API来做class类的增加和删除，效率更高。Element.classList它是一个只读属性，返回一个元素的类属性的实时DOMTokenList集合。如果类属性未设置或为空，那么它的length为0。虽然element.classList本身是只读的，但是你可以使用add()和remove()方法来修改它。add( String[, Str...
2020-01-06 17:53:21
1126
原创 关于在h5移动端页面中a链接事件
在h5页面中a链接是经常用到的标签，但是在移动端，我们在页面滚动的时候，a链接就会给我们造成很大的困扰。比如我们本来只是想要页面进行滚动，结果当我们刚触碰到页面上时，页面就跳转了。。。那么这里就是在移动端的touch事件所影响的，可以在touch事件的时候阻止a链接的点击事件，然后在释放。<li ontouchstart="cancleDefault(this)" ontouchend=...
2020-01-06 17:50:47
847
原创 bootstrap里模态框调用后禁止页面滚动
首先我们需要判断模态框是否已经被调用，这里使用bootstrap里提供的方法：// 监听点击事件，来触发页面是否滚动// 定义两个函数，来禁止滚动和释放页面滚动$('.modal').on('show.bs.modal', function(e) { stopScroll();})$('.modal').on('hidden.bs.modal', function(e) { ...
2020-01-06 17:48:20
1130
原创 position:fixed失效
项目里使用fixed定位以后发现，它跟relative里包了一个absolute一样，始终不能跑到页面的最外层，也就是说它失效了。原因很令人费解，是因为父级元素里或者祖先元素里有transform导致的。我在设置了transform:none以后，fixed就好了。...
2020-01-03 23:37:03
869
原创 offsettop及相关属性介绍
offsettop及相关属性介绍最近的项目中有用到offsetTop属性配合iscroll插件来进行下拉加载的一个效果，经过测试，在其他浏览器都是OK的，但是在iPhone的safari上页面刚加载完以后，滚动部分会有被遮挡一部分，后来发现是因为获取到的offsetTop值在刚开始进来的时候，并不是0，而是120px，这个刚好是节点元素到页面顶部的距离，所以猜测这里应该是offsetparent...
2020-01-03 23:35:54
1333
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人