编程开发 - 教程之家

编程开发

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

63浏览

0评论

基于Vue+ElementUI的省市区地址选择通用组件

一、缘由在项目开发过程中，有一个需求是省市区地址选择的功能，一开始想的是直接使用静态地址资源库本地打包，但这种方式不方便维护，于是放弃。后来又想直接让后台返回全部地址数...

2020-05-27 02:09:53

55浏览

0评论

vue3.0中使用postcss-pxtorem的具体方法

postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。
前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了...

2020-05-27 02:09:52

87浏览

0评论

关于vue利用postcss-pxtorem进行移动端适配的问题

刚开始我按照网上的一些方式利用postcss-pxtorem方式去适配的时候怎么样都不成功，后来经过自己不断尝试之后终于成功了。稍微坐下总结：
1.个人建议在进行postcss-pxtorem适配...

2020-05-27 02:09:51

161浏览

0评论

Vue中rem与postcss-pxtorem的应用详解

rem 布局
rem是根元素(html)中的font-size值。
rem布局不多赘述，有很多详细说明rem布局原理的资料。
简单的说，通过JS获取设备宽度动态设定rem值，以实现在不同宽度的页面中使用...

2020-05-27 02:09:50

111浏览

0评论

vant IndexBar实现的城市列表的示例代码

在开发中有个需求是一个选择城市的列表，看了看做成三级联动好像不是特别方便还是做成一整页可以按导航选取的就可以了话不多说开始上码我用的是vant这个ui框架中的IndexBar...

2020-05-27 02:09:49

44浏览

0评论

javascript跳转与返回和刷新页面的实例代码

javascript中window.open()与window.location.href的区别 window.open(‘index.html') 表示新增一个窗口打开 index.html 这个页面，并不刷新 location.href(‘index.html')...

2020-05-27 02:09:48

52浏览

0评论

小程序实现投票进度条

本文实例为大家分享了小程序投票进度条的具体代码，供大家参考，具体内容如下示例图：上代码：index.wxml:<view class='clo_jdt'> <view style='width:{{width}}'></view> </view>...

2020-05-27 02:09:47

60浏览

0评论

微信小程序实现时间进度条功能

关于答题类，或者一些游戏环节的小程序需要用到时间进度条，该功能怎么实现？看下面源码<view class='out' style='margin-top:10px'> <view class='in' style='width:{{progressW...

2020-05-27 02:09:46

62浏览

0评论

vue实现element表格里表头信息提示功能(推荐)

如图：在element表格操作一栏需要添加提示功能实现效果如图：鼠标浮上去弹出tips 解决方案1、编写组件在 promptMessage.vue 文件里面实现<template><!-- 处理element表格表头...

2020-05-27 02:09:45

52浏览

0评论

微信小程序实现锚点功能

“锚点”功能在实际应用设计的好，可以提高用户体验。今天碰到一个类似下面功能：由于页面数据比较多，除了做些上拉加载，下拉刷新等优化。还可以进行进行分类，如上图。功能要求:点...

2020-05-27 02:09:44

67浏览

0评论

微信小程序实现上拉加载功能

本文实例为大家分享了微信小程序上拉加载的具体代码，供大家参考，具体内容如下demo.wxml 文件<view wx:for="{{listdata}}" wx:key="listdata" class='listitem'> <view class...

2020-05-27 02:09:43

80浏览

0评论

vue移动端模态框(可传参)的实现

1-封装模态框组件Mydialog (样式可以自己写)<template> <transition name="modal" tag="div"> <div class="modal" v-show="visible" transition="fade"> <div class="mo...

2020-05-27 02:09:42

135浏览

0评论

微信小程序实现音乐播放器

今天继续玩小程序的api，看着别人例子跟着做一个小程序，留下一个脚印吧。末尾附上github源码地址。实现以下微信小程序的音乐播放器，先看下效果图界面做的确实挺丑的，先上wxss文...

2020-05-27 02:09:41

50浏览

0评论

微信小程序音乐播放器开发

前言这篇文章上一版本是用audio组件开发的播放器，随后反应音频加载速度慢的问题又用小程序内置的背景音乐播放的方法写了一遍，逻辑是一样的逻辑，希望对大家有所帮助！ <view cla...

2020-05-27 02:09:40

59浏览

0评论

微信小程序实现星级评价

本文实例为大家分享了微信小程序星级评价的具体代码，供大家参考，具体内容如下效果图wxml<view class='assess-star'> <view class='star-wrap'> <view class='star-item' w...

2020-05-27 02:09:39

82浏览

0评论

Vue实现按钮级权限方案

演示在年初开发一个中后台管理系统，功能涉及到了各个部门（产品、客服、市场等等），在开始的版本中，我和后端配合使用了花裤衩手摸手系列的权限方案，前期非常nice，但是慢慢的随着功能...

