Vue.directive 实现元素scroll逻辑复用
继上篇Vue 滚动触底 mixins,将对于文档滚动触底的逻辑迁移到某个dom上，将会用到 Vue.directive 来实现代码逻辑复用。元素滚动如何实现滚动元素实现滚动的条件有两个: 有父...
2020-05-27
VuePress 中如何增加用户登录功能
VuePress是什么？先让我们看看 VuePress能干什么？有什么效果？很像vue官网的文档页面，因为vuePress就是尤大大的一个力作vuePress官网介绍介绍的很详细，这里只做搭建VuePress项目教...
2020-05-27
JavaScript之Blob对象类型的具体使用方法
Blob(Binary Large Object)术语最初来自数据库（oracle 中也有类似的栏位类型。），早期数据库因为要存储声音、图片、以及可执行程序等二进制数据对象所以给该类对象取名为Blob。...
2020-05-27
js blob类型url的视频下载问题的解决
blob下载问题的详细描述
我想用src url blob:https://www.youtube.com/23aea5c8-9ae2-40dc-9417-e675ea99b386下载视频，但是不知道应该怎么做。有没有下载这类视频的通用方法...
2020-05-27
js中关于Blob对象的介绍与使用
blob对象介绍
一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象，里面可以储存大量...
2020-05-27
VUE 实现动态给对象增加属性，并触发视图更新操作示例
本文实例讲述了VUE 实现动态给对象增加属性，并触发视图更新操作。分享给大家供大家参考，具体如下：在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过...
2020-05-27
vue ajax 拦截原理与实现方法示例
本文实例讲述了vue ajax 拦截原理与实现方法。分享给大家供大家参考，具体如下：概要说明在开发的过程中，我们需要通过AJAX请求，访问后台获取数据，这个获取数据的时候，当然需要后台...
2020-05-27
vue 组件开发原理与实现方法详解
本文实例讲述了vue 组件开发原理与实现方法。分享给大家供大家参考，具体如下：概要vue 的一个特点是进行组件开发，组件的优势是我们可以封装自己的控件，实现重用，比如我们在平台中...
2020-05-27
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
最近我在做angularjs程序时遇到了一个问题1.页面有很多选择框，一个选择框里面有众多的选择项，和一个默认选定的项,像下面这样（很多选择框，不只一个）：2.众多的选项要从后台接口得到...
2020-05-27
vue多个元素的样式选择器问题
三目运算符只能进行两个的选择判断，多个选择就很难受了。废话少说，直接上源码。首先获取它的索引，通过索引来判断样式// 索引key判断<div class="carborder" v-for="(value, ke...
2020-05-27
Node.js中console.log()输出彩色字体的方法示例
1. 代码样例
console.log('\033[42;30m DONE \033[40;32m Compiled successfully in 19987ms\033[0m')2. 输出结果
3. 解释
不难发现样例中的关键的代码是类似 \033[42;30m...
2020-05-27
如何利用node.js开发一个生成逐帧动画的小工具
前言在实际工作中我们已经下下来不下于一万个npm包了，像我们熟悉的 vue-cli，react-native-cli 等，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始...
2020-05-27
angular异步验证防抖踩坑实录
前言本周的一个需求是在一个异步验证上加上防抖，防抖，以前也接触过，依稀记得不难，就没再去看angluar的官方文档，直接就开始google写了，然后……一不小心就掉坑里了。突然没了效果...
2020-05-27
angular8和ngrx8结合使用的步骤介绍
一、案例运行后的效果图二、关于ngrx的认识1、官网地址
2、ngrx是借鉴redux的思维,专门为angular中定制的一个状态管理的包,类似react中的redux、vue中的vuex,主要包括以下...
2020-05-27
vue中上传视频或图片或图片和文字一起到后端的解决方法
Vue图片与文字混输的实现方法可以参考这篇文章https://www.freexyz.cn/article/175669.htmvue中上传视频或图片或图片和文字一起到后端1.上传图片或视频：2.图片和文字一起传：3预...
2020-05-27
node使用mysql获取数据库数据中文乱码问题的解决
参考链接：StackOverflow 问题问题描述在学习使用 nodejs 写 web 服务的时候，在用 mysql 获取数据库信息的时候，返回的中文一直是乱码，无论配置 charset 与否，都是乱码。问题根源...
2020-05-27
vue 使用外部JS与调用原生API操作示例
本文实例讲述了vue 使用外部JS与调用原生API操作。分享给大家供大家参考，具体如下：vue 使用外部JS概要在开发时我们会经常需要使用到外部的JS,这样我们需要引入外部js，然后进行...
2020-05-27
vue 开发企业微信整合案例分析
本文实例讲述了vue 开发企业微信整合。分享给大家供大家参考，具体如下：概述手机端程序可以和企业微信进行整合，我们也可以使用企业微信JSSDK功能，实现一些原生的功能。整合步骤...
2020-05-27
vue 开发之路由配置方法详解
本文实例讲述了vue 开发之路由配置方法。分享给大家供大家参考，具体如下：概要用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组...
2020-05-27
vue 动态表单开发方法案例详解
本文实例讲述了vue 动态表单开发方法。分享给大家供大家参考，具体如下：概要动态表单指的是我们的表单不是通过vue 组件一个个编写的，我们的表单是根据后端生成的vue模板，在前端...
2020-05-27
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
本文实例讲述了VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法。分享给大家供大家参考，具体如下：业务场景我们在使用vue 编写 代码时，我们有一个 多行文本框控...
2020-05-27
VUE 动态组件的应用案例分析
本文实例讲述了VUE 动态组件的应用。分享给大家供大家参考，具体如下：业务场景我们在开发表单的过程中会遇到这样的问题，我们选择一个控件进行配置，控件有很多中类型，比如文本框，下...
2020-05-27
JavaScript 自定义html元素鼠标右键菜单功能
自定义html元素鼠标右键菜单实现思路在触发contextmenu事件时，取消默认行为(也就是阻止浏览器显示自带的菜单),获取右键事件对象，来确定鼠标的点击位置，作为显示菜单的left和to...
2020-05-27
js实现一款简单踩白块小游戏(曾经很火)
效果图如下所示：html <div class="bigbox"> <!-- 显示游戏的区域 --> <div class="gamequyu"> <!-- 上面显示一个游戏开始的按钮 --> <div class="start">游...
2020-05-27
详解js location.href和window.open的几种用法和区别
一、location.href常见的几种形式 self.location.href;//当前页面打开URL页面 window.location.href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面...
2020-05-27
浅谈关于vue中scss公用的解决方案
简述
最近由于项目要求查阅了很多关于scss公用的文章，以下只是对那些文章进行简单的总结解决方法
a.当我们要使用scss文件的共用时，首先我们就要想到如何应当如何编辑scss文件...
2020-05-27
Vue.js 无限滚动列表性能优化方案
问题
大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（ref...
2020-05-27
Ant Design Pro 下实现文件下载的实现代码
最近编写在页面内通过 AJAX 请求服务器下载文件遇到一些问题，网上找的资料和介绍大多不健全不系统，最终自己摸索出来的解决方案，先简单写个初稿，后面再详细补充。表一：前端请求后...
2020-05-27
微信小程序实现图片压缩
本文实例为大家分享了微信小程序图片压缩的具体代码，供大家参考，具体内容如下设计思路：选择图片后调用微信压缩图片接口，压缩后接收压缩图片的临时地址，调用微信储存接口保存图片...
2020-05-27
JavaScript实现京东放大镜效果
本文实例为大家分享了JavaScript实现京东放大镜展示的具体代码，供大家参考，具体内容如下实现效果：1.鼠标放到图片上显示放大镜和详细图，鼠标离开时什么都不显示（效果消失）
2.鼠标...
2020-05-27
JavaScript的console命令使用实例
这篇文章主要介绍了javascript的console命令使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.分类输出console...
2020-05-27
angular inputNumber指令输入框只能输入数字的实现
1、建立一个独立模块用于作为公用指令的模块
1）生成模块ng g m directive2）进入指令模块目录cd directive3）生成一个只能输入数字的指令类ng g d numberinput4）指令模块directiv...
2020-05-27
JS实现压缩上传图片base64长度功能
这篇文章主要介绍了js实现压缩上传图片base64长度功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下im发送图片，现将图...
2020-05-27
Vue实现验证码功能
本文实例为大家分享了Vue实现验证码的具体代码，供大家参考，具体内容如下1.效果2.代码2.1 创建js组件内容（可直接粘贴过去，需要改宽度和高度，修改_init方法中的宽和高）function GVe...
2020-05-27
js实现时分秒倒计时
本文实例为大家分享了js实现时分秒倒计时的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时</ti...
2020-05-27
node静态服务器实现静态读取文件或文件夹
现在我们已经大致了解了node 的基本工作原理，现在来实现一个系统的功能 读取文件或者文件夹采坑记录中文输出乱码问题res.statusCode = 200res.setHeader('Content-Type', 't...
2020-05-27
vue中实现高德定位功能
一、获取key及在index.htm中引入首先需要成为高德开发者，申请到适合项目的key.并在index.html中进行引入<script type="text/javascript" src="https://webapi.amap.com/maps...
2020-05-27
JS实现的雪花飘落特效示例
本文实例讲述了JS实现的雪花飘落特效。分享给大家供大家参考，具体如下：首先我们要创建一个HTML文件，将其命名为index.html<!DOCTYPE html><html><head> <title> Canvas - 雪花...
2020-05-27
jQuery轮播图功能制作方法详解
本文实例讲述了jQuery轮播图功能制作方法。分享给大家供大家参考，具体如下：在写轮播图之前我们先看看这个轮播图完成后的样式是怎样的
素材图片 ：
代码HTML代码<!DOCTYPE htm...
2020-05-27
vue项目中极验验证的使用代码示例
使用vue、react的项目获取数据、上传数据、注册、登陆等都是通过接口来完成的，接口很容易被人恶意调用，最容易被人恶意调用的接口就是注册、登陆类的接口，为了防止接口被恶意调...
2020-05-27
在vue和element-ui的table中实现分页复选功能
背景
后台管理系统中，使用表格展示数据时，可能的需求是多项选择然后进行批量操作，也期望能翻页多选。实现 页面结构如下<el-table class="table" :data="tableData" border sty...
2020-05-27
element-ui 远程搜索组件el-select在项目中组件化的实现代码
在项目中发现使用el-select时写的比较多重复代码，还有就是同一个页面使用el-select会出现label值会显示value值，
el-select组件化：<template> <el-select :class="obj&&keywor...
2020-05-27
环形加载进度条封装（Vue插件版和原生js版）
本文实例为大家分享了环形加载进度条封装代码，供大家参考，具体内容如下1、效果预览2、用到的知识主要利用SVG的stroke-dasharray和stroke-dashoffset这两个属性。
在看下面文...
2020-05-27
Vue实现图片与文字混输效果
本文转自：https://juejin.im/post/5de26d39e51d455da17be1e3用多了 JQuery ，习惯了使用JQuery的API操作 DOM ，几乎忘记了原生JS对DOM操作，今天在项目中遇到了文字和图片混输的情...
2020-05-27
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
1. 绑定元素2. mounted生命周期3. 实现思路 页面挂载完后，监听全局点击事件 获取当前点击的元素，根据需求获取当前元素本身的属性 判断当前点击元素与要隐藏的元素是否相同...
2020-05-27
Vue实现base64编码图片间的切换功能
前言昨天在项目开发中遇到了一个需要展示多张图片到一个容器中的需求，每张图片在鼠标移入时都要更换图片路径，展示一个新的图片，由于每张图片大小都在2~6kb之间，webpack中配置了...
2020-05-27
JavaScript中如何对多维数组(矩阵)去重的实现
今天碰到了一个问题，需要对一个数组矩阵进行去重处理。
比如如下数组矩阵：[ [1, 2, 3], [2, 3, 4], [2, 1, 3], [5, 6, 7] ]接下来是去重处理的方法。1.适用于纯数字数组矩阵...
2020-05-27
jQuery实现全选、反选和不选功能的方法详解
本文实例讲述了jQuery实现全选、反选和不选功能的方法。分享给大家供大家参考，具体如下：适用于网页多选后需要进行批量操作的场景（如批量删除等）。如有问题希望大家可以指正。谢...
2020-05-27
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
字幕<div id="lBox" style="background-color: #D7E9F5;" :style="{'height': parentHeight + 'px', 'width': parentWidth + 'px'}"> <drag-resize v-for="(rect,...
2020-05-27
使用vue-cli4.0快速搭建一个项目的方法步骤
前言最近公司的项目终于到了空闲期，而闲不住的我终于把目标放到了项目的迁移上面因为公司的项目比较早的原因（虽然当时vue-cli也出来了一段时间，但是不敢轻易尝试啊！）所以使用的...
2020-05-27
