编程开发 - 教程之家

编程开发

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

47浏览

0评论

vue初尝试--项目结构(推荐)

新建一个项目之后，我们来看一下项目的目录结构几个主要文件的内容index.html文件（入口文件，系统进入之后先进入index.html）<!DOCTYPE html><html> <head><meta charset="utf-8">...

2020-05-27 08:17:52

56浏览

0评论

Vue组件中slot的用法

下面给大家介绍Vue组件中slot的用法主要是让组件的可扩展性更强。1. 使用匿名slot2. 给slot加个名字如果不在有slot的组件里加入任何标签，slot什么都不会显示的。总结以上所...

2020-05-27 08:17:51

53浏览

0评论

简单理解Vue中的nextTick方法

Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。
一、示...

2020-05-27 08:17:49

66浏览

0评论

微信小程序实现手势图案锁屏功能

本文实例为大家分享了微信小程序手势图案锁屏的具体代码，供大家参考，具体内容如下参考H5lock效果图WXML<view class="container"> <view class="reset" bindtap="resetPwd">...

2020-05-27 08:17:48

44浏览

0评论

vue项目中导入swiper插件的方法

版本选择
swiper是个常用的插件，现在已经迭代到了第四代：swiper4。
常用的版本是swiper3和swiper4，我选择的是swiper3。安装
安装swiper3的最新版本3.4.2:npm i swiper@3.4.2 -...

2020-05-27 08:17:46

67浏览

0评论

微信小程序switch组件使用详解

本文实例为大家分享了微信小程序switch组件的实现代码，供大家参考，具体内容如下效果图HTML<div class="switch-list"> <span class="fui-fr">红色switch组件</span> <input cl...

2020-05-27 08:17:45

43浏览

0评论

jQuery NProgress.js加载进度插件的简单使用方法

NProgress.js　　说明:　　　　NProgress是基于jquery的，且版本要 >1.8　　下载地址:　　　　https://github.com/rstacruz/nprogress　　API:　　　NProgress.start() — 启...

2020-05-27 08:17:44

61浏览

0评论

微信小程序App生命周期详解

微信小程序App生命周期：onLaunch—-当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
onShow —-当小程序启动，或从后台进入前台显示，会触发 onShow
onHide —-当小程序从前...

2020-05-27 08:17:43

46浏览

0评论

pace.js和NProgress.js两个加载进度插件的一点小总结

这两个插件都是关于加载进度动画的，应该说各有特点吧，最起码对我来说是各有优势的。今天一天就捣鼓了加载进度动画，也研究了大量的（也就这两个）加载进度动画，也算对加载进度动画有...

2020-05-27 08:17:42

56浏览

0评论

在vue项目中使用Nprogress.js进度条的方法

NProgress.js提供页面加载进度条效果，当页面打开加载时，在页面顶部会出现进度条加载动画。NProgress.js是轻量级的进度条组件，使用简便，可以很方便集成到单页面应用中。Ajaxyy应...

2020-05-27 08:17:41

62浏览

0评论

微信小程序页面生命周期详解

微信小程序页面生命周期介绍，具体如下页面生命周期函数onLoad—-监听页面加载
onReady—-监听页面初次渲染完成
onShow—-监听页面显示
onHide—-监听页面隐藏
onUnload—-监...

2020-05-27 08:17:40

51浏览

0评论

Vue服务器渲染Nuxt学习笔记

关于SSR的文章网上很多，一开始看得我云里雾里。然后去Vue.js 服务器渲染指南和nuxt官网看了看，发现文章大多都是搬运官网的内容，真正讲的清晰明了的很少。所以想写篇文章学习下...

2020-05-27 08:17:39

50浏览

0评论

Vue单页面应用保证F5强刷不清空数据的解决方案

