编程开发 - 教程之家

编程开发

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

87浏览

0评论

Vue 框架之键盘事件、健值修饰符、双向数据绑定

一、键盘事件，当按键盘时，在控制台输出提示html 源码：
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>VueLearn-cnblogs/xpwi</title> <!--引入自...

2020-05-27 04:25:25

42浏览

0评论

js删除对象/数组中null、undefined、空对象及空数组方法示例

这两天在项目中遇到后台需要传的数据为不能有null,不能有空值，而这个数据又是一个庞大的对象，对组集合，所以写了个方法来解决这个问题。为了兼具所有的种类类型，封装了方法，代码...

2020-05-27 04:25:24

42浏览

0评论

Vue 框架之动态绑定 css 样式实例分析

今天的小实例是关于 Vue 框架动态绑定 css 样式，这也是非常常用的一个部分首先说一下动态绑定，相对的大家都知道静态绑定，静态绑定的话，直接加 class=“”就可以了，使用 Vue 呢...

2020-05-27 04:25:23

59浏览

0评论

微信小程序中的canvas 文字断行和省略号显示功能的处理方法

文字的多行处理在dom元素中很好办。但是canvas中没有提供方法，只有通过截取指定字符串来达到目的。那么下面就介绍我自己处理的办法：wxml：<canvas canvas-id='word' id='test'>...

2020-05-27 04:25:22

44浏览

0评论

你应该了解的JavaScript Array.map()五种用途小结

前言从经典的 for 循环到 forEach() 方法，用于迭代数据集合的各种技术和方法比比皆是。但是现在比较流行的方法是 .map() 方法。.map() 通过指定函数调用一个数组中每一项元...

2020-05-27 04:25:21

39浏览

0评论

JQuery模拟实现网页中自定义鼠标右键菜单功能

前言题外话.......最近在开发一个网站项目的时候,需要用到网页自定义右键菜单,在网上看了各路前辈大神的操作,头晕目眩,为了达到目的,突然灵机一动,于是便有了这篇文章.先放...

2020-05-27 04:25:19

67浏览

0评论

laydate时间日历插件使用方法详解

本文为大家分享了laydate时间日历插件的使用方法，供大家参考，具体内容如下1、前言在处理页面表单的时候，会遇到日期类型的数据，我们可以通过时间插件的让用户来选择具体的时间，这...

2020-05-27 04:25:18

73浏览

0评论

详解IOS微信上Vue单页面应用JSSDK签名失败解决方案

背景
手机型号：型号：iphone 7 / iphone xs max
版本：ios 10.3.1 / ios 12.1
微信版本：WeChat 6.7.3
问题还原：Vue应用(vue-router)上使用history模式，在某个页面内调用微信JSSDK相...

2020-05-27 04:25:17

57浏览

0评论

vue-cli3全面配置详解

本文介绍了vue-cli3全面配置详解，分享给大家，具体如下：
vue-cli3-config
创建项目
配置环境变量
通过在package.json里的scripts配置项中添加--mode xxx来选择不同环境在项目...

2020-05-27 04:25:16

63浏览

0评论

ES6 fetch函数与后台交互实现

最近在学习react-native,遇到调用后端接口的问题.看了看官方文档,推荐使用es6的fetch来与后端进行交互,在网上找了一些资料.在这里整理,方便以后查询.1.RN官方文档中,可使用...

2020-05-27 04:25:15

55浏览

0评论

element vue Array数组和Map对象的添加与删除操作

使用场景:一个后台系统中, 管理员要配置自定义字段后台要生成id和title,其他角色要使用自定义字段的表单, 添加数据, 但是每个要填写的对象的id 和title都是无法固定的,因此...

2020-05-27 04:25:14

48浏览

0评论

javascript中一些奇葩的日期换算方法总结

前言本文给大家总结了一些关于javascript奇葩的日期换算方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧日期换算1.获取今天的0时0分0秒（常用于开始日期的...

2020-05-27 04:25:13

