Vue axios全局拦截 get请求、post请求、配置请求的实例代码
下面通过一段代码给大家介绍Vue axios全局拦截 get请求、post请求、配置请求，具体代码如下所述：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl...
2020-05-27
Vue触发式全局组件构建的方法
前言在开发中总会遇到一些全局组件,如果通过import导入,components挂载就显得冗余,而一些UI框架(诸如 elementUi、iview等)通过调用触发的形式就显得很便捷,本文就是简单的...
2020-05-27
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
在开发中，需要表格控件根据浏览器高度进行调整，固定表头，且然后多余的出滚动条，官方给出的：只要在el-table元素中定义了height属性，即可实现固定表头的表格，而不需要额外的代码。然...
2020-05-27
基于vue实现移动端圆形旋钮插件效果
最近公司有一个项目的需要做出旋钮的效果，旋钮有十个档，根据手指旋转切换，旋转时接近最近的档会有吸附效果，具体效果如下：html部分代码：<div class="_touch"> <div class="round_b...
2020-05-27
js中this的指向问题归纳总结
前言js中this指向问题是个老生常谈的问题了，下面这篇文章再来给大家介绍下，大家可以看看，更深入的了解了解，下面话不多说了，来一起看看详细的介绍吧this
this:上下文,会根据执行...
2020-05-27
vue实现双向绑定和依赖收集遇到的坑
在掘金上买了一个关于解读vue源码的小册，因为是付费的，所以还比较放心在小册里看到了关于vue双向绑定和依赖收集的部分，总感觉有些怪怪的，然后就自己跟着敲了一遍。 敲完后，发现...
2020-05-27
浅析Proxy可以优化vue的数据监听机制问题及实现思路
我们首先来看vue2.x中的实现，为简单起见，我们这里不考虑多级嵌套，也不考虑数组vue2.x中的实现其本质是new Watcher(data, key, callback)的方式，而在调用之前是先将data中的所有...
2020-05-27
微信小程序下拉刷新PullDownRefresh的使用方法
前言下拉刷新和上拉加载是业务上一个很常见的需求，在微信小程序里，提供了下拉刷新的方法 onPullDownRefresh 。虽然微信的官方文档有很多坑，但下拉刷新介绍的还是很全面的。微...
2020-05-27
简述vue路由打开一个新的窗口的方法
简单说一下vue路由如何打开一个新的窗口1.router-link标签在vue的官方文档中看到这大家应该会想，既然router-link不支持target="_blank"属性，那我们该怎么用router-link打开一...
2020-05-27
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
今天分享的不是技术，今天给大家分享个插件，针对现有的vue右键菜单插件，大多数都是需要使用插件本身自定义的标签，很多地方不方便，可扩展性也很低，所以我决定写了一款自定义指令调...
2020-05-27
vsCode安装使用教程和插件安装方法
vsCode安装使用教程vsCode是什么vsCode安装vsCode汉化vsCode常用命令说明vsCode左边图标说明vsCode基本使用前端常用插件在vosCode中显示html界面vsCode是什么Visual Studio...
2020-05-27
javascript实现考勤日历功能
简介用过一些开源的日历，但对于自定义去绑定数据在日历元素中却不是很方便，由于工作需要用到考勤日历，考虑到日历的实现也不是特别麻烦，于是自己弄了一个，样式比较简单，需要的可以...
2020-05-27
Vue.js的复用组件开发流程完整记录
前言从维护视图到维护数据，Vue.js 让我们快速地开发应用。但随着业务代码日益庞大，组件也越来越多，组件逻辑耦合严重，使代码维护变得十分困难。接下来我们会详细分析下如何完成...
2020-05-27
js实现每日签到功能
本文实例为大家分享了js实现每日签到功能的具体代码，供大家参考，具体内容如下
js：var calUtil = { getDaysInmonth : function(iMonth, iYear){ //当前年月的总天数 var dPr...
2020-05-27
详解@angular/cli 改变默认启动端口两种方式
因为本地希望开启两个项目,由于@angular/cli 生成项目默认是: 4200; 那么肯定会有端口冲突问题;修改端口的两种方式：1 修改 schema.jsonnode_modules\@angular-devkit\build-...
2020-05-27
js canvas实现二维码和图片合成的海报
本文实例为大家分享了canvas二维码和图片合成海报的具体代码，供大家参考，具体内容如下思路：在微信中登录，后台传来的是一个链接、一个名字、一张图片。把图片当做背景，画满整个画...
2020-05-27
Next.js项目实战踩坑指南(笔记)
前言
github: https://github.com/code-coder/next-mobile-complete-app
已经用Next.js快两个月了，项目已经提测了，这里总结一下开发过程中，以及在部署的时候遇到一些棘手的问...
2020-05-27
基于JavaScript实现每日签到打卡轨迹功能
本文实例为大家分享了js实现每日签到打卡轨迹功能的具体代码，供大家参考，具体内容如下1. 核心文件 calendar.js var calUtil = { //当前日历显示的年份 showYear:2018, //当前...
2020-05-27
Nuxt.js开启SSR渲染的教程详解
第一节：nuxt.js相关概述nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）.Vue.js是开发SPA（单页应用）的,Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成...
2020-05-27
VUE基于NUXT的SSR 服务端渲染
Server Side Rendering（服务端渲染）SSR 目的是为了解决单页面应用的 SEO 的问题，对于一般网站影响不大，但是对于论坛类，内容类网站来说是致命的，搜索引擎无法抓取页面相关内容，也就...
2020-05-27
使用canvas实现一个vue弹幕组件功能
看B站时，对弹幕的实现产生了兴趣，一开始想到用css3动画去实现，后来感觉这样性能不是很好，查了下资料，发现可以用canvas实现，于是就摸索着写了一个简单的弹幕。弹幕功能 支持动态...
2020-05-27
支付宝小程序自定义弹窗dialog插件的实现代码
支付宝小程序官方提供的alert提示框、dialog对话框、model弹窗功能比较有限，有些都不能随意自定义修改的。如是自己就捯饬着封装了个支付宝小程序自定义弹窗插件wcPop，多种展...
2020-05-27
实例讲解JavaScript截取字符串
JavaScript中截取字符串有三种方法，分别是substring，substr，split，接下来将在文章中为大家详细介绍它们的使用方法。substring（start,stop）提取字符串中介于两个指定下标之间的字...
2020-05-27
js字符串倒序的实例代码
1.var reverse = function( str ){var newStr = '', i = str.length;for(; i >= 0; i--) {newStr += str.charAt(i);}return newStr;};reverse('abcde')2.var reverse = fun...
2020-05-27
使用koa-log4管理nodeJs日志笔记的使用方法
前言对于后端程序应用来说，日志是必不可少的，在nodeJs当中并没有自带的日志模块。最近正好使用koa框架来做后端服务，需要对日志进行分割处理，特记录下分享给大家。一.后端代码目...
2020-05-27
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
先看看ElementUI里关于el-table的template数据结构：<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期...
2020-05-27
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
ElementUI2.0的表格的扩展：elementUI表格table elementUI文字提示Tooltip如果要实现鼠标移到表头有注释或者弹框该怎么添加呢？<el-table empty-text="正在加载中..." :data=...
2020-05-27
Element Table的row-class-name无效与动态高亮显示选中行背景色
Element UI 的Table组件踩坑记：
（1）参数row-class-name无效的坑：官方文档给出了如下代码：
但是我使用后并没有出现预初想要第一行高亮的效果，然后console.log(row, rowIndex)，...
2020-05-27
webpack打包多页面的方法
前言一开始接触webpack是因为使用Vue的关系，因为Vue的脚手架就是使用webpack构建的。刚开始的时候觉得webpack就是为了打包单页面而生的，后来想想，这么好的打包方案，只在单页面...
2020-05-27
js canvas实现写字动画效果
本文实例为大家分享了js canvas实现写字动画效果展示的具体代码，供大家参考，具体内容如下页面html：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>学...
2020-05-27
微信小程序实现保存图片到相册功能
项目中有个保存二维码到相册的功能，所以涉及到用户是否授权相册权限的问题。废话不多说，直接上干货... 功能逻辑： 先检查用户请求过的权限中是否允许"保存到相册"权...
2020-05-27
vue 实现左右拖拽元素并且不超过他的父元素的宽度
话不多说，先上需求图需求：这是一个音频播放的组件，隐藏audio样式，用js调用脚本方法实现，目前功能基本实现，但是有个问题，图中共有一根绿色的begin线和红色的end线，使用这两根线切割...
2020-05-27
微信小程序canvas.drawImage完全显示图片问题的解决
问题描述
问题产生
对于微信小程序，canvas处理过程中，dramImage默认图片引用是有残缺的导入初始项目
打开链接（原官网例子），浏览器唤醒微信开发这工具，打开连接之前需要下载好微信...
2020-05-27
基于jquery实现九宫格拼图小游戏
九宫格拼图小游戏是小时候比较常见的小游戏之一。闲着无聊就用js简单写了一个。游戏的玩法很简单。九宫格中有八个小图片。随机打乱之后，将八张小图片拼接成一个完整的图。ht...
2020-05-27
vue 双向数据绑定的实现学习之监听器的实现方法
提到了vue实现的基本实现原理：Object.defineProperty() -数据劫持 和 发布订阅者模式（观察者），下面讲的就是数据劫持在代码中的具体实现。1.先看如何调用new一个对象，传入我们的...
2020-05-27
jQuery实现网页拼图游戏
之前看了一个页面中将图片分割的效果，感觉不错，有些好奇他是怎么实现的。
跟搭档说了一下，大概明白。其实就是利用 overflow=hidden ，margin-left, margin-top 这三个属性的配合...
2020-05-27
Vue+Webpack完美整合富文本编辑器TinyMce的方法
选择一个合适的富文本编辑器对于一个前端项目至关重要，这次我基于Vue来开发我项目中的前端部分，经过权衡选择了tinymce。其在UI，功能都很适合，tinymce官方文档：点击打开链接；引入t...
2020-05-27
JS实现图片拖拽交换效果
JS实现图片拖拽交换效果，供大家参考，具体内容如下
听 WEB前端javascript企业实战班 公开课，用JS实现了图片拖拽交换的目的；感谢老师的讲解。实现要点
鼠标点击onmousedown：获取...
2020-05-27
vue拖拽排序插件vuedraggable使用方法详解
大家好，最近做的项目要用到拖拽排序，我现在的项目是vue项目，所以我就屁颠屁颠的去百度有木有这样功能的插件，我就知道一定会有，那就是vuedraggable，这是一款很棒的拖拽插件，下面我...
2020-05-27
基于Vue组件化的日期联动选择器功能的实现代码
我们的社区前端工程用的是element组件库，后台管理系统用的是iview，组件库都很棒，但是日期、时间选择器没有那种“ 年份 - 月份 -天数 ” 联动选择的组件。虽然两个组件库给出的...
2020-05-27
一次Webpack配置文件的分离实战记录
前言随着前端技术的发展，业务逻辑的增多及功能化的繁琐已经成为前端人员最烧脑的问题。前端自动化构建工具的出现，为前端人员带来了项目构建上的福音，成为每个前端工程师必回的...
2020-05-27
BootStrap table实现表格行拖拽效果
本文实例为大家分享了BootStrap table实现表格行拖拽的具体代码，供大家参考，具体内容如下不上图了
首先还是得添加三个文件，自己上网搜搜就行<script src="~/Content/bootstrap...
2020-05-27
vuejs2.0运用原生js实现简单拖拽元素功能
本文实例为大家分享了vuejs2.0实现简单拖拽元素功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, in...
2020-05-27
BootStrap modal实现拖拽功能
bootstrap中有javascript插件modal也就是对话框，加入拖拽功能，具体内容如下在使用modal时首选需要引用js<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.css"...
2020-05-27
Vue组件Draggable实现拖拽功能
Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。具体说明，请参考：学习链接npm官方演示：vuedraggable特性： 支持触摸设备 支持拖拽和选择文本 支持智能滚动 支持不同...
2020-05-27
vuedraggable+element ui实现页面控件拖拽排序效果
项目要实现一些控件的拖拽排序。从而找到了这款vuedraggable控件，供大家参考，具体内容如下如上图要实现这些控件的拖拽排序
这是拖拽后由于公司网络的原因，项目没有使用npm，都是...
2020-05-27
vue.draggable实现表格拖拽排序效果
本文实例为大家分享了vue.draggable实现表格拖拽排序效果展示的具体代码，供大家参考，具体内容如下主要使用vuedraggable和sortablejs两个组件。 1、安装组件npm install vuedr...
2020-05-27
vue插件draggable实现拖拽移动图片顺序
本文实例为大家分享了vue插件draggable实现拖拽移动图片顺序的具体方法，供大家参考，具体内容如下
例如图片显示的这种图片列表、商品展示需要拖动图片改变顺序，vuedraggable可...
2020-05-27
vue实现div拖拽互换位置
本文实例为大家分享了vue实现div拖拽互换位置的具体代码，供大家参考，具体内容如下template模板
<transition-group tag="div" class="container"> <div class="item" v-for="...
2020-05-27
vue拖拽组件使用方法详解
前言pc端开发需要拖拽组件完成列表的顺序交换，一般移动端的UI组件会包含，但是我在用的iview并没有此功能的组件，于是手写一个，实现起来很简单。效果图如下：可以拖拽完成新排序，点...
2020-05-27
