最近一段时间打了一个大仗,现在总算消停点,才有时间来做个总结吧算是:
移动端遇到一个项目,是一个列表的侧滑栏,在我这里用jq写的交互事件。自测各方面都挺好的,美滋滋的给了研发。研发也美滋滋的开始开发。
但是,好景不长。。。
研发加了ajax事件后,我的交互效果有部分受了影响!
一个小姑娘,在一群大老爷们研发堆里,对着昏...…
有时候,依赖Vue响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的DOM,重新开始。那么,如何让Vue以正确的方式重新呈现组件呢?
强制Vue重新渲染组件的最佳方法是在组件上设置:key。当我们需要重新渲染组件时,只需更key的值,Vue就会重新渲染组件。
这是一个非常...…
JS的动态类型有好有坏。好的一面,不必指明变量的类型。不好的是,咱们永远无法确定变量的类型。
typeof运算符可以确定JS中的6种类型:
typeof10;//=>'number'
typeof'Hello';//=>'string'
typeoffalse;//=>'boolean'
type...…
首先,我需要用到node的nodejs-websocket模块
使用yarn进行安装
yarnaddnodejs-websocket--save
当然,你也可以用npm进行安装
npminodejs-websocket--save
安装完毕之后,我们开始写服务端的代码,首先,我用node在本地起了一个node服...…
默认eslint规则:
代码末尾不能加分号;
代码中不能存在多行空行;
tab键不能使用,必须换成两个空格;
代码中不能存在声明了但未使用的变量;
最简单的方法,关闭eslint检测,其实很简单,把build/webpack.base.conf.js配置文件中的eslintrules注释掉即可。
但不推荐这么做,esl...…
问题
由于这次项目是在初学Vue之后的第一个正式项目,没有考虑到类似路由懒加载、按需加载的问题,所以呢,也算是没经验。
到了这些天,项目写得差不多了,准备放到服务器测试,才发现这个问题。
优化前:
app.js2.3MB
vendor.js2.4MB
vendor.css612kB
app.js.map9.13MB...…
最近看到一些关于websocket的东西,就决定写一个在线聊天室尝试一下。最终决定配合vue来写,采用了官方的vue脚手架vue-cli和官方的router,在本例中呢,我是用了CHAT这个对象来存储app的数据的,但后来一想,虽然项目很小,但如果用官方的vuex会更好,方便以后扩展,比如可以加上私信功能,可以在对方不...…
这是从30secondsofcode中挑出来的非常有用的一些代码片段,这是一个非常棒的项目,大家可以去github上去搜索一下,给个star。
在本文中,我试图根据它们的实际用途对它们进行分类,回答您在项目中可能遇到的常见问题:
1.如何隐藏指定的所有元素?
consthide=(...el)=>[.....…
背景
在最近的一次需求开发过程中,有再次使用到Vuex,在状态更新这一方面,我始终遵循着官方的“叮嘱”,谨记“一定不要在action中修改state,而是要在mutation中修改”;于是我不禁产生了一个疑问:Vuex为什么要给出这个限制,它是基于什么原因呢?带着这个疑问我查看Vuex的源码,下面请大家跟着我的脚步,...…
本文实例讲述了vuex+axios+element-ui实现页面请求loading操作。分享给大家供大家参考,具体如下:
前言
我们在平常写项目的时候,发请求的时候肯定会习惯用一个loading遮罩层来防止用户在没拿到数据之前误操作
如果是页面同时只发送一个请求,那么无论是在组件中或者是在axios插件中进行请求和响应...…