50浏览

0评论

微信小程序中遇到的iOS兼容性问题小结

前言随着小程序的热度不减，更多的电商大佬来时使用小程序，在微信小程序开发中，经常会遇到一些兼容性的问题，下面这篇文章就记录下在微信小程序中遇到的一些兼容性问题，iOS兼容性...

2020-05-27 04:25:12

72浏览

0评论

微信小程序购物车、父子组件传值及calc的注意事项总结

前言在做微信小程序时，觉得小组里对购物车的实现不是很完美，就自己尝试的写了下，然后用到了父子组件传值，父子组件传值的话，和vue框架上是非常相似的，以及calc这个css函数，calc有个...

2020-05-27 04:25:11

67浏览

0评论

详解ES6 Fetch API HTTP请求实用指南

本次将介绍如何使用Fetch API（ES6 +）对REST API的 HTTP请求，还有一些示例提供给大家便于大家理解。
注意：所有示例均在带有箭头功能的 ES6中给出。
当前的Web /移动应用程序中的...

2020-05-27 04:25:10

44浏览

0评论

IE8中jQuery.load()加载页面不显示的原因

一、jQuery.load() jQuery.load(url,[data],[callback])通过Ajax异步请求加载服务器中的数据，并把数据放到指定元素中。
•url ：请求服务器的地址
•data ：可选项，请...

2020-05-27 04:25:09

55浏览

0评论

判断iOS、Android以及PC端的示例代码

前言我们在做移动端时，在跨平台、浏览器、移动设备兼容的时候,要根据设备、浏览器做特定调整，想起用navigator.userAgent来对浏览器类型进行判断，查了点资料，在这里总结下
还有...

2020-05-27 04:25:08

69浏览

0评论

微信小程序用户位置权限的获取方法（拒绝后提醒）

微信小程序获取用户当前位置有三个方式：1. wx.getLocation（多与wx.openLocation一起用）
　　获取当前的精度、纬度、速度。不需要授权。当type设置为gcj02 返回可用于wx.openLo...

2020-05-27 04:25:07

52浏览

0评论

详解vue数组遍历方法forEach和map的原理解析和实际应用

一、前言
forEach和map是数组的两个方法，作用都是遍历数组。在vue项目的处理数据中经常会用到，这里介绍一下两者的区别和具体用法示例。二、代码
1. 相同点都是数组的方法...

2020-05-27 04:25:05

47浏览

0评论

微信小程序页面缩放式侧滑效果的实现代码

先给大家展示下效果图，大家感觉不错，请参考实现代码：实现原理：点击按钮，往需要动画的div中添加或移除拥有动画效果的class。由于微信小程序中不能操作page这个根节点，所以，只有用一...

2020-05-27 04:25:04

44浏览

0评论

微信小程序swiper实现滑动放大缩小效果

效果图如下所示：具体代码如下所示：<swiper class="swiper-block" previous-margin="90rpx" next-margin="90rpx" current="0" bindchange="swiperChange"><block wx:for="{{im...

2020-05-27 04:25:03

42浏览

0评论

用图片替换checkbox原始样式并实现同样的功能

1.结构：<div class="box1">　　<input/>　　<div class="box2">　　　　<img />　　</div></div>2.css里：　　1）设置图片的div绝对定位，调整让它与原始input重合。　　2）设置inpu...

2020-05-27 04:25:02

45浏览

0评论

搭建基于express框架运行环境的方法步骤

一.Express简介Express提供了一个轻量级模块，把Node.js的http模块功能封装在一个简单易用的接口中。Express也扩展了http模块的功能，使你轻松处理服务器的路由、响应、cookie...

2020-05-27 04:25:01

56浏览

0评论

微信小程序自定义toast弹窗效果的实现代码

微信小程序里面的自带弹窗icon只有两种，success和loading。有时候用户输入错误的时候想加入一个提醒图标，也可以使用wx.showToast中的image来添加图片达到使用自定义图标的目...

2020-05-27 04:25:00

