编程开发 - 教程之家

编程开发

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

60浏览

0评论

微信小程序实现留言板（Storage）

本文为大家分享了微信小程序实现留言板的具体实现方法，供大家参考，具体内容如下先说一下小程序的开发环境之类的基础东西1.到微信公众平台下载开发者工具。安装2.appID与没有a...

2020-05-27 04:29:49

66浏览

0评论

JavaScript 点击触发复制功能实例详解

摘要：js调用复制功能使用:document.execCommand("copy"， false); document.execCommand()方法功能很强大，了解更多请戳：https://developer.mozilla.org/zh-CN/docs/Web/API/Docu...

2020-05-27 04:29:48

67浏览

0评论

解决iview多表头动态更改列元素发生的错误的方法

解决iview 'You may have an infinite update loop in watcher with expression "columns"'解决方案单表头是可以动态变化不需要增添什么东西多表头目前iview尚不能动态变化...

2020-05-27 04:29:47

67浏览

0评论

vue实现与安卓、IOS交互的方法

方案背景 IOS用的是jsBridge插件实现调用、传参、回调的安卓是在window挂载方法和挂载回调的IOS实现方案
调用原生方法封装如下
function setupWebViewJavascriptBridge...

2020-05-27 04:29:46

98浏览

0评论

axios使用拦截器统一处理所有的http请求的方法

axios使用拦截器在请求或响应被 then 或 catch 处理前拦截它们。http request拦截器// 添加请求拦截器axios.interceptors.request.use(function (config) { // 在发送请...

2020-05-27 04:29:45

60浏览

0评论

Bootstrap的aria-label和aria-labelledby属性实例详解

aria-label正常情况下，form表单的input组件都有对应的label.当input组件获取到焦点时，屏幕阅读器会读出相应的label里的文本。<!DOCTYPE html><html><head> <meta charset =...

2020-05-27 04:29:44

274浏览

0评论

BootStrap中的模态框（modal，弹出层）功能示例代码

bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标...

2020-05-27 04:29:43

103浏览

0评论

vue单页面实现当前页面刷新或跳转时提示保存

前言
最近公司vue项目中有一个需求，需要在当前页面刷新或跳转时提示保存并可取消刷新，以防止填写的表单内容丢失。刚开始思考觉得很简单，直接在Router的钩子中判断就好了，但是会...

2020-05-27 04:29:42

54浏览

0评论

angular6 利用 ngContentOutlet 实现组件位置交换(重排)

ngContentOutlet指令介绍
ngContentOutlet指令与ngTemplateOutlet指令类似，都用于动态组件，不同的是，前者传入的是一个Component，后者传入的是一个TemplateRef。
首先看一下使用...

2020-05-27 04:29:40

72浏览

0评论

vue头部导航动态点击处理方法

