JavaScript - 教程之家

64浏览

0评论

学习使用Bootstrap栅格系统

Bootstrap之栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统。一. 移动设备优先所谓移动设备优先，重要的是屏幕，不是设备。移动设备优先就是说起初样式是在...

2020-05-27

67浏览

0评论

ionic实现底部分享功能

本文实例为大家分享了ionic底部分享功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

181浏览

0评论

vue2的todolist入门小项目的详细解析

看完vue2的官方文档后，找个入门项目巩固下知识点，简单的todolsit是个不错的选择。
项目用到了vue.js vue.cli webpack ES6 node环境，完成项目后会对这些技术栈有了些了解。准备...

2020-05-27

65浏览

0评论

ionic实现下拉刷新载入数据功能

本文实例为大家分享了ionic下拉刷新载入数据的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewpor...

2020-05-27

59浏览

0评论

JS简单生成随机数(随机密码)的方法

本文实例讲述了JS简单生成随机数(随机密码)的方法。分享给大家供大家参考，具体如下：1. Math.random()生成一个0~1的随机数 0<=Math.random()<1
2. Math.random()*100 则生成...

2020-05-27

73浏览

0评论

详解Vue中状态管理Vuex

vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。在vuex出现之前，vue里面的状态是属于‘单向数据流'。举个官网的例子:new Vue({ // state data...

2020-05-27

69浏览

0评论

JS实现的四级密码强度检测功能示例

本文实例讲述了JS实现的四级密码强度检测功能。分享给大家供大家参考，具体如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html...

2020-05-27

57浏览

0评论

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（一）

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（一）页面缓存的设置优化了页面加载，减少了频繁的调取接口，使用户在断网的情况下有更好的体验。每个微信小程序都可以有自...

2020-05-27

61浏览

0评论

JS使用插件cryptojs进行加密解密数据实例

本文实例讲述了JS使用插件cryptojs进行加密解密数据。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="Content-Type" c...

2020-05-27

50浏览

0评论

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（二）

微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（二）事件（wxml）>bindscrolltolower=”onscrollLower”
slice() 方法可从已有的数组中返回选定的元素。
请注意，该方法并不...

2020-05-27

61浏览

0评论

微信小程序中使用javascript 回调函数

微信小程序中使用javascript 回调函数回调函数原理：我现在出发，到了通知你”
这是一个异步的流程，“我出发”这个过程中（函数执行），“你”可以去做任何事，“到了”（函数执行完毕）“...

2020-05-27

60浏览

0评论

jQuery zTree树插件动态加载实例代码

需求：　　由于项目中家谱图数据量超大，而一般加载方式是通过，页面加载时 zTree.init方法进行数据加载，将所有数据一次性加载到页面中。而在项目中家谱级别又非常广而深，成千上万...

2020-05-27

129浏览

0评论

微信小程序 setData使用方法及常用错误解决办法

微信小程序 setData使用方法及常用错误解决办法最近在弄微信小程序，类似于共享单车用来练练手，基本原理就是小程序发送经纬度给服务器，服务器从数据库中检索经纬度附近的单车传...

2020-05-27

95浏览

0评论

微信小程序图片选择、上传到服务器、预览（PHP）实现实例