问题描述：　　Vue单页面用按F5强刷，数据就恢复初始了，这怎么破？解决方案：store.subscribe((mutation, state) => { sessionStorage.setItem('mobileState', JSON.stringify(state...

2020-05-27 08:17:38

46浏览

0评论

详解Vue单元测试Karma+Mocha学习笔记

在使用vue-cli创建项目的时候，会提示要不要安装单元测试和e2e测试。既然官方推荐我们使用这两个测试框架，那么我们就动手去学习实践一下他们吧。
简介KarmaKarma是一个基于Nod...

2020-05-27 08:17:36

56浏览

0评论

微信小程序如何引入外部字体库iconfont的图标

如何引入外部字体库iconfont的图标，具体如下直接使用阿里巴巴的网络路径选择iconfont图标官网：阿里巴巴矢量字体库
步骤：阿里巴巴字体库使用方法
全局引入app.wxss@font-face...

2020-05-27 08:17:35

77浏览

0评论

详解Chai.js断言库API中文文档

Chai.js断言库API中文文档基于chai.js官方API文档翻译。仅列出BDD风格的expect/should API。TDD风格的Assert API由于不打算使用，暂时不放，后续可能会更新。BDDexpect和should...

2020-05-27 08:17:34

68浏览

0评论

微信小程序icon组件使用详解

微信小程序icon组件的实现，具体如下原生的icon组件的属性WXML<view class="icon-group"> <icon wx:for="{{typeList}}" type="{{item}}" size="40"></icon></view>JSPage({ d...

2020-05-27 08:17:33

48浏览

0评论

js保留两位小数方法总结

本文是小编针对js保留两位小数这个大家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析，以下是全部内容：一、我们首先从经典的“四舍五入”算法讲起1、四...

2020-05-27 08:17:32

55浏览

0评论

浅谈MUI框架中加载外部网页或服务器数据的方法

我们很多同学在实施使用MUI框架的时候,在打开新的页面的时候常使用的方式是:mui.openwindow的方法,然而遇到网页需要从服务器或者是要嵌套外部的网页的时候,由于网速的问题...

2020-05-27 08:17:31

59浏览

0评论

微信小程序模板（template）使用详解

本文为大家分享了微信小程序模板template的使用方法，供大家参考，具体内容如下效果图以MUI的实例首页和列表页面为实例
通过上图，可以看出两个页面的列表部分很相近，以每行作为...

2020-05-27 08:17:30

63浏览

0评论

基于$.ajax()方法从服务器获取json数据的几种方式总结

一．什么是jsonjson是一种取代xml的数据结构，和xml相比，它更小巧但描述能力却很强，网络传输数据使用流量更少，速度更快。json就是一串字符串，使用下面的符号标注。{键值对} ： json对...

2020-05-27 08:17:29

61浏览

0评论

微信小程序button组件使用详解

本文为大家分享了微信小程序button组件的使用方法，供大家参考，具体内容如下展示效果图button组件的常用属性 size：default、mini—-default为块级按钮、mini为小按钮 type：pri...

2020-05-27 08:17:28

80浏览

0评论

微信小程序progress组件使用详解

本文为大家分享了微信小程序progress组件的使用方法，供大家参考，具体内容如下效果图WXML<view class="tui-content"> <view class="tui-menu-list"> <text>show-info在进度条...

2020-05-27 08:17:26

34浏览

0评论

AngularJS 将再发布一个重要版本然后进入长期支持阶段

Angular 团队的早期开成员之一Pete Bacon Darwin 近日在 Angular 博客公布了一个消息，他说道：目前团队正在开发 AngularJS 1.7.0，而 1.7 的开发周期将一直持续到 2018 年 6...

2020-05-27 08:17:25

57浏览

0评论

vue项目实现记住密码到cookie功能示例(附源码)

本文介绍了vue项目实现记住密码到cookie功能示例，分享给大家，具体如下：登陆页面
实现功能：1.记住密码勾选，点登陆时，将账号和密码保存到cookie，下次登陆自动显示到表单内
2.不勾选，...

2020-05-27 08:17:24

61浏览

0评论

微信小程序slider组件使用详解

本文为大家分享了微信小程序slider组件的使用方法，供大家参考，具体内容如下效果图WXML<view class="tui-content"> <view class="tui-slider-head">设置step,当前设置步伐为5,...

2020-05-27 08:17:23

50浏览

0评论

详解Angular调试技巧之报错404(not found)

序言放假期间，学生忙着充电，学习“全栈开发”的不在少数，我时常收到读者的反馈，在调试《全栈开发之道》一书的实例时，遇到困惑。尽管会遇到各种各样的问题，但总体来讲，可以归结为...

2020-05-27 08:17:21

60浏览

0评论

微信小程序switch开关选择器使用详解

本文为大家分享了微信小程序switch开关选择器使用方法，供大家参考，具体内容如下
效果图WXML<view class="tui-list-box"> <view class="tui-menu-list"> <text>状态：{{isCheck...

2020-05-27 08:17:20

45浏览

0评论

JavaScript实现计算多边形质心的方法示例

本文实例讲述了JavaScript实现计算多边形质心的方法。分享给大家供大家参考，具体如下：最近要基于百度地图显示多边形的标注，所以就研究了下计算Polygon的质心，代码如下：function...

2020-05-27 08:17:19

66浏览

0评论

浅析Angular19 自定义表单控件

1 需求当开发者需要一个特定的表单控件时就需要自己开发一个和默认提供的表单控件用法相似的控件来作为表单控件；自定义的表单控件必须考虑模型和视图之间的数据怎么进行交互...

2020-05-27 08:17:18

49浏览

0评论

原生JS实现多个小球碰撞反弹效果示例

本文实例讲述了原生JS实现多个小球碰撞反弹效果。分享给大家供大家参考，具体如下：实现思路：小球的移动，是通过改变小球的left和top值来改变，坐标分别为(x,y)当x/y值加到最大，即加...

2020-05-27 08:17:16

39浏览

0评论

微信小程序checkbox组件使用详解

本文为大家分享了微信小程序checkbox组件的使用方法，供大家参考，具体内容如下效果图WXML<view class="tui-content"> <checkbox-group bindchange="checkboxChange"> <label c...

2020-05-27 08:17:15

55浏览

0评论

微信小程序radio组件使用详解

本文为大家分享了微信小程序radio组件的使用方法，供大家参考，具体内容如下效果图WXML<view class="tui-content"> <radio-group class="radio-group" bindchange="radioChange...

2020-05-27 08:17:13

46浏览

0评论

微信小程序实现全国机场索引列表

本文为大家分享了微信小程序实现MUI索引列表的具体代码，供大家参考，具体内容如下效果展示图实现的原理 ‘当前选择机场'和右侧的导航栏采用的是固定定位；左侧的展示窗口的滚...

2020-05-27 08:17:12

48浏览

0评论

微信小程序scroll-view组件实现滚动动画

本文实例为大家分享了scroll-view组件实现索引列表滚动动画效果，供大家参考，具体内容如下
效果图实现原理利用scroll-view的scroll-into-view属性进行定位；
利用scroll-view的s...

2020-05-27 08:17:11

61浏览

0评论

微信小程序图片轮播组件gallery slider使用方法详解

本文实例为大家分享了微信小程序图片轮播组件的具体代码，供大家参考，具体内容如下先上效果图：wxml<scroll-view scroll-y="true" style="height:200px" class="page-body" bind...

2020-05-27 08:17:10

115浏览

0评论

Vue中render函数的使用方法

render函数
vue通过 template 来创建你的 HTML。但是，在特殊情况下，这种写死的模式无法满足需求，必须需要js的编程能力。此时，需要用render来创建HTML。什么情况下适合使用rende...

2020-05-27 08:17:08

62浏览

0评论

微信小程序实现折叠面板

本文实例为大家分享了微信小程序MUI折叠面板的具体代码，供大家参考，具体内容如下实现原理通过控制详情部分的显示隐藏，来实现折叠效果，同时切换右侧向下箭头。效果图WXML<!--pag...

2020-05-27 08:17:07

275浏览

0评论

微信小程序实现MUI数字输入框效果

本文实例为大家分享了微信小程序实现MUI数字输入框的具体代码，供大家参考，具体内容如下效果图WXML<view class="tui-content"> <view class="tui-gallery-list">默认</view> <...

2020-05-27 08:17:06

62浏览

0评论

vue单页应用加百度统计代码（亲测有效）

申请百度统计后，会得到一段JS代码，需要插入到每个网页中去，在Vue.js项目首先想到的可能就是，把统计代码插入到index.html入口文件中，这样就全局插入，每个页面就都有了;这样做就涉...

2020-05-27 08:17:05

46浏览

0评论

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

本文为大家分享了微信小程序实现图片预览的具体代码，供大家参考，具体内容如下效果图原理使用wx.chooseImage选择本地图片；使用wx.previewImage预览图片。
WXML<view> <bu...

2020-05-27 08:17:04

59浏览

0评论

使用JS模拟锚点跳转的实例

A-HTML锚点定义：设置锚：<a href="#mao" rel="external nofollow" >&nsbp;</a>设置点：(为了浏览器兼容性，id和name一起设置)<a id="mao" name="mao">跳至第一个锚点</a>B：使用JS模...

2020-05-27 08:17:02

72浏览

0评论

jquery应用实例分享_实现手风琴特效

效果：实例如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{padding: 0px;margin: 0px;} li{ width: 80px;heigh...

2020-05-27 08:17:01

76浏览

0评论

微信小程序三级联动选择器使用方法

本文实例为大家分享了微信小程序三级联动选择器的具体代码，供大家参考，具体内容如下效果图实现原理利用微信小程序的picker组件，其中：
1，普通选择器：mode = selector实现一级选择...

2020-05-27 08:16:51

60浏览

0评论

Vue组件之自定义事件的功能图解

使用v-on绑定自定义事件（一）基于webpack的项目初始化在使用之前，我们先使用npm构建一个vue应用，使该项目能很好地和webpack模块打包器配合使用，命令如下进入自定义空文件夹vuepro...

2020-05-27 08:16:48

54浏览

0评论

原生JS实现的多个彩色小球跟随鼠标移动动画效果示例

本文实例讲述了原生JS实现的多个彩色小球跟随鼠标移动动画效果。分享给大家供大家参考，具体如下：实现方法：每个小球移动都有自己的坐标，小球移动的同时，需要进行坐标传递，将第一个...

2020-05-27 08:16:43

60浏览

0评论

NW.js 简介与使用方法

简介
NW.js （原名 node-webkit）是一个基于 Chromium 和 node.js 的应用运行时，通过它可以用 HTML 和 JavaScript 编写原生应用程序。它还允许您从 DOM 调用 Node.js 的模块，实...

2020-05-27 08:16:42

54浏览

0评论

微信小程序日期时间选择器使用方法

本文实例为大家分享了精确到秒的微信小程序日期时间选择器，供大家参考，具体内容如下效果图实现原理利用微信小程序的picker组件的多列选择器实现！WXML<view class="tui-picker-...

2020-05-27 08:16:41

52浏览

0评论

用node-webkit把web应用打包成桌面应用(windows环境)

node-webkit是一个Chromium和node.js上的结合体，通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用，而且还可以跨平台的哦。很显然比起传统的桌面应用，在...

2020-05-27 08:16:40

46浏览

0评论

JS 实现百度搜索功能

今天我们来用JS实现百度搜索功能，下面上代码：　　　　HTML部分：<!DOCTYPE html><html> <head> <meta charset="UTF-8">  <link rel="shortcut ic...

2020-05-27 08:16:38

首页 «1279 128012811282 1283 »尾页

热门文章