1：DATA中两个变量，data: { nav:['头条1','头条2'], ins:0,//记录当前点击的INDEX },2： <div v-for="(item,index) in nav" :class="index == i...

2020-05-27 04:29:39

85浏览

0评论

JavaScript 复制对象与Object.assign方法无法实现深复制

在JavaScript这门语言中，数据类型分为两大类：基本数据类型和复杂数据类型。基本数据类型包括Number、Boolean、String、Null、String、Symbol（ES6 新增），而复杂数据类型包括Objec...

2020-05-27 04:29:38

54浏览

0评论

如何使用vuex实现兄弟组件通信

前言vuex主要是是做数据交互，父子组件传值可以很容易办到，但是兄弟组件间传值，需要先将值传给父组件，再传给子组件，异常麻烦。下面这篇文章就来给大家介绍下vuex兄弟组件通信的方...

2020-05-27 04:29:37

92浏览

0评论

详解使用element-ui table组件的筛选功能的一个小坑

使用element-ui table组件的筛选功能的一个小坑
使用自定义模板和筛选功能，一开始的代码 <el-table-column v-if="key==='isShow'" label="是否在发现页展示" :filters="[{t...

2020-05-27 04:29:36

91浏览

0评论

Vue请求JSON Server服务器数据的实现方法

由于这里是在之前这篇文章的基础上进行稍加修改完成的，因而其绝大部分代码与上面的是一样的，而其不同之处在于，其请求数据的数据源不是来源于json文件，而是来自于后台的数据。此...

2020-05-27 04:29:34

64浏览

0评论

element ui table 增加筛选的方法示例

网上大部分都可以增加筛选功能，但没有找到下列这种情况。
若表头数据较多，而表头是自己通过v-for循环产生，这种情况怎么给虚拟dom添加筛选规则。<el-table-column v-for="item...

2020-05-27 04:29:33

59浏览

0评论

React如何解决fetch跨域请求时session失效问题

前言fetch在reactjs中等同于 XMLHttpRequest，它提供了许多与XMLHttpRequest相同的功能，但被设计成更具可扩展性和高效性。Fetch 的核心在于对 HTTP 接口的抽象，包括 Request，Res...

2020-05-27 04:29:32

102浏览

0评论

微信小程序实现列表页的点赞和取消点赞功能

今天开发了一个文章的留言版块，于是想到要为某个留言点赞，点过赞的再次点击会取消点赞，代码如下：
/*更新点赞*/ update_zan:function(e){ var that = this; var data = e.c...

2020-05-27 04:29:31

71浏览

0评论

Vue中的vue-resource示例详解

vue-resource特点 vue-resource插件具有以下特点：1. 体积小 vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。2....

2020-05-27 04:29:30

71浏览

0评论

小程序实现列表点赞功能

最近在开发一个小程序，想添加一个点赞功能，那到底怎么实现呢？因为要和后台服务器同步数据，所以这个我想了好几天应该怎么实现点赞和取消点赞的逻辑，经过两天的实践调试，最终实现了...

2020-05-27 04:29:29

57浏览

0评论

vue如何根据网站路由判断页面主题色详解

前言本文主要介绍的是vue根据网站路由判断页面主题色的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧需求：不同品牌对应不同版本配色做法：根据域名带...

2020-05-27 04:29:28

95浏览

0评论

Vue利用History记录上一页面的数据方法实例

前言本文主要介绍的是Vue利用History记录上一页面数据的相关内容，vue使用history后,能够使得url更加漂亮,也就是不再有‘#'的问题，下面话不多说了，来一起看看详细的介绍吧UI
需...

2020-05-27 04:29:26

63浏览

0评论

微信小程序实现点赞、取消点赞功能

最近接触到小程序，发现很有意思，在项目中遇到了一点小问题，就是点赞+取消点赞有些冲突，还有就是多项的点击，话不多说咱们直接上代码！效果图wxml <block wx:for="{{msg}}"> <image...

2020-05-27 04:29:25

76浏览

0评论

使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置

前言本文主要给大家介绍的是关于使用Object.defineProperty巧妙找到修改某个变量的准确代码位置的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧语...

2020-05-27 04:29:23

89浏览

0评论

微信小程序实现星星评价效果

本文实例为大家分享了微信小程序实现星星评价效果的具体代码，供大家参考，具体内容如下代码实现wxml文件<view class='container'...

2020-05-27 04:29:22

90浏览

0评论

小程序实现五星点评效果

本文实例为大家分享了小程序实现五星点评效果展示的具体代码，供大家参考，具体内容如下先看一下效果图：如上图所示，这里我们要添加三个五星点评。我们这里之讲解一下，“描述相符”...

2020-05-27 04:29:21

67浏览

0评论

微信小程序实现笑脸评分功能

本文实例为大家分享了微信小程序实现笑脸评分的具体代码，供大家参考，具体内容如下image方式实现的笑脸评分功能由于我这里的图片使用的不是背景图，所以实现方法跟使用背景图的...

2020-05-27 04:29:20

78浏览

0评论

基于Vue-cli快速搭建项目的完整步骤

前言vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。下面话不多说了，来一起看...

2020-05-27 04:29:18

73浏览

0评论

微信小程序使用template标签实现五星评分功能

前言微信小程序特点“无须安装，无须卸载，触手可及，用完即走”，适合轻量级应用快速开发。小程序模版思想是它开发的核心思想，可以帮助开发者减少很多重复代码，我们来看看怎么在小程...

2020-05-27 04:29:17

93浏览

0评论

微信小程序实现顶部下拉菜单栏

本文实例为大家分享了微信小程序实现下拉菜单栏的具体代码，供大家参考，具体内容如下js代码var cityData = require('../../utils/city.js');Page({ data: { //选择的终点城市...

2020-05-27 04:29:16

47浏览

0评论

浅谈React碰到v-if

最近在重构公司老项目，由于本人以前的技术栈是vue, 换工作后发现现在公司的技术栈是react, 所以重构的过程是及其痛苦。加之项目又是几年前的老项目，不敢大改，比葫芦画瓢比比皆...

2020-05-27 04:29:15

59浏览

0评论

vue-router判断页面未登录自动跳转到登录页的方法示例

1.定义路由的时候配置meta属性,requireAuth用来标记跳转的这个路由是否需要检测登录下面的两个页面，登录页不需要检测，首页需要检测
const routers = [{ path: '/', compo...

2020-05-27 04:29:14

71浏览

0评论

微信小程序CSS3动画下拉菜单效果

微信小程序没有自带的下拉菜单组件，因此我们需要自己需要写一个思路利用列表来存储菜单项，在外面套一个view元素作为外框，将其设置为overflow：hidden，使用CSS3动画逐渐改变外层vi...

2020-05-27 04:29:13

60浏览

0评论

微信小程序实现下拉菜单切换效果

本文实例为大家分享了微信小程序实现下拉菜单切换展示的具体代码，供大家参考，具体内容如下效果图：wxml： <view id="swiper-tab"> <view class="swiper-tab"> <...

2020-05-27 04:29:12

112浏览

0评论

微信小程序使用swiper组件实现层叠轮播图

本文实例为大家分享了微信小程序实现层叠轮播图的具体代码，供大家参考，具体内容如下wxml:<view class="banner-swiper"> <swiper indicator-dots="{{indicatorDots}}" autopla...

2020-05-27 04:29:11

54浏览

0评论

微信小程序实现带缩略图轮播效果

本文实例为大家分享了微信小程序实现实现轮播效果展示的具体代码，供大家参考，具体内容如下
wxml:
<view id="content">  <view class="recommend"> <view class...

2020-05-27 04:29:09

97浏览

0评论

微信小程序自定义轮播图

本文实例为大家分享了微信小程序自定义轮播图展示的具体代码，供大家参考，具体内容如下默认的swiper面板指示点都是小圆点黑灰的，但这满足不了广大小伙伴需求，比如其他颜色的，椭圆...

2020-05-27 04:29:09

64浏览

0评论

微信小程序实现无限滚动列表

本文实例为大家分享了微信小程序实现无限滚动列表的具体代码，供大家参考，具体内容如下
效果图1.0实现方式是利用小程序原声组件swiper，方向设置为纵向：vertical=‘true'设置同...

2020-05-27 04:29:07

68浏览

0评论

微信小程序实现多选功能

本文为大家分享了微信小程序实现多选功能的具体代码，供大家参考，具体内容如下代码：
<view class='answer-l...

2020-05-27 04:29:06

43浏览

0评论

详解如何使用koa实现socket.io官网的例子

socket.io官网中使用express实现了一个最简单的IM即时聊天，今天我们使用koa来实现一下### 框架准备1.确保你本地已经安装好了nodejs和npm，使用koa要求node版本>7.62.在你需要...

2020-05-27 04:29:05

77浏览

0评论

微信小程序实现预览图片功能

本文实例为大家分享了微信小程序实现预览图片的具体代码，供大家参考，具体内容如下
先看下效果图：这种效果在一些商城类的小程序里是很常见的一种功能，实现起来也很简单下面我们...

2020-05-27 04:29:04

82浏览

0评论

微信小程序实现弹出层效果

本文实例为大家分享了微信小程序实现弹出层效果的具体代码，供大家参考，具体内容如下先看下效果图吧其实这个效果实现起来很简单，就是通过三目运算符来控制遮罩层的显示和隐藏...

2020-05-27 04:29:03

61浏览

0评论

微信小程序如何获取手机验证码

一种比较常见的功能获取手机验证码，供大家参考，具体内容如下先看效果图：其实这个功能实现起来很简单，主要就是调取第三方接口，拿到返回值验证的问题直接上代码吧：<view class='cha...

2020-05-27 04:29:01

79浏览

0评论

原生js实现淘宝放大镜效果

大家经常逛淘宝、天猫、京东这类网站的时候往往会看到一些图片展示的效果，例如：把鼠标放在图片上右侧会出现一个放大的预览区域，这就是所谓放大镜效果。今天闲着没事干，就打算复...

2020-05-27 04:29:01

69浏览

0评论

微信小程序实现登录注册tab切换效果

利用三元运算符实现登录注册效果切换，供大家参考，具体内容如下直接上代码wxml:<view class='top'> <text class="{{login?'active':''}}" catchtap='login'>登录</text> <...

2020-05-27 04:28:59

60浏览

0评论

Vuex的基本概念、项目搭建以及入坑点

前言：Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化.Vuex的四大核心1.s...

2020-05-27 04:28:58

62浏览

0评论

小程序实现单选多选功能

小程序的单选组件radio和多选组件checkbox的样式只提供更改颜色，这对实际项目中的需求显然是不够的，所以自己模拟实现一个。踩坑点：小程序不支持操作dom1、模拟实现多选框：实现...

2020-05-27 04:28:57

54浏览

0评论

小程序实现选择题选择效果

本文实例为大家分享了小程序实现选择题的显示方法，供大家参考，具体内容如下下面是三张效果图：初始图，选项正确图，选项错误图。wxml代码：<view class='selection'> <view class='{{...

2020-05-27 04:28:56

77浏览

0评论

浅谈vux之x-input使用以及源码解读

前言近期项目中使用的vux中的input，以及使用自定义校验规则和动态匹配错误提示，有时间记录下自己的使用经历和源码分析。希望大家多多指正，留言区发表自己宝贵的建议。详解列...

2020-05-27 04:28:55

79浏览

0评论

详解webpack+ES6+Sass搭建多页面应用

webpack同之前的gulp相比，gulp属于非模块化打包工具，webpack属于模块化打包工具，两者的优劣这里不做过多分析（可自行百度）。目的：是为了分享一下使用过程中，用到的插件、loader、遇...

2020-05-27 04:28:54

49浏览

0评论

微信小程序tabbar底部导航

微信小程序重写tabbar底部导航，供大家参考，具体内容如下1.app.js代码如下： editTabBar: function() { var e = this.globalData.tabbar, a = getCurrentPages(), t = a[a.le...

2020-05-27 04:28:53

首页 «1370 137113721373 1374 »尾页

热门文章