微信小程序图片选择、上传到服务器、预览（PHP）实现实例小程序实现选择图片、预览图片、上传到开发者服务器上后台使用的tp3.2 图片上传
请求时候的header参考时可以去掉(个人...

2020-05-27

55浏览

0评论

微信小程序刷新上拉下拉不会断详细介绍

微信小程序上拉下拉不会断详细介绍
最开始看到效果图，不错，第一想到的是用做的，添加浮动层，然后设置浮动层高度。其实不然，大牛是”enablePullDownRefresh”: “true”后，在页面...

2020-05-27

105浏览

0评论

bootstrap fileinput组件整合Springmvc上传图片到本地磁盘

整合前的准备步骤1.搭建好基础框架，本文用的是SSM(Spring+SpringMVC+Mybatis)，这里的过程就不在本文中讲了，之前我做个一个demo(ssm整合+用户模块)，可以参考这个搭建好。2.下载b...

2020-05-27

106浏览

0评论

微信小程序图片宽高自适应详解

微信小程序图片宽高自适应1.以前将小程序图片宽度设置为屏幕宽度：imageLoad: function () { this.setData({ imageWidth: wx.getSystemInfoSync().windowWidth }) }...

2020-05-27

55浏览

0评论

微信小程序 navbar实例详解

微信小程序 navbar实例详解实现效果图：data
typeList: [ { name: "日报", id: "1" }, { name: "周报", id: "2" }, { name: "月报", id: "3" }, { name: "目录", id:...

2020-05-27

62浏览

0评论

BootStrap 获得轮播中的索引和当前活动的焦点对象

今天用bootstrap做一个轮播，当轮播滚到每张图的时候，在页面下面就显示相对应的内容，那么问题来了：为了轮播图的可扩展性，我们肯定需要知道当前活动（显示图片）的索引号，查了bootstrap...

2020-05-27

67浏览

0评论

深入浅析AngularJS中的一次性数据绑定 (bindonce)

一、理解双向数据绑定和监听器为了实现双向数据绑定，AngularJS使用了$watch API来观察期作用域中的模型变化。具体的作用域取决于你的代码如何编写。如果你没有创建一个自作...

2020-05-27

124浏览

0评论

在JS中如何把毫秒转换成规定的日期时间格式实例

最近做的一个项目，从后台查询到日期数据传到前台JS中遍历之后显示的是以"14"开头的毫秒数，刚开始想用"simpleDateFormat"类处理，结果显示都不显示了。后来查了一下资料，感觉其实...

2020-05-27

78浏览

0评论

jQuery遮罩层实例讲解

本文实例为大家分享了jQuery遮罩层展示的具体代码，供大家参考，具体内容如下1.1 背景半透明遮罩层样式需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的cs...

2020-05-27

59浏览

0评论

微信小程序 action-sheet 反馈上拉菜单简单实例

微信小程序 action-sheet 反馈上拉菜单简单实例看下实现效果图：js
var items = ['item1', 'item2', 'item3', 'item4'] var pageObject = { data: { actionSheetHidden: t...

2020-05-27

64浏览

0评论

Vue通过input筛选数据

本文实例为大家分享了Vue通过input筛选数据的具体代码，供大家参考，具体内容如下<div id="app"> <input v-model='search' /> <ul> <li v-for="item in items"> <label>价...

2020-05-27

100浏览

0评论

详解微信小程序相对定位和绝对定位

详解微信小程序相对定位和绝对定位相对定位：元素是相对自身进行定位，参照物是自己。
绝对定位：元素是相对离它最近的一个已定位的父级元素进行定位
相对定位：
position...

2020-05-27

84浏览

0评论

vue2.0结合Element实现select动态控制input禁用实例

今天有一个盆友问小颖，怎么实现用select动态控制input禁用，也就是说，input默认是可编辑的，但是每当我选一次select，input就会变成禁用，虽然小颖不知道她为什么这样做，因为小颖觉得...

2020-05-27

75浏览

0评论

WebSocket实现简单客服聊天系统

一需求一个多商家的电商系统，比如京东商城，不同商家之间的客服是不同的，所面对的用户也是不同的。要实现这样一个电商系统的客服聊天系统，那该系统就必须是一个支持多客服、客...

2020-05-27

165浏览

0评论

微信小程序实现瀑布流布局与无限加载的方法详解

前言瀑布流布局是一种比较流行的页面布局方式，最典型的就是Pinterest.com，每个卡片的高度不都一样，形成一种参差不齐的美感。在HTML5中，我们可以找到很多基于jQuery之类实现的瀑...

2020-05-27

63浏览

0评论

详解Node.js项目APM监控之New Relic

现在上一个项目，如果没有APM监控服务或应用的运行性能参数，等于是一架没有盲降系统的飞机正在盲降，结果会很悲催。出现了访问失效等问题时，都很难判定是性能瓶颈还是一个藏的深...

2020-05-27

89浏览

0评论

Centos6.8下Node.js安装教程

思路：采用编译好的文件进行安装一使用 wget 下载到 Node.js 官网（https://nodejs.org/en/download/）选择要下载的编译版本（Source Code），复制链接cd /usr/local/src // 安装路径...

2020-05-27

72浏览

0评论

jQuery.ajax向后台传递数组问题的解决方法

今天重温了一个问题，jQuery.ajax向后台传递一个数组，而在后台接收不到该值。前台js方法部分代码如下：//创建一个测试数组var boxIds = new Array();boxIds.push(12182);boxIds....

2020-05-27

70浏览

0评论

jQuery手风琴的简单制作

首先我们先来做一个简单的jQuery的效果图，具体内容如下css代码如下：<style type="text/css" media="screen"> *{margin: 0;padding: 0;} ul,li{list-style:none} ul {...

2020-05-27

71浏览

0评论

require.js与bootstrap结合实现简单的页面登录和页面跳转功能

小颖的这个demo其实很简单的，大家一起来先来看看页面效果图：目录：代码：inde.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta ht...

2020-05-27

91浏览

0评论

js如何获取网页所有图片

需求在网页中单击某张图片，图片能放大显示，且能按顺序切换图片，同时，一些小图标和不符合要求的图片不能放大。
由于网页是在app中打开，图片的放大与切换由移动端实现，因此，需要用j...

2020-05-27

79浏览

0评论

JS匹配日期和时间的正则表达式示例

本文实例讲述了JS匹配日期和时间的正则表达式。分享给大家供大家参考，具体如下：//日期的正则表达式var reg = /^[1-9]\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/;va...

2020-05-27

91浏览

0评论

vue.js的安装方法

一、简介Vue.js 是什么Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只...

2020-05-27

68浏览

0评论

JS常用正则表达式总结【经典】

本文实例讲述了JS常用正则表达式。分享给大家供大家参考，具体如下：在项目中个人写的一个常用验证的正则表达式：（仅供参考）//定义两个全局变量var reg;var errorInfo;//输入的数字...

2020-05-27

66浏览

0评论

vue学习笔记之指令v-text && v-html && v-bind详解

一：指令的概念：指令是vue自定义的以v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能二：指令的语法：v-指令名 = “表达式判断或者是业务模型中属性名或者事件名...

2020-05-27

63浏览

0评论

详解React开发中使用require.ensure()按需加载ES6组件

首先介绍下动态加载函数：require.ensure([], (require)=>{ let A = require('./a.js').default;})如果想要动态加载出es6代码组件，直接require一个es6风格的组件是不行的，因为...

2020-05-27

59浏览

0评论

JS实现图片预加载之无序预加载功能代码

图片预加载之无序预加载的效果图如下所示，如果大家感觉不错，请参考实现代码。具体代码如下所示：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>P...

2020-05-27

69浏览

0评论

深入理解JavaScript继承的多种方式和优缺点

写在前面
本文讲解JavaScript各种继承方式和优缺点。注意：跟《JavaScript深入之创建对象》一样，更像是笔记。哎，再让我感叹一句：《JavaScript高级程序设计》写得真是太好了！1.原...

2020-05-27

92浏览

0评论

微信小程序支付功能实现PHP实例详解

微信小程序支付功能实现PHP实例详解前端代码： wx.request({ url: 'https://www.yourhost.com/weixin/WeiActivity/payJoinfee',//改成你自己的链接 header: { 'C...

2020-05-27

86浏览

0评论

关于bootstrap日期转化,bootstrap-editable的简单使用，bootstrap-fileinput的使用详解

数据库中为datetime类型，.net读取数据已Json格式发回给前台页面：例如：使用bootstrap表格插件Ⅹ formatter: function (value, row, index) { var date = new Date(p...

2020-05-27

72浏览

0评论

Flask中获取小程序Request数据的两种方法

Flask中获取小程序Request数据的两种方法作为后端屌对于前端确实讳莫如深，JS中的类型Object竟然不能直接通过POST传入到后台Flask中，您会发现获取的是[object Object]，这货在Fl...

2020-05-27

79浏览

0评论

微信小程序之数据双向绑定与数据操作

微信小程序之数据双向绑定与数据操作数据双向绑定是指js部分数据发生变化是html部分的数据也会发生变化，当然html部分数据发生变化js部分数据也会发生变化，从而使界面很方便...

2020-05-27

80浏览

0评论

js图片加载效果实例代码（延迟加载+瀑布流加载）

主要做了两种图片加载的效果
一种是遇到页面图片比较多的时候，带读条效果的加载提示（为了验证正确加载，设置了1秒钟的加载间隔时间）
另外一种是根据滑块的位置进行图片的预加载，...

2020-05-27

122浏览

0评论

vue.js中mint-ui框架的使用方法

本文为大家分享了vue.js中mint-ui框架的使用方法，具体内容如下1.安装vue2.0的mint-ui框架npm install mint-ui -save 2.引用和使用框架，我用的是全部组件，也可以按需选择加载相...

2020-05-27

64浏览

0评论

基于angular实现三级联动的生日插件

写了一个生日联动插件具体的效果是这样的：具体的数据我取得数据是今年的数据，如果是想要做三级联动的日期插件，改一下时间就好了var app=angular.module("dataPicker",[])app.f...

2020-05-27

112浏览

0评论

jQuery遍历节点方法汇总(推荐)

1.children()方法:$('div').children()---遍历查找div元素的所有子元素节点<p>Hello</p><div> <span>Hello Again</span> <p class="box">您好!</p></div><p>And Again</p...

2020-05-27

57浏览

0评论

jQuery中clone()函数实现表单中增加和减少输入项

之前一直没有深入了解到clone()函数的方法，所以对应表单中增加和减少输入项一直使用如：var copy_html=$(选择器).html(); alert(copy_html);问题在于得出的copy_html直接是HTM...

2020-05-27

热门文章