2020-05-27 02:09:38

72浏览

0评论

稍微学一下Vue的数据响应式（Vue2及Vue3区别）

什么是数据响应式
从一开始使用 Vue 时，对于之前的 jq 开发而言，一个很大的区别就是基本不用手动操作 dom，data 中声明的数据状态改变后会自动重新渲染相关的 dom。
换句话说就...

2020-05-27 02:09:37

69浏览

0评论

JavaScript实现简单随机点名器

本文实例为大家分享了js随机点名器的具体代码，供大家参考，具体内容如下<html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

2020-05-27 02:09:36

62浏览

0评论

js实现课堂随机点名系统

本文实例为大家分享了js随机点名系统的具体代码，供大家参考，具体内容如下style样式<style> .cor { background-color: #6083cd; } #box { width: 500px; border: 2px solid...

2020-05-27 02:09:34

84浏览

0评论

Vue 中 filter 与 computed 的区别与用法解析

watch与computed、filter：watch:监控已有属性，一旦属性发生了改变就去自动调用对应的方法computed:监控已有的属性,一旦属性的依赖发生了改变，就去自动调用对应的方法filter:js...

2020-05-27 02:09:33

102浏览

0评论

webpack常用构建优化策略小结

简介
读了《深入浅出webpack》总结一下常用的webpack的构建优化策略，可通过以下手段来提升项目构建时的速度更精准的loader规则
将loader规则写清楚仅让需要处理的文件，进入lo...

2020-05-27 02:09:32

76浏览

0评论

浅谈Vue SSR中的Bundle的具有使用

前言写过Vue SSR的都知道，Vue通过提供server和client的webpack插件生成bundle josn，从而实现类似服务端的热更以及客户端资源的优化注入。那么这两个个bundle到底有什么神奇的...

2020-05-27 02:09:31

60浏览

0评论

vue element 中的table动态渲染实现（动态表头）

通过在vue中使用element的table表格，实现数据动态渲染，并且动态渲染表头。通过在父组件中引入子组件表格，然后向子组件传递表格数据和表头数据。
子组件table中template模板
<e...

2020-05-27 02:09:29

147浏览

0评论

Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)

最近做的一个项目是基于 vue + AntDesign 的。由于项目要求，需要在 Table 组件的行内点右键的时候弹出菜单。在线演示地址及最终效果图如下：在线演示地址>> 首先新建一个Table...

2020-05-27 02:09:28

67浏览

0评论

如何基于原生javaScript生成带图片的二维码

这篇文章主要介绍了如何基于原生javaScript生成带图片的二维码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下使用链接...

2020-05-27 02:09:27

71浏览

0评论

小程序api实现promise封装过程解析

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

2020-05-27 02:09:26

58浏览

0评论

通过原生vue添加滚动加载更多功能

这篇文章主要介绍了通过原生vue添加滚动加载更多功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下vue中添加滚动加载...

2020-05-27 02:09:26

543浏览

0评论

微信小程序动态设置图片大小的方法

我们都知道微信小程序的组件image是用来显示图片的，它有一下几个属性：
1、src 图片资源地址
2、mode 图片裁剪、缩放的模式
3、binderror 当错误发...

2020-05-27 02:09:25

175浏览

0评论

vue移动端使用appClound拉起支付宝支付的实现方法

1-首先在config.xml中进行配置 <feature name="aliPay"> <param name="urlScheme" value="AliPayA000000000" /> </feature>2-在自己的应用中添加支付宝支付的模块
3.使用支...

2020-05-27 02:09:24

66浏览

0评论

Node如何后台数据库使用增删改查功能

这篇文章主要介绍了Node如何后台数据库使用增删改查功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下无论node还是j...

2020-05-27 02:09:22

82浏览

0评论

Vue数据双向绑定底层实现原理

简介：Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。简单的说，就是数据变视图变。当你把一个普通...

2020-05-27 02:09:21

117浏览

0评论

小程序实现图片预览裁剪插件

最近在帮工作室做一个小程序，在换背景图的时候需要预览图片，并且需要裁剪成固定的尺寸。因为小程序并不支持原生的dom操作，导致很多现有的插件都无法使用，所以花了半天专门做了...

2020-05-27 02:09:20

182浏览

0评论

微信小程序商品详情页底部弹出框

