Vue全局loading及错误提示的思路与实现

前言近期项目马上上线,前两天产品提个需求,加个全局loading,我这半路出家的vue选手,有点懵逼,这玩意还是第一次,但是作为一个初级的前端切图仔,这个东西是必须会的,花了五分钟思考了...

vue中组件通信的八种方式(值得收藏!)

前言之前写了一篇关于vue面试总结的文章, 有不少网友提出组件之间通信方式还有很多, 这篇文章便是专门总结组件之间通信的vue是数据驱动视图更新的框架, 所以对于vue来说组...

一篇文章弄懂javascript中的执行栈与执行上下文

前言作为一个前端开发人员,弄清楚JavaScript的执行上下文有助于我们理解js中一些晦涩的概念,比如闭包,作用域,变量提升等等。
执行栈
执行栈用于存储代码执行期间创建的所有执行...

小程序Request的另类用法详解

前言小程序中唯一能发送网络请求接口数据的是wx.request接口,当然这个接口存在诸多的限制,例如:10个并发请求限制,https限制(当然在开发阶段是可以关闭此限制),除了wx.request还有...

微信小程序引入模块中wxml、wxss、js的方法示例

先描述下目录结构,见下图
UI页面见下图
其中ok按键是引入的log模块,log模块非page页indexButton是index页本身拥有的组件,index页直接导入Log模块中的组件,css,事件响应函数。显...

详解Vue-cli3.X使用px2rem遇到的问题

把项目脚手架升级为cli3.X了以后,模板简洁了很多,运行起来也更加快速。但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候,我们不能像以前老的脚...

一个手写的vue放大镜效果

组件使用less,请确保已安装loader本组件为放大镜组件,传参列表为:•width: 必传,设置放大镜的宽高(正方形),放大区域等同,放大倍数为2倍•picList:必传,传入图片列表使...

vue+eslint+vscode配置教程

