84浏览

0评论

vue 实现Web端的定位功能 获取经纬度

首先我这里的需求呢, 是获取当前用户的经纬度经过无数次的测试, 先后用了 腾讯/百度地图的api，最后绝对还是高德的js APi废话不多说, 直接上代码。 首先在 index.html 里面...

• 2020-05-27

72浏览

0评论

微信小程序如何连接Java后台

前端时间有人问我小程序怎么连接后台，这里直接贴代码
在app.js里// api request request(url, params) { return new Promise((resolve, reject) => { wx.request({ ur...

• 2020-05-27

141浏览

0评论

详解vue beforeRouteEnter 异步获取数据给实例问题

场景: vue-router 路由钩子 beforeRouteEnter 可以用来在初始进入页面前，http 异步获取数据 mockData ，预先判断是进入 A 页、还是 B 页，还是留在本页；而如果留在本页的话，还需要...

• 2020-05-27

68浏览

0评论

使用Vue CLI创建typescript项目的方法

使用最新的Vue CLI @vue/cli创建typescript项目，使用vue -V查看当前的vue cli版本安装命令npm install -g @vue-cli创建项目vue create my-vue-typescript上下键选择，空格键确...

• 2020-05-27

95浏览

0评论

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

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

• 2020-05-27

184浏览

0评论

vue中组件通信的八种方式（值得收藏！）

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

• 2020-05-27

102浏览

0评论

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

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

• 2020-05-27

82浏览

0评论

小程序Request的另类用法详解

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

• 2020-05-27

118浏览

0评论

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

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

• 2020-05-27

103浏览

0评论

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

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

• 2020-05-27

144浏览

0评论

一个手写的vue放大镜效果

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

• 2020-05-27

117浏览

0评论

vue+eslint+vscode配置教程

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

• 2020-05-27

89浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

84浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

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

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

• 2020-05-27

89浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

浅谈javascript错误处理

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

• 2020-05-27

73浏览

0评论

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

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

• 2020-05-27

398浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

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

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

• 2020-05-27

103浏览

0评论

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

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

• 2020-05-27

102浏览

0评论

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

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

• 2020-05-27

87浏览

0评论

微信小程序实现页面跳转传递参数（实体，对象）

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

• 2020-05-27

104浏览

0评论

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

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

• 2020-05-27

104浏览

0评论

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

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

• 2020-05-27

119浏览

0评论

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

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

• 2020-05-27

118浏览

0评论

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

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

• 2020-05-27

98浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

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...

• 2020-05-27

69浏览

0评论

ElementUI radio组件选中小改造

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

• 2020-05-27

111浏览

0评论

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

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

• 2020-05-27

65浏览

0评论

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

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

• 2020-05-27

135浏览

0评论

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

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

• 2020-05-27

112浏览

0评论

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

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

• 2020-05-27

120浏览

0评论

详解json串反转义（消除反斜杠）

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

• 2020-05-27

91浏览

0评论

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

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

• 2020-05-27

79浏览

0评论

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

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

• 2020-05-27

117浏览

0评论

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

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

• 2020-05-27

86浏览

0评论

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

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

• 2020-05-27

96浏览

0评论

vue中created和mounted的区别浅析

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

• 2020-05-27

107浏览

0评论

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

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

• 2020-05-27

86浏览

0评论

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

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

• 2020-05-27

109浏览

0评论

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

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

• 2020-05-27

103浏览

0评论

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

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

• 2020-05-27

120浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

vue源码nextTick使用及原理解析

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

• 2020-05-27

85浏览

0评论

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

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

• 2020-05-27

124浏览

0评论

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

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

• 2020-05-27

95浏览

0评论

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

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

• 2020-05-27