电商项目中商品详情页，加入购物车或者下单时可以选择商品属性的弹出框，通过设置view的平移动画，达到从底部弹出的样式1.js代码(一般情况下只调用显示对话框的函数，当点击对话框...

2020-05-27 02:09:19

70浏览

0评论

Js代码中的span拼接问题解决

这篇文章主要介绍了Js代码中的span拼接问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下今天遇到一个小需求，用bo...

2020-05-27 02:09:18

99浏览

0评论

微信小程序实现Swiper轮播图效果

本文实例为大家分享了微信小程序轮播图的具体代码，供大家参考，具体内容如下1.逻辑层mine.js// pages/mine/mine.jsPage({ /** * 页面的初始数据 */ data: { /*轮播图配置*/...

2020-05-27 02:09:17

69浏览

0评论

超简单的微信小程序轮播图

Tips：微信小程序可以在HbuilderX用HTML标签（如Ddiv、span等）写前端代码，也可以用微信小程序语法写（view、swiper标签），然后npm run dev编译后，在微信开发者工具里面导入该项目，就可以...

2020-05-27 02:09:16

97浏览

0评论

Vue混入mixins滚动触底的方法

前言在app端常常看到类似加载数据的动画，接下来我们来实现滚动触底加载动画提示，以及如何复用这些逻辑。如何判断滚动触底来看下几张图：情况一：当文档高度还为超过可视区域高度...

2020-05-27 02:09:15

56浏览

0评论

JavaScript实现省市联动效果

本文实例为大家分享了JavaScript实现省市联动的具体代码，供大家参考，具体内容如下实现效果：1.当点击文字时选中对应的下拉菜单2.选择省，后面跟本省对应的市实现过程： 1.获得省的D...

2020-05-27 02:09:14

62浏览

0评论

解决vue自定义全局消息框组件问题

1.发现问题
在进行移动端适配的时候，为了在各个型号的设备上能够更好的提现结构排版，决定采用rem布局。采用rem布局的时候html的字体font-size是有一个标准的。我这边用的是75...

2020-05-27 02:09:13

117浏览

0评论

js实现录音上传功能

本文实例为大家分享了js代码实现录音上传，供大家参考，具体内容如下1.html页面
2.Recorder.js内容
3.flask写法
1.html页面<!DOCTYPE html><html lang="en"><head> <meta chars...

2020-05-27 02:09:12

131浏览

0评论

微信小程序开发摇一摇功能

微信小程序摇一摇方法定义： let shakeInfo = { openFlag: false,// 是否开启摇一摇，*****注意：如果是小程序全局监听摇一摇，这里默认为true shakeSpeed: 110,//设置阈值,越小越...

2020-05-27 02:09:11

468浏览

0评论

vue使用recorder.js实现录音功能

关于vue使用recorder.js录音功能，供大家参考，具体内容如下**1，引入外部js文件import { HZRecorder} from ‘…/…/utils/HZRecorder.js';js文件内容export function HZRecorde...

2020-05-27 02:09:10

87浏览

0评论

小程序实现录音上传功能

本文实例为大家分享了小程序录音上传的具体代码，供大家参考，具体内容如下首先我们可以先看一下微信小程序的API这里有关于小程序录音的一些基本配置index.wxml:<view class='p...

2020-05-27 02:09:09

84浏览

0评论

webpack优化之代码分割与公共代码提取详解

前言
开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务...

2020-05-27 02:09:06

121浏览

0评论

小程序采集录音并上传到后台

本文实例为大家分享了小程序录音上传的具体代码，供大家参考，具体内容如下demo.wxml<view> <button bindtap='startRecordMp3' type='primary'>录音开始（mp3）</button></view><vi...

2020-05-27 02:09:05

187浏览

0评论

小程序实现按下录音松开识别语音

本文实例为大家分享了小程序按下录音松开识别语音的具体代码，供大家参考，具体内容如下wxml <view class='circle position-absol'> <text wx:if="{{!anmationShow}}" class...

2020-05-27 02:09:04

91浏览

0评论

微信小程序实现录音功能

本文实例为大家分享了微信小程序录音功能的具体代码，供大家参考，具体内容如下release.wxml<scroll-view> <view wx:if="{{voices}}"...

2020-05-27 02:09:03

65浏览

0评论

jquery 插件重新绑定的处理方法分析

本文实例讲述了jquery 插件重新绑定的处理方法。分享给大家供大家参考，具体如下：比如有一个slide的jquery插件，页面打开就对dom进行了绑定。<div class="expert"> <div class=...

2020-05-27 02:09:02

76浏览

0评论

javascript 原型与原型链的理解及实例分析

本文实例讲述了javascript 原型与原型链的理解。分享给大家供大家参考，具体如下：javascript中一切皆对象，但是由于没有Class类的概念，所以就无法很好的表达对象与对象之间的关系...

2020-05-27 02:09:01

77浏览

0评论

node.js中事件触发器events的使用方法实例分析

本文实例讲述了node.js中事件触发器events的使用方法。分享给大家供大家参考，具体如下：node.js是基于事件驱动的，通过events，我们可以方便的创建事件，并通过触发事件来调用我们自...

2020-05-27 02:09:00

首页 «1493 149414951496 1497 »尾页

热门文章