编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

122浏览

0评论

vue实现输入一位数字转汉字功能

2020-05-27 02:03:33

365浏览

0评论

微信小程序之左右布局的实现代码

本文以一个简单的小例子，简述在微信小程序开发中左右布局功能的实现方式，主要涉及scroll-view ，列表数据绑定，及简单样式等内容，仅供学习分享使用。概述在微信小程序开发中，左右分...

2020-05-27 02:03:32

592浏览

0评论

在微信小程序中使用mqtt服务的方法

因为需求的关系，需要在小程序中使用mqtt来进行tcp的长连接，实时监听设备的返回状态。js中连接mqtt服务器是通过websocket来实现的，我在网上找了2个库，一个是eclipse开发的paho-m...

2020-05-27 02:03:31

176浏览

0评论

如何在微信小程序中存setStorage

这篇文章主要介绍了如何在微信小程序中存setStorage,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在js中存入setStora...

2020-05-27 02:03:30

88浏览

0评论

Vue分页效果与购物车功能

分页组件
首先来创建项目：分页组件，做项目不要写动手写代码，要想想业务逻辑，怎么写，如何写才是最好的呈现方式，做项目不急，要先想好整体的框架，从底层一开始最想要的是什么做起。先...

2020-05-27 02:03:28

120浏览

0评论

微信小程序返回上一页传参并刷新过程解析

这篇文章主要介绍了微信小程序返回上一页传参并刷新过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下问题微信小...

2020-05-27 02:03:28

312浏览

0评论

JS实现移动端双指缩放和旋转方法

