[综合] “router-link”各种属性解释

在vue1.0版本的超链接标签还是原来的a标签，链接地址由v-link属性控制 而vue2.0版本里超链接标签由a标签被替换成了router-link标签，但最终在页面还是会被渲染成a标签的 至于为什么要把a换成router-link原因还是有的，比如我们之前一直惯用的nav导航里面结构是(ul&g...

[综合] vue路由嵌套，配置children嵌套路由

嵌套路由就是路由里面嵌套他的子路由，可以有自己的路由导航和路由容器(router-link、router-view)，通过配置children可实现多层嵌套 1//mine组件2<template>3<divclass="content">4在mine的组件里面嵌套路由5&l...

[综合] 支持web端和移动端的拖拽排序插件 dragula

Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单，浏览器兼容性好，能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。 代码演示： <scriptsrc="dist/dragula.js"></script> <linkre...

[综合] touch.js的使用总结

Touch手机端的操作 基本事件： touchstart//手指刚接触屏幕时触发 touchmove//手指在屏幕上移动时触发 touchend//手指从屏幕上移开时触发 touchcancel//触摸过程被系统取消时触发(少用) 一、事件绑定 touch.on(element,types,cal...

[综合] Vue.js快速入门-Vue实例详解与生命周期

vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。 1.1.Vue实例初始化的选项配置对象详解 前面我们已经用了很多次 new...

[综合] 深入理解JavaScript中的堆与栈 、浅拷贝与深拷贝

javascript中的浅拷贝与深拷贝 学了这么长时间的JavaScript想必大家对浅拷贝和深拷贝还不太熟悉吧，今天在项目中既然用到了，早晚也要理清一下思路了，在了解之前，我们还是先从JavaScript的数据类型存放的位置堆栈开始说起吧! 现在我们带着问题来学习！ 一：什么是堆栈？ 我们都知道：...

[综合] forEach、for in 、 for of三者的区别

在开发过程中经常需要循环遍历数组或者对象，forEach、forin、forof这三种方法使用最多但却一值傻傻分不清楚。。今天来一个大区分。。 for循环 其实除了这三种方法以外还有一种最原始的遍历，自javascript诞生起就一直用的就是for循环，它用来遍历数组 vararr=[1,2,3,4...

[综合] 移动端常见问题解决方案

一、特殊样式 css3盒子模型 box-sizing:border-box; -webkit-box-sizing:border-boxx 清除点击高亮，设置transparent完成透明 -webkit-tap-highlight-color:transparent; 取消ios里Button、I...

[综合] JavaScript作用域及作用域链

静态作用域 作用域作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。javascript采用词法作用域(lexicalscoping)，也就是静态作用域。因为JavaScript采用的是词法作用域，函数的作用域在函数定义的时候就决定了。而与词法作用域相对的是动态作用域，函数的作用域是...

[综合] Promise解决回调嵌套问题及终极解决方案async 和 await

一、promise 1.异步函数与回调函数的说明 回调函数: 把一个函数当成参数传递,将来特定的时机调用,这个函数就叫回调函数 什么时候会用到回调函数,异步的时候延时器setTimeoutajax(传入函数,作为回调,将来在特定时机调用) console.log(1)setTimeout(f...

[综合] v-slot匿名插槽、具名插槽及作用域插槽

匿名插槽 只要是没有具体分配的内容，都会给到匿名插槽或者同时在子组件中需替换为用于占位，即在modal组件中自定义的内容都会显示在slot占位的位置 //定义组件vue.component('modal',{ template:`<divclass="modal"><divclas...

[综合] vue中v-cloak解决刷新或者加载出现闪烁显示变量问题

问题： 当网络较慢，在使用vue绑定数据的时候，渲染页面时会出现变量闪烁，例如 <divclass="#app"> <p>{ {value.name}}</p> </div> 在加载的时候会看到这种变量情况，过了零点几秒之后才会渲染数据 { {v...

[综合] vue中父子组件通过ref传值「dialog组件」

前言 一个基于vue的项目，有可能会很多的组件，组件之间难免需要进行数据的传递，比如:父组件传数据给子组件；子组件传数据给父组件等，需要用到组件之间的通信处理方式。项目中经常用到element中的dialog组件，现记录父子组件通过ref传值。 操作流程： 1.父组件中点击按钮吊起子组件模态框dia...

[综合] WebSocket 实现数据实时刷新

WebSocket是HTML5的一个新协议，WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocketAPI中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 一、浏览器客户端 创建一个WebSo...

[综合] JS使用lazyload进行图片懒加载

原理： 图片的加载是由src引起的，当对src赋值时浏览器会请求图片资源，基于这个，可以利用HTML5的属性data-xxx来保存图片的路径，当我们需要加载图片的时候才将data-xxx的值赋予src。就能实现图片的按需加载了，也就是懒加载了 方法： 1.使用lazyload插件，引用jque...

[综合] Git常用命令和常见问题

git官网 一、git常用命令 1.常用命令 gitclone地址//克隆远程仓库 gitclone-b分支名地址//克隆分支的代码到本地 gitstatus//查看状态 gitadd文件名//将某个文件存入暂存区 gitaddbc//把b和c存入暂存区 gitadd.//将所有文件提交到暂存区 g...

[综合] 富文本vue-quill-editor结合el-element实现自定义上传组件

需求一图片上传 就是要一个富文本编辑器，然后有图片上传功能，因为vue-quill-editor是将图片转为base64编码，所以当图片比较大时，提交后台时参数过长，导致提交失败。 解决思路 将图片先上传至服务器，再将图片链接插入到富文本中图片上传的话可以使用element或者iview，这里我以i...

[综合] vue实现多个倒计时同步刷新

使用场景： 一般多个定时器同时使用的场景主要应用在限时活动或者限时抢购商品等，如一个页面存在多个商品，且每个商品都有独立的限时抢购时间，因此就会遇到多个定时器同步刷新倒计时 限时抢购使用场景 这次就用简单数据来模拟多个定时器同步刷新实现效果,效果不同原理一样 模拟效果 ...

[综合] vue快速删除node_modules文件夹

当安装了较多模块后，node_modules目录下的文件会很多，直接删除整个目录会很慢，下面介绍些快速删除node_modules目录的方法 方法一：使用rimraf模块的命令 1.在全局安装rimraf模块 npminstallrimraf-g 2.然后通过其命令来快速删除node_modul...

[综合] vue:将px转化为rem，适配移动端vant-UI等框架(postcss-pxtorem)

1.下载lib-flexible 使用的是vue-cli+Webpack，通过npm来安装的 npmilib-flexible--save 2.引入lib-flexible 在main.js中引入lib-flexible import'lib-flexible/flexible' 3.设置meta标...