编程开发 - 教程之家

165浏览

0评论

微信小程序bindtap事件与冒泡阻止详解

bindtap就是点击事件在.wxml文件绑定:<text id='textId' data-userxxx='100' bindtap='tapMessage'>cilck here</text>在一个组件的属性上添加bindtap并赋予一个值(一个函数...

2020-05-27 02:57:21

65浏览

0评论

17道题让你彻底理解JS中的类型转换

前言类型转换是将值从一种类型转换为另一种类型的过程（比如字符串转数字，对象转布尔值等）。任何类型不论是原始类型还是对象类型都可以进行类型转换，JavaScript 的原始类型有：num...

2020-05-27 02:57:20

89浏览

0评论

微信小程序嵌入腾讯视频源过程详解

首先我们有一个接口可以获取动态的vkeyhttps://vv.video.qq.com/getinfo?otype=json&appver=3.2.19.333&platform=11&defnpayver=1&vid=获取的数据格式是这样的QZOutput...

2020-05-27 02:57:19

68浏览

0评论

非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】

本文实例总结了非常实用的jQuery代码段。分享给大家供大家参考，具体如下：检测IE浏览器在进行CSS设计时，IE浏览器对开发者及设计师而言无疑是个麻烦。尽管IE6的黑暗时代已经过去...

2020-05-27 02:57:18

58浏览

0评论

从零撸一个pc端vue的ui组件库( 计数器组件 )

听到计数器这个名字很多人是不是一瞬间没有什么印象, 毕竟这个组件用的比较少,就是那种左边一个'-'右边一个'+', 控制某些数量的时候才会用到, 比如我之前做的商城小程序只...

2020-05-27 02:57:17

97浏览

0评论

Vue-cli3.X使用px2 rem遇到的问题及解决方法

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

2020-05-27 02:57:16

65浏览

0评论

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

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

2020-05-27 02:57:15

56浏览

0评论

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

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

2020-05-27 02:57:14

126浏览

0评论

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

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

2020-05-27 02:57:13

54浏览

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 02:57:12

77浏览

0评论

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

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

2020-05-27 02:57:11

155浏览

0评论

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

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

2020-05-27 02:57:09

84浏览

0评论

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

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

2020-05-27 02:57:08

60浏览

0评论

小程序Request的另类用法详解

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

2020-05-27 02:57:07

101浏览

0评论

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

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

2020-05-27 02:57:06

83浏览

0评论

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

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

2020-05-27 02:57:05

129浏览

0评论

一个手写的vue放大镜效果

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

2020-05-27 02:57:04

101浏览

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 02:57:03

75浏览

0评论

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

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

2020-05-27 02:57:01

70浏览

0评论

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

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

2020-05-27 02:57:01

66浏览

0评论

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

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

2020-05-27 02:57:00

84浏览

0评论

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

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

2020-05-27 02:56:59

74浏览

0评论

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

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

2020-05-27 02:56:58

63浏览

0评论

浅谈javascript错误处理

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

2020-05-27 02:56:56

51浏览

0评论

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

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

2020-05-27 02:56:56

363浏览

0评论

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

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

2020-05-27 02:56:53

76浏览

0评论

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

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

2020-05-27 02:56:52

77浏览

0评论

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

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

2020-05-27 02:56:51

78浏览

0评论

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

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

2020-05-27 02:56:50

64浏览

0评论

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

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

2020-05-27 02:56:49

86浏览

0评论

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

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

2020-05-27 02:56:48

78浏览

0评论

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

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

2020-05-27 02:56:47

102浏览

0评论

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

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

2020-05-27 02:56:45

94浏览

0评论

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

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

2020-05-27 02:56:44

78浏览

0评论

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

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

2020-05-27 02:56:43

50浏览

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 02:56:39

53浏览

0评论

ElementUI radio组件选中小改造

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

2020-05-27 02:56:38

88浏览

0评论

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

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

2020-05-27 02:56:36

53浏览

0评论

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

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

2020-05-27 02:56:35

110浏览

0评论

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

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

2020-05-27 02:56:34

92浏览

0评论

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

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

2020-05-27 02:56:33

99浏览

0评论

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

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

2020-05-27 02:56:32

76浏览

0评论

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

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

2020-05-27 02:56:32

59浏览

0评论

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

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

2020-05-27 02:56:30

97浏览

0评论

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

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

2020-05-27 02:56:29

71浏览

0评论

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

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

2020-05-27 02:56:27

81浏览

0评论

vue中created和mounted的区别浅析

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

2020-05-27 02:56:26

88浏览

0评论

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

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

2020-05-27 02:56:24

68浏览

0评论

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

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

2020-05-27 02:56:23

92浏览

0评论

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

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

2020-05-27 02:56:21

热门文章