js实现移动端双指缩放和旋转，具体代码如下所示：var initHeading = 0; var rotation = 0; var lastTime; function setGesture(el){ var obj={}; var istouch=false;...

2020-05-27 02:03:27

243浏览

0评论

微信小程序swiper使用网络图片不显示问题解决

这篇文章主要介绍了微信小程序swiper使用网络图片不显示问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下wxml代...

2020-05-27 02:03:25

121浏览

0评论

微信小程序跨页面传递data数据方法解析

这篇文章主要介绍了微信小程序跨页面传递data数据方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Q：小程序怎么...

2020-05-27 02:03:24

75浏览

0评论

Vue+ElementUI table实现表格分页

Vue+ElementUI table表格分页，供大家参考，具体内容如下分页的两种方式。前端分页，后端分页。两种方式各有个的优缺点吧。前端分页：后台只需将数据返回，不需要做过多处理，前端一次...

2020-05-27 02:03:23

67浏览

0评论

vue+elementUI组件table实现前端分页功能

前端分页和后端分页就是请求的差异，前端分页的话只请求一次，所以要在render table组件的时候控制下数据:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSi...

2020-05-27 02:03:22

171浏览

0评论

Angular6项目打包优化的实现方法

可以从以下三个角度优化：输出包体组成分析文件 Rollup 摇树优化导出Webpack配置，通过修改webpack配置优化打包让我们来逐一分析。
输出包体组成分析文件
Webpack 有一个...

2020-05-27 02:03:21

75浏览

0评论

Vue在chrome44偶现点击子元素事件无法冒泡的解决方法

前言公司的一个项目大致是这样的：一个左侧列表，点击左侧列表的文章标题，右侧展开该文章对应的内容的。
现在的问题出现在极少部分客户有时左侧的标题，无法打开对应的右侧的内容，...

2020-05-27 02:03:20

118浏览

0评论

axios如何取消重复无用的请求详解

前言在开发中，经常会遇到接口重复请求导致的各种问题。对于重复的get请求，会导致页面更新多次，发生页面抖动的现象，影响用户体验。对于重复的post请求，会导致在服务端生成两次记...

2020-05-27 02:03:19

188浏览

0评论

原生Vue 实现右键菜单组件功能

Vue 原生实现右键菜单组件, 零依赖快速安装npm install vue-contextmenujs使用测试中使用的是 element-ui 图标import Contextmenu from "vue-contextmenujs"Vue.use(Conte...

2020-05-27 02:03:18

105浏览

0评论

js实现计时器秒表功能

本文实例为大家分享了js实现计时器秒表功能的具体代码，供大家参考，具体内容如下HTML<input type="text" id="timetext" value="00:00:00" readonly><button type="button" onc...

2020-05-27 02:03:16

314浏览

0评论

在vue中使用axios实现post方式获取二进制流下载文件(实例代码)

需求点击导出下载表格对应的excel文件在 vue 项目中,使用的 axios ,后台 java 提供的 post 接口 api实现第一步,在 axios 请求中加入参数,表示接收的数据为二进制文件流resp...

2020-05-27 02:03:15

106浏览

0评论

js实现秒表计时器

本文实例为大家分享了js实现秒表计时器的具体代码，供大家参考，具体内容如下秒表计时器的实现：效果图如下：附代码，已调试运行<!DOCTYPE html><html lang="en"><head> <meta charse...

2020-05-27 02:03:14

103浏览

0评论

js实现内置计时器

计时器对于图片轮播和倒计时之类的与时间相关的项目有着很大的联系，它是实现这些的核心语法，如何一次深刻理解js计时器？往下看你就知道，有惊喜哦！js计时器有两种，一种为延时后单次...

2020-05-27 02:03:13

85浏览

0评论

NUXT SSR初级入门笔记(小结)

nuxt 是基于 vue 开发的一个应用框架，最常用的就是拿来做 ssr。那么什么是 ssr 呢，这就要提及一个相对的概念：csr。CSR & SSRweb网页开发从之前的 jsp，php 转向现在的三大框架 a...

2020-05-27 02:03:12

65浏览

0评论

js实现数字滚动特效

本文实例为大家分享了js实现数字滚动展示的具体代码，供大家参考，具体内容如下效果图html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<...

2020-05-27 02:03:11

92浏览

0评论

js中的面向对象之对象常见创建方法详解

本文实例讲述了js中的面向对象之对象常见创建方法。分享给大家供大家参考，具体如下：创建对象的几种常用方式1.使用Object或对象字面量创建对象2.工厂模式创建对象3.构造函数模...

2020-05-27 02:03:10

87浏览

0评论

javascript自定义右键菜单插件

本文实例为大家分享了javascript自定义右键菜单插件的具体代码，供大家参考，具体内容如下1.使用方式js文件引入<script src="RightMenu.js"></script>初始化：let rightMenu = ne...

2020-05-27 02:03:09

87浏览

0评论

JavaScript 浏览器对象模型BOM原理与常见用法实例分析

本文实例讲述了JavaScript 浏览器对象模型BOM原理与常见用法。分享给大家供大家参考，具体如下：什么是BOMBOM：Browser Object Model，浏览器对象模型从上图也可以看出： window对象...

2020-05-27 02:03:08

95浏览

0评论

js中script的上下放置区别，Dom的增删改创建操作实例分析

本文实例讲述了js中script的上下放置区别，Dom的增删改创建操作。分享给大家供大家参考，具体如下：回顾javascript分为三部分：1、ECMAScript5.0 es6(阮一峰) es7 es8 es6中有类...

2020-05-27 02:03:07

46浏览

0评论

js DOM的事件常见操作实例详解

本文实例讲述了js DOM的事件常见操作。分享给大家供大家参考，具体如下：一、JavaScript的组成JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式...

2020-05-27 02:03:06

215浏览

0评论

ant-design-vue 实现表格内部字段验证功能

表格内 column 可输入的需求还是很常见的，尤其有一些业务场景就是表单内部有一个表格，然后表格的某些列是个进行输入的，就像下面这样下单数量内容不能为空下单数量必须输...

2020-05-27 02:03:03

499浏览

0评论

element-ui tooltip修改背景颜色和箭头颜色的实现

本文介绍了element-ui tooltip修改背景颜色和箭头颜色的实现，分享给大家，具体如下：
<el-tooltip class="item" effect="dark" content="分享" placement="left" popper-class="...

2020-05-27 02:03:02

99浏览

0评论

微信小程序缓存支持二次开发封装实现解析

这篇文章主要介绍了微信小程序缓存支持二次开发封装实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下简介微信小...

2020-05-27 02:03:01

126浏览

0评论

js实现打字小游戏

今日闲来无事，想试一试模拟打字游戏，下面是效果图，会记录判断打字，如果在外围添加setInterval函数，可以实现测试打字速度的功能。html<div class="wrapper"> <div id="text">A</...

2020-05-27 02:03:00

134浏览

0评论

JS实现打字游戏

本文实例为大家分享了JS实现打字游戏的具体代码，供大家参考，具体内容如下第一步：页面的排版和布局1.1实现开始游戏的界面1.1.1开始游戏1.1.2游戏说明 <di...

2020-05-27 02:02:59

145浏览

0评论

JS检索下拉列表框中被选项目的索引号(selectedIndex)

前言在开始本文主题之前，先来看一个 HTML demo，一个非常简单的选择列表(select)：<select> <option>one</option> <option>two</option> <option>three</option></select>请...

2020-05-27 02:02:59

207浏览

0评论

微信小程序 (地址选择1)--选取搜索地点并显示效果

效果：（直接复制代码，可查看效果）可以通过拖动地图，搜索地址，选择地址，并将地址值传给文本框进入以下界面点击确定后。代码如下：wxml: <view class="box2"> <view class="box2_left"...

2020-05-27 02:02:57

51浏览

0评论

TypeScript高级用法的知识点汇总

引言
作为一门强大的静态类型检查工具，如今在许多中大型应用程序以及流行的JS库中均能看到TypeScript的身影。JS作为一门弱类型语言，在我们写代码的过程中稍不留神便会修改掉...

2020-05-27 02:02:56

79浏览

0评论

微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能

实现的效果就是：1.点击全选选中所有商品，再点击全选，取消勾选
2.在选中的同时获取需要的商品id，获取后是以字符串拼接的形式拼成一个字符串
3.点击删除按钮时删除选中的商品点...

2020-05-27 02:02:55

70浏览

0评论

微信小程序获取复选框全选反选选中的值(实例代码)

wxml文件<view class="tr"> <view class="th"> <checkbox bindtap="selectall" />全选 </view> <view class="th">id</view> <view class="th">名称</view></view&g...

2020-05-27 02:02:54

67浏览

0评论

15分钟学会vue项目改造成SSR(小白教程)

15分钟学会vue项目改造成SSRPs：网上看了好多服务器渲染的例子，基本都是从0开始的，用Nuxt或者vue官网推荐的ssr方案（vue-server-renderer），但是我们在开发过程中基本上是已经有了现...

2020-05-27 02:02:53

50浏览

0评论

ant design实现圈选功能

Ant Design是一款十分出色的的UI设计组件，Ant Design电脑版界面美观大方，功能强劲实用，软件包含整套开发和设计资源和工具，丰富的React UI组件，能够为前端UI设计提供了新的解决...

2020-05-27 02:02:52

75浏览

0评论

微信小程序利用云函数获取手机号码

小程序获取手机号码方式一、取到加密数据，然后提交到服务器解密,二、获取到 cloudID，用云函数, 优点：直接获取原始数据，节省服务器资源1.xml<button class="gettel" open-type=...

2020-05-27 02:02:50

73浏览

0评论

微信小程序修改数组长度的问题的解决

微信小程序内数组重新修改长度，使用setData竟然存在问题：会出现不能及时更新数据的情况,尝试了一下使用data强制更新数据后，再数据需要赋值的地方再用setData进行数据处理即可，...

2020-05-27 02:02:49

57浏览

0评论

微信小程序实用代码段(收藏版)

前言排名不分先后，按自己的习惯来的。总结经验，不喜勿喷哦~一、tab切换<view class=" {{currentTab==0 ? 'select' : ''}}" data-current="0" bindtap="swichNav"> tab1</...

2020-05-27 02:02:48

362浏览

0评论

JS获取当前时间的年月日时分秒及时间的格式化的方法

1.获取当前时间var myDate = new Date();2.获取时间中的年月日时分秒myDate.getYear(); // 获取当前年份(2位)myDate.getFullYear(); // 获取完整的年份(4位,1970-?...

2020-05-27 02:02:47

89浏览

0评论

js实现多图和单图上传显示

项目中经常会大量的使用到图片上传，之前涉及到的时候经常会在网上下载一些素材直接拿过来使用，但是随着项目的增多发现用的是各式各样的，导致非常混乱。所以抽空写了一个DEMO来...

2020-05-27 02:02:46

103浏览

0评论

js实现上传图片并显示图片名称

本文实例为大家分享了js上传图片并显示图片名称的具体代码，供大家参考，具体内容如下今天整理了一下上传图，用jquery的还是方便点，小女子整理的是原生的js！！！<!DOCTYPE html><html><...

2020-05-27 02:02:45

287浏览

0评论

如何使用webpack打包一个库library的方法步骤

日常我们开发了一个库之后，如何打包之后提供给别人使用呢？如果你不清楚，就继续看吧！！！初始化库
mkdir librarycd librarynpm init -y经过以上步骤后会生成一个library文件夹，里面包...

2020-05-27 02:02:44

77浏览

0评论

H5实现手机拍照和选择上传功能

本文实例为大家分享了H5手机拍照和选择上传的具体代码，供大家参考，具体内容如下1. html/ js代码：<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont...

2020-05-27 02:02:43

180浏览

0评论

基于ts的动态接口数据配置的详解

需求前景
前端组件是可复用的，那么复用前端组件时从后端读取的数据源同样也需要可复用（后端api也要是配置化的方式进行），前端需要提供配置项给后端进行动态配置生成api。
具体实...

2020-05-27 02:02:42

80浏览

0评论

使用JS来动态操作css的几种方法

JavaScript 可以说是交互之王，它作为脚本语言加上许多 Web Api 进一步扩展了它的特性集，更加丰富界面交互的可操作性。这类 API 的例子包括WebGL API、Canvas API、DOM API，还...

2020-05-27 02:02:41

157浏览

0评论

vue不操作dom实现图片轮播的示例代码

本文介绍了vue不操作dom实现图片轮播的示例代码，分享给大家，具体如下：效果宽度为1190px且水平居中的轮播盒子；
中间是当前显示的默认尺寸图片；
左右两边是预显示的小尺寸图片；
轮...

2020-05-27 02:02:40

112浏览

0评论

js数据类型转换与流程控制操作实例分析

本文实例讲述了js数据类型转换与流程控制操作。分享给大家供大家参考，具体如下：数据类型转换：//number转换成str// var str=a+'';// console.log(str);// console.log(typeof s...

2020-05-27 02:02:30

首页 «1499 150015011502 1503 »尾页

热门文章