53浏览

0评论

vue地址栏直接输入路由无效问题的解决

vue 项目只要不是静态页面，一般都会和官方的路由管理器 vue-router 一起使用。最近项目有一个需求，是在地址栏输入路由，跳转到对应路由组件，在开发环境中这样做是可以跳转的，但是...

2020-05-27 04:24:59

51浏览

0评论

在webstorm开发微信小程序之使用阿里自定义字体图标的方法

1.下载阿里图标，解压出来之后有个.css文件　　　　然后复制这css里面的所有代码2.新建一个wxss文件，例如我新建的就是iconfont.wxss，然后把刚才复制的所有代码，复制到这个文件里...

2020-05-27 04:24:58

48浏览

0评论

vue 移动端适配方案详解

一、方法一：rem 布局
在主入口：index.html，<head> 标签内添加如下JS 代码：（实现在标准 375px宽度适配下，100px = 1rem。） <script> (function () { // 在标准 375px 适配下，100px...

2020-05-27 04:24:57

49浏览

0评论

Angular事件之不同组件间传递数据的方法

利用Angular Event在不同组件之间传递数据
为了实现在Angular不同Component之间相互传递数据，可以使用Event分发的思路来实现。
使用事件实现在不同组件之前传递数据的思路如...

2020-05-27 04:24:56

65浏览

0评论

一份超级详细的Vue-cli3.0使用教程【推荐】

主要内容：零配置启动/打包一个 .vue 文件详细的搭建过程重点推荐：使用图形化界面创建/管理/运行项目
安装：卸载旧版本：如果你事先已经全局安装了旧版本的 vue-cli (1.x...

2020-05-27 04:24:53

73浏览

0评论

Vue一个案例引发的递归组件的使用详解

今天我们继续使用 Vue 的撸我们的实战项目，只有在实战中我们才会领悟更多，光纸上谈兵然并卵，继上篇我们的《Vue一个案例引发的动态组件与全局事件绑定总结》之后，今天来聊一聊...

2020-05-27 04:24:52

54浏览

0评论

vue2中引用及使用 better-scroll的方法详解

使用时有三个要点：一：html部分<div class="example" ref="divScroll"> <div> <p>内容1</p> <p>内容2</p> <ul> <li>list1</li> <li>list2</li> <ul>...

2020-05-27 04:24:51

49浏览

0评论

layDate日期控件使用方法详解

本文实例为大家分享了layDate日期控件的使用方法，供大家参考，具体内容如下效果： 1.引入js文件<script src="__PUBLIC__/laydate/laydate.js"></script>2.初始化laydate控件//日...

2020-05-27 04:24:49

69浏览

0评论

vue中使用better-scroll实现滑动效果及注意事项

一、首先需要在项目中引入better-scroll1. 在package.json 直接写入 "better-scroll":"^1.11.1" 版本以github上为准（目前最新）2.cpnm install 在node_modules 可以查看版...

2020-05-27 04:24:47

52浏览

0评论

解决vue2 在mounted函数无法获取prop中的变量问题

如下所示；props: { example: { type: Object, default() { }, },},watch: { example: function(newVal,oldVal){　　 // newVal 为改变后的值 // 继续要处理的事件 },},...

2020-05-27 04:24:46

59浏览

0评论

layDate插件设置开始和结束时间

本文教大家使用了laydate插件设置开始和结束时间，供大家参考，具体内容如下
用的laydate插件是layDate-v5.0.6,是新版本的；效果是选择开始时间，选择结束时间的时候开始时间之前的...

2020-05-27 04:24:45

47浏览

0评论

laydate如何根据开始时间或者结束时间限制范围

本文教大家如何实现laydate根据开始时间或者结束时间限制范围，供大家参考，具体内容如下$(window).load(function(){//初始化时间控件 var cartimeDate = laydate.render({...

2020-05-27 04:24:44

64浏览

0评论

layui-laydate时间日历控件使用方法详解

本文实例为大家分享了laydate时间日历控件的使用方法，供大家参考，具体内容如下layui下载地址：http://www.layui.com/此控件可使用layui或者独立版的layDate，两者初始化有些不同...

2020-05-27 04:24:43

59浏览

0评论

微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件

在微信小程序中，有遇到要展示店铺评分，或者是订单完成后对商品进行评价，用到了星星展示，查了下，在微信中无法使用svg实现图片，微信中只能将svg图片转成base64来显示，所以是在vue中...

2020-05-27 04:24:42

40浏览

0评论

vue实现简单的星级评分组件源码

vue星级评分组件源码，具体代码如下所示：<template>  <div id="star"> <span v-for="classn in starArrs" :class="classn" class="st...

2020-05-27 04:24:40

59浏览

0评论

微信小程序自定义toast的实现代码

今天写微信小程序突然发现一个尴尬的问题，请求报错需要提示，就去小程序API里找，可悲的小程序的toast并不能满足我的需求，原生提供的方法调用如下wx.showToast({ title: '成功',...

2020-05-27 04:24:39

60浏览

0评论

Vue 全家桶实现移动端酷狗音乐功能

Vue 已经用了不少时间，最近抽空把以前的未完成的酷狗音乐做完了，过来分享下，也可以直接点这里预览，注意切换成手机模式。技术栈： vue-router、eventBus、vuex、vue-awesome-swipe...

2020-05-27 04:24:37

60浏览

0评论

JavaScript实现简单音乐播放器

该篇文章会教你通过JavaScript制作一个简单的音乐播放器。包括播放、暂停、上一曲和下一曲。阅读本文章你需要对HTML、CSS和Javascript有基本的了解。话不多说，先上图。这样...

2020-05-27 04:24:36

41浏览

0评论

js实现搜索栏效果

小编这边主要是介绍一个js中搜索栏的实现（没有提交数据那些），重点在于对焦点问题的理解。那么这边小编就是要实现这样的一个搜索框对焦点的理解：
通俗来讲当我们鼠标单击一个盒...

2020-05-27 04:24:34

43浏览

0评论

js实现简单模态框实例

模态框在网页中很常见就是在当前页面中弹出一个框供与客户交互。类似于这样。首先我们要明白该框工作原理至于怎样与后端进行交互联系这边先不做介绍我们首先是单纯的了解怎...

2020-05-27 04:24:33

50浏览

0评论

Javascript实现秒表倒计时功能

本文实例为大家分享了js实现秒表倒计时的具体代码，供大家参考，具体内容如下效果图：代码：<html><body><span id="clock" style="font-size: 3em">00:30:00:00</span><script type...

2020-05-27 04:24:32

51浏览

0评论

Javascript实现时间倒计时功能

本文实例为大家分享了js实现时间倒计时的具体代码，供大家参考，具体内容如下这里使用的是Date日期类<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>日...

2020-05-27 04:24:31

55浏览

0评论

javaScript实现游戏倒计时功能

本文实例为大家分享了js实现游戏倒计时的具体代码，供大家参考，具体内容如下
<html> <head> <meta charset="utf-8" /> <title></title> <style> button:hover { curso...

2020-05-27 04:24:30

34浏览

0评论

JS实现倒计时图文效果

本文实例为大家分享了JS实现倒计时图文效果的具体代码，供大家参考，具体内容如下
<body><img src="images/0.png" alt="" id="h1"><img src="images/0.png" alt="" id="h2"><im...

2020-05-27 04:24:29

64浏览

0评论

JavaScript实现新年倒计时效果

本文实例为大家分享了js实现新年倒计时展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=...

2020-05-27 04:24:28

43浏览

0评论

js实现导航跟随效果

本文实例为大家分享了js实现导航跟随效果展示的具体代码，供大家参考，具体内容如下
如何实现上面的效果，请看下面的步骤
第一步：用 css 调整样式，这里...

2020-05-27 04:24:26

首页 «1374 137513761377 1378 »尾页

热门文章