package.json文件所需要的eslint包"scripts": { "lint": "eslint --ext .js,.vue src", },"devDependencies": { "babel-eslint": "^8.2.1", "eslint": "^4.15.0", "esl...

Vue实现点击显示不同图片的效果

本文实例为大家分享了Vue点击显示不同图片的具体代码,供大家参考,具体内容如使用Vue中的以下知识点来显示效果①:v-for:循环遍历数据
②:v-bind:class={ }:绑定样式
③:v-on:click(...

基于Express框架使用POST传递Form数据

本文实例为大家分享了基于Express框架使用POST传递Form数据的具体代码,供大家参考,具体内容如下客户端使用Form发送数据在客户端Html文件中Form代码如下:<!-- POST test --><fo...

NodeJs实现简易WEB上传下载服务器

项目上的需求是集群均可生成PDF文件或是访问PDF文件,但是没有文件服务器,故做一个简易的文件服务器。解决方案:集群内的机器(客户端)生成PDF文件之后将PDF文件推给文件服务器,我们...

node.js实现带进度条的多文件上传

用node.js实现多文件上传并携带进度条的demo,供大家参考,具体内容如下这个独立封装的需求来自一个朋友公司,他说需要写一个带进度条动画的批量上传文件的组件,结果他们后端跟他...

axios异步提交表单数据的几种方法

踩坑Axios提交form表单几种格式前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSecurity,使用postman测试后端的权限接口时发现都正常,但是使用vue+axio...

浅谈javascript错误处理

当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误:可能是语法错误,通常是程序员造成的编码错误或错别字;可能是拼写错误或语言中缺少的功能(可能由于浏览器差异);可能...

Angular8基础应用之表单及其验证

一、前提 必要性:特别必要 意义:很有意义二、正文
(一)、新建表单(模板表单)1、新建名称为formValidator的ng项目——命令行输入ng new formValidator;2、修改pakage.json文件—...

no-vnc和node.js实现web远程桌面的完整步骤

引言
项目需求,要求在浏览器端进行远程桌面的访问,如图所示:实现远程桌面,需要依赖VNC协议:VNC(Virtual Network Computing),为一种使用RFB协议的屏幕画面分享及远程操作软件。此软...

五分钟搞懂Vuex实用知识(小结)

这段时间一直在用vue写项目,vuex在项目中也会依葫芦画瓢使用,但是总有一种朦朦胧胧的感觉。于是决定彻底搞懂它。看了一下午的官方文档,以及资料,才发现vuex so easy!作为一个圈...

node命令行工具之实现项目工程自动初始化的标准流程

一、目的传统的前端项目初始流程一般是这样:可以看出,传统的初始化步骤,花费的时间并不少。而且,人工操作的情况下,总有改漏的情况出现。这个缺点有时很致命。
甚至有马大哈,没有...

微信小程序实现传递多个参数与事件处理

前言
开发过程中经常会遇到从一个页面携带数据到另一个页面的情况,所以需要知道以下信息,什么是事件?有哪些传递方式?如果传递数组呢?如果传递对象呢?一、事件
什么是事件 事件是...

微信小程序实现页面跳转传递参数(实体,对象)

首先我们有这么一种需求,就是我在一个列表中点击了某个item,跳转到详情界面,那么我就需要把item的实体数据从列表页面传递到详情页面,那么我们来看看微信小程序给我们提供的API:...

在vue-cli 3中给stylus、sass样式传入共享的全局变量

在vue-cli 3中, 给stylus、sass样式传入共享的全局变量在开发中有时,我们定义了大量的基础样式变量,例如:
大量的vue单文件组件会用到这些变量,每个组件都引人一次又太麻烦。全局...

解析原来浏览器原生支持JS Base64编码解码

上次给大家分享了如何用js实现剪切板粘贴上传图片,今天跟大家分享下JS Base64编码解码。1. 基础不牢,选型糟糕糟糕的技术选型往往源自自身技术广度不足。就在数月前,一个前端HT...

vue从一个页面跳转到另一个页面并携带参数的解决方法

1.需求:点击商场跳转到商业体列表解决方案:元页面:a标签中添加跳转函数<a class="orderBtn1 sIRicon2" href="javascript:void(0);" rel="external nofollow" @click="toMallIn...

react实现antd线上主题动态切换功能

demo框架选择: create-react-app + mobx + webpack5 + antdesign说明 由于最近公司有多个主题的共存性,所以需要实现线上主题切换的功能,所以本文主要描述的是基于create-reac...

微信小程序实现页面分享onShareAppMessage

效果
jslet app = getApp();Page({ data: { img: "/images/1.jpg" }, onLoad() { }, showShareMenu() { wx.showShareMenu(); console.log("显示了当前页面的转发按钮");...

Vue 3.0 前瞻Vue Function API新特性体验

最近 Vue 官方公布了 Vue 3.0 最重要的RFC:Function-based component API,并发布了兼容 Vue 2.0 版本的 plugin:vue-function-api,可用于提前体验 Vue 3.0 版本的 Function-base...

ElementUI radio组件选中小改造

ElementUI 是自己比较钟爱的一套 vue 组件库,自己好几个项目里都在用它。一直以来这些丰富的组件,让我能快速的搞定各种后台管理页面,极大地提高了工作效率。但是不管什么软件,...

微信小程序 腾讯地图SDK 获取当前地址实现解析

如何获取用户当前地址,这个就要先用到小程序的定位功能:定位官方文档
第一步获取当前定位
在js当中写运行项目之后会有个这样的弹窗:这是因为开发者需要说明获取用户地理位置...

微信小程序 弹窗输入组件的实现解析

写项目的时候发现小程序没有自带的弹窗输入的组件,只能自己写一个。
1.半透明的遮盖层
遮盖层的样式和显隐事件
wxml代码:
<view class="body"> <button bindtap='eject'>弹窗...

electron实现静默打印的示例代码

前言electron+vuecli3 实现设置打印机,静默打印小票功能网上相关的资料比较少,这里给大家分享一下,希望大家可以少踩一些坑
github地址必须要强调一下的是electron的版本必须是...

json 带斜杠时如何解析的实现

比如像这样的JSON:{"result": "{ \"RFM_12_var6\":\"17\", \"RFM_12_var50\":\"19\", \"RFM_12_var20\":\"5950.0\", \"rsk_score\":\"856\", \...

详解json串反转义(消除反斜杠)

JSon串在被串行化后保存在文件中,读取字符串时,是不能直接拿来用JSON.parse()解析为JSON 对象的。因为它是一个字符串,不是一个合法的JSON对象格式。例如下面的JSON串保存在文...

vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)

vue项目中使用AES实现密码加密解密区别ECB:是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文。CBC:是一种循环模式,前一个分组...

Vue中的transition封装组件的实现方法

vue版本信息:2.5.2问题起源于使用Vue做网站时涉及到的一个小部件显示动画,阅读了Vue的文档后结合网上各位的经验,花了点时间研究了下。最终的效果如上图所示,当鼠标移入灰色方块...

微信小程序使用npm包的方法步骤

一:npm初始化如果你的小程序项目没有安装过npm包的话,你需要先初始化npmnpm init二:安装npm包这里以vant-weapp(小程序UI组件库)为例:npm i vant-weapp -S --production三:npm包...

微信小程序实现点击空白隐藏的方法示例

怎样实现jq中的slideUp或者slideDown这种动画效果呢,我的思路是用css3的transform: translateY()属性,给需要动画的元素添加上一个动画class。
先上效果图:
1.蒙层的结构:<!-- 购...

vue中created和mounted的区别浅析

前言关于vue.js中的生命周期,如果不是有特别的需求,一般在项目开发过程中更多的使用created和mounted,
所以在本文中主要讲解created与mounted在开发中的主要使用区别。关于完...

vue实现下拉加载其实没那么复杂

前言之前缺乏移动端的经验。一直不知道上拉加载,下拉刷新是怎么实现的。现在正好有个产品有这样一个需求。想了一会没有思路。就去找插件。啥vue-infinite-scroll,vue-virtual...

node删除、复制文件或文件夹示例代码

注意:在win10,v10.16.1 环境运行无问题首先引入相关包(会在使用处具体说明):
const fs = require('fs')const path = require('path')const child_process = require('child_pr...

微信小程序封装分享与分销功能过程解析

前言在微信小程序中,可以很简单的分享一个页面,比微信H5简单多了,然而,分享出去的页面(也叫卡片),打开后只是一个单独的页面,没有底部导航栏,点击返回按钮的时候就直接退出小程序了。...

Vue中通过Vue.extend动态创建实例的方法

在Vue中,如果我们想要动态地来控制一个组件的显示和隐藏,比如通过点击按钮显示一个对话框或者弹出一条信息。我们通常会提前写好这个组件,然后通过v-if = “show”来控制它的显...

封装微信小程序http拦截器过程解析

前言微信小程序是数据驱动的应用,开发技术和vue、react和angular等mv*技术类似。在vue下可以用vue-resource、axios等模块进行http请求,但是在微信小程序上,http请求只支持wx.r...

vue源码nextTick使用及原理解析

1 nextTick的使用
vue中dom的更像并不是实时的,当数据改变后,vue会把渲染watcher添加到异步队列,异步执行,同步代码执行完成后再统一修改dom,我们看下面的代码。<template> <div...

微信小程序 调用远程接口 给全局数组赋值代码实例

关键是 let that = this因为在onLoad 的 wx.request方法里, this指的是 wx.request 的上下文, 所以应该是在 onLoad 的时候定义 let that = this调用远程服务,序列化后,把obj赋...

利用JavaScript的Map提升性能的方法详解

前言在ES6中引入JavaScript的新特性中,我们看到了Set和Map的介绍。与常规对象和Array不同的是,它们是“键控集合(keyed collections)”。这就是说它们的行为有稍许不同,并且在特...

websocket4.0+typescript 实现热更新的方法

最近搞了一个webpack4+typescript的开发环境,折腾了很久现在记录一下。。。。
本身环境比较好搞,但是热更新是个麻烦事儿
本环境是基于webpack-dev-server搭建的 output: { p...

解决vue中使用proxy配置不同端口和ip接口问题

问题描述:  使用vue-cli创建的项目,开发地址是localhost:8080,由于后台开发不同的模块,导致每个模块请求的ip和端口号不一致  例如:http://192.168.10.22:8081 或者 http://...

微信公众号平台接口开发 获取access_token过程解析

新建Asp.net MVC 4.0项目WeChatSubscript是项目UI层WeChatTools是封装操作访问公众号接口的一些方法类库获取AccssToken
我们要的得到AccessToken,这是所有接口访问的基础,我...

Vue路由模块化配置的完整步骤

前言企业运营后台页面很多,路由如若不区分模块化配置,所有路由挤在同一个文件将不好维护,所以路由的配置也要模块化分享两个解决方案 —— Vue 路由配置的模块化(Plan A and Pla...

浅谈JS中this在各个场景下的指向

为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!1. this 的奥秘很多时候, JS 中的 this 对于咱们的初学者很容易产生...

返回顶部
顶部