JavaScript - 教程之家

40浏览

0评论

Vue.js仿Metronic高级表格（二）数据渲染

上篇使用Vue.js制作仿Metronic高级表格（一）静态设计介绍了需求、原型设计以及静态页面实现，这篇讲解如何使用Vue渲染数据，实现动态展示。
表格数据
先定义一个数组来保存所有数...

2020-05-27

206浏览

0评论

纯JS实现图片验证码功能并兼容IE6-8(推荐)

最近要搞一个图片验证码功能，但是又不想自己写后台代码。于是自己准备搞一个纯前端的验证码功能，于是网上搜索了一下，找到一个插件gVerify.js，简单好用，实现完美。不过后面接到说...

2020-05-27

77浏览

0评论

详解vue表单验证组件 v-verify-plugin

verifygithub:https://github.com/liuyinglong/verify
npm:https://www.npmjs.com/package/vue-verify-plugininstallnpm install vue-verify-pluginusehtml
<div> <div>...

2020-05-27

73浏览

0评论

Angular2自定义分页组件

在项目中，前端传给后台的参数有：pageSize：每页的条数 pageNo：当前页码比如当前是第1页，每页20条，则后台返回第1页的20条记录（sql应该是用limit去获取分页数据）同时，后台接口还会返回...

2020-05-27

46浏览

0评论

angular-cli修改端口号【angular2】

找到node_modules/angular-cli/lib/config/schema.json default值就是默认的端口"serve": { "description": "Properties to be passed to the serve command", "type": "ob...

2020-05-27

63浏览

0评论

bootstrap日期控件问题（双日期、清空等问题解决）

bootstrap以它优美的外观和丰富的组件，使它成为目前最流行的前端框架。在项目开发中，我们使用它的日期控件确实遇到了一些问题：　　　　1.日期控件后面两个图标点击触发失效　...

2020-05-27

46浏览

0评论

Vuejs入门教程之Vue生命周期，数据，手动挂载，指令，过滤器

原教程：http://cn.vuejs.org/guide/instance.htmlhttp://cn.vuejs.org/guide/syntax.html本博文是在原教程的基础上加上实例，并尝试说明的更详细。（十）Vue实例的生命周期如图：（我...

2020-05-27

57浏览

0评论

微信小程序页面传值实例分析

微信小程序页面传值实例分析最近组里开发小程序，遇到了一个前端亘古不变的话题：页面传值
刚开始使用路径传参解决，但是众所周知：各浏览器HTTP Get请求URL最大长度并不相同，几类常...

2020-05-27

130浏览

0评论

JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】

本文实例讲述了JS条形码插件JsBarcode用法。分享给大家供大家参考，具体如下：这里介绍一下在GitHub生成条形码的js插件→JsBarcode条码支持的有:CODE128
CODE128 (自动模式切...

2020-05-27

52浏览

0评论

vue2.0父子组件间通信的实现方法

1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现
父组件：
<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>da...

2020-05-27

70浏览

0评论

JS实现AES加密并与PHP互通的方法分析

本文实例讲述了JS实现AES加密并与PHP互通的方法。分享给大家供大家参考，具体如下：有关数据加密解密问题，有很多钟加密方式；这里我讲述下js和php实现AES互通js加密：首先引入这几个...

2020-05-27

60浏览

0评论

微信小程序教程系列之视图层的条件渲染（10）

本教程为大家分享了使用wx:if进行视图层的条件渲染，供大家参考，具体内容如下
使用wx:if进行视图层的条件渲染
示例：wxml：使用view<button bindtap="EventHandl...

2020-05-27

53浏览

0评论

微信小程序开发入门基础教程

微信小程序开发入门基础教程本文档将带你一步步创建完成一个微信小程序，并可以在手机上体验该小程序的实际效果。开发准备工作获取微信小程序的 AppID登录 https://mp.weixin...

2020-05-27

63浏览

0评论

微信小程序登录的简单实现

微信小程序实现登录最近一段时间，微信小程序在张小龙的8小时演讲下瞬间火了起来，但是呢没火多久，就迅速沉静下去了，我也是不知道张小龙什么想法，但是我想法挺多的，好了，废话说多了...

2020-05-27

58浏览

0评论

JS正则验证多个邮箱完整实例【邮箱用分号隔开】

本文实例讲述了JS正则验证多个邮箱的方法。分享给大家供大家参考，具体如下：<html><head><meta charset="utf-8"><title>JS正则验证多个邮箱</title></head><body><SCRIPT LANG...

2020-05-27

36浏览

0评论

jQuery ajax请求struts action实现异步刷新

这个样例是用JQuery ajax和struts来做的一个小样例，在这个样例中采用两种方式将java Util中的list转换成支json的格式，第一种是用json-lib.jar这个jar包来转换，第二种是采用goo...

2020-05-27

58浏览

0评论

详解Node.js中exports和module.exports的区别

今天看了下node.js的require方法的源码，终于搞清楚exports和module.exports的区别了。我们知道，node.js的模块暴露有两种方法。1. 方式一：用exports
//a.js exports.log =funct...

2020-05-27

53浏览

0评论

微信小程序 slider的简单实例

微信小程序 slider的简单实例实现效果图：微信小程序slider应用，可加减的slider控制
<view class="control-w "> <block wx:for="{{controls}}" wx:key="id" wx:for-item="v">...

2020-05-27

52浏览

0评论

微信小程序滚动到某个位置添加class效果实现代码

微信小程序滚动到某个位置添加class效果
<scroll-view scroll-y="true" style="height:100vh;" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll"...

2020-05-27

46浏览

0评论

Vuex简单入门

1.Vuex是什么？
学院派：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式；集中存储和管理应用的所有组件状态。
理解：以上这4个词是我们理解的关键。状态：什么是状态，我们可以通...

2020-05-27

79浏览

0评论

微信小程序判断手机号的实现代码

微信小程序判断是否是手机号JS实现代码： validatemobile: function (mobile) { if (mobile.length == 0) { wx.showToast({ title: '请输入手机号！', icon...

2020-05-27

72浏览

0评论

Vuex之理解Store的用法

1.什么是Store？
上一篇文章说了，Vuex就是提供一个仓库，Store仓库里面放了很多对象。其中state就是数据源存放地，对应于与一般Vue对象里面的data（后面讲到的actions和mutations对...

2020-05-27

57浏览

0评论

微信小程序聊天室简单实现

微信小程序聊天室简单实现utils文件夹下websoctet.js文件var url = 'ws://地址端口';function connect(user, func) { wx.connectSocket({ url: url, header: {"content-...

2020-05-27

69浏览

0评论

Vuex之理解state的用法实例

1.什么是state？
上一篇文章说了，Vuex就是提供一个仓库，仓库里面放了很多对象。其中state就是数据源存放地，对应于与一般Vue对象里面的data（后面讲到的actions和mutations对应于me...

2020-05-27

65浏览

0评论

Vuex之理解Getters的用法实例

1.什么是getters
在介绍state中我们了解到，在Store仓库里，state就是用来存放数据，若是对数据进行处理输出，比如数据要过滤，一般我们可以写到computed中。但是如果很多组件都使用...

2020-05-27

59浏览

0评论

Vuex之理解Mutations的用法实例

1.什么是mutations？
上一篇文章说的getters是为了初步获取和简单处理state里面的数据(这里的简单处理不能改变state里面的数据)，Vue的视图是由数据驱动的，也就是说state里面的...

2020-05-27

64浏览

0评论

jQuery Plupload上传插件的使用

首先下载plupload->http://www.plupload.com因为Plupload可配置参数比较多，所以这里讲解最常用的，结合jquery-ui展示的界面！如下:Plupload默认支持html5,flash,silverlight,ht...

2020-05-27

50浏览

0评论

javascript 中null和undefined区分和比较

javascript 中null和undefined区分和比较Undefined类型Undefined 类型只有一个值，即特殊 undefined 。在使用 var 声明变量但未对其加以初始化时，这个变量的值就是 undefined...

2020-05-27

63浏览

0评论

javascript中json对象json数组json字符串互转及取值方法

今天用到了json数组和json对象和json类型字符串之间互转及取值，记录一下：1.json类型的字符串转换为json对象及取值var jsonString = '{"bar":"property","baz":3}'; var jsOb...

2020-05-27

39浏览

0评论

javascript 的变量、作用域和内存问题

javascript 的变量、作用域和内存问题（一）JavaScript变量可以用来保存两种类型的值：基本类型值和引用类型值。基本类型的值源自以下5种基本数据类型：Undefined、Null、Boolean、...

2020-05-27

50浏览

0评论

利用node.js本地搭建HTTP服务器

我们的目的比较简单，利用node.js在本地搭建HTTP服务器，实现hello word。系统环境：win7 64bitIP:127.0.0.1Node.js:v6.10.2Npm:3.10.10Git:2.12.2.2-64-bit基本安装：1.Node.js安...

2020-05-27

63浏览

0评论

通过js修改input、select默认字体颜色

textarea默认字颜色以及获取焦点后的字的颜色，焦点获取后使默认消失<textarea cols="50" rows="5" id="textarea" onfocus="if(value=='获取到元素焦点'){value='';document....

2020-05-27

53浏览

0评论

jquery将标签元素的高设为屏幕的百分比

html部分：<body><div id="margin_box"></div></body>jquery部分：<script> $(function(){ var percent =0.15; $("#margin_box").css("height",window.document...

2020-05-27

50浏览

0评论

微信小程序-横向滑动scroll-view隐藏滚动条

wxml <scroll-view class="recommend_scroll_x_box" scroll-x="true"> <view class="recommend_hot_box" wx:for="{{hotList}}"> <image src="{{item.pic}}" class="re...

2020-05-27

54浏览

0评论

基于JavaScript实现活动倒计时效果

本文实例为大家分享了js倒计时效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <title>countDown</title> <style type="text/css"> #...

2020-05-27

52浏览

0评论

bootstrap常用组件之头部导航实现代码

以下是头部导航的代码,我只简要的对个别常用属性进行解释总效果如图所示:代码如下:<nav class="navbar navbar-default navbar-inverse navbar-fixed-top"> //navbar-invers...

2020-05-27

51浏览

0评论

JS简单判断字符在另一个字符串中出现次数的2种常用方法

本文实例讲述了JS简单判断字符在另一个字符串中出现次数的2种常用方法。分享给大家供大家参考，具体如下：经过搜索验证，提供两个方法。1. 通过分割获取长度原理var s = 'www.jb5...

2020-05-27

32浏览

0评论

angularjs过滤器--filter与ng-repeat配合有奇效

index.html<!DOCTYPE html> <html> <head> <link href="bootstrap.min.css" rel="external nofollow" rel="stylesheet"> </head> <body ng-app="myApp" ng-controller="m...

2020-05-27

70浏览

0评论

bootstrap3 dialog 更强大、更灵活的模态框

用过bootstrap框架的同学们都知道，bootstrap自带的模态框用起来很不灵活，可谓鸡肋的很。但nakupanda开源作者封装了一个更强大、更灵活的模态框——bootstrap3-dialog。一、源...

2020-05-27

79浏览

0评论

详解Vuejs2.0之异步跨域请求

Vuejs由1.0更新到了2.0版本。HTTP请求官方也从推荐使用Vue-Resoure变为了axios。接下来我们来简单地用axios进行一下异步请求。（阅读本文作者默认读者具有使用npm命令的能力，...

2020-05-27

66浏览

0评论

AngularJS实现根据不同条件显示不同控件

由于项目需求，需要实现根据不同条件显示不同控件的功能。具体要求如下图所示:即当选择“每单固定减”时，下方只显示“减免金额”一栏；当选择“每单固定折扣”时，下方只显示...

2020-05-27

48浏览

0评论

详解Vue2.0之去掉组件click事件的native修饰

这个是在组件开发中遇到的问题，当时我在编写button的组件，模板是这样的：<template> <button class="disable-hover button ion-button" :class="[modeClass,typeClass,shap...

2020-05-27

70浏览

0评论

bootstrap 设置checkbox部分选中效果

在很多页面都会需要根据加载的数据来控制checkbox是否选中，以前的方法在这个UI里并不适用，现贴下两种代码供大家参考。前提条件：该字段在数据库中是以“，”间隔的字符串，如：“WIFI...

2020-05-27

93浏览

0评论

AngularJS改变元素显示状态

前言本文描述使用AngularJS提供的ng-show和ng-hide指令实现自动监听某布尔型变量来改变元素显示状态。控制html元素显示和隐藏有n种方法：html的hidden、css的display、jQuery...

2020-05-27

87浏览

0评论

Vue如何引入远程JS文件

问题最近在使用 Vue 做东西，用到钉钉扫描登录的功能，这里需要引入远程的 js 文件，因为 Vue 的方式跟之前的不太一样，又不想把文件下载到本地应用，找了一下解决的方法，貌似都需要引...

2020-05-27

63浏览

0评论

AngularJS 单选框及多选框的双向动态绑定

AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单，如下所示：<input type="text" ng-model="topic.title" />只需要用ng-model 与 $scope 中的属性对应，即实现了...

2020-05-27

63浏览

0评论

Vue.js实现模拟微信朋友圈开发demo

我用Vue.js实现微信朋友圈的一些功能，实现展示朋友圈，评论，点赞。
先构造一个vue的实例，对会更改的数据进行双向绑定，
我用JSON伪造模版数据，先实现显示朋友圈的效果，使用v-for方...

2020-05-27

48浏览

0评论

解决AngualrJS页面刷新导致异常显示问题

绪俗话说，细节决定成败，编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题，殊不知，这些细节正是导致页面显示出现问题的地方。今略举一例，与君共勉之。页面正常加...

2020-05-27

54浏览

0评论

详解Vue使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli 一、安装 node.js首先需要安装node环境，可以...

2020-05-27

41浏览

0评论

JS+HTML5实现上传图片预览效果完整实例【测试可用】

本文实例讲述了JS+HTML5实现上传图片预览效果。分享给大家供大家参考，具体如下：在项目中遇到用input标签file类型的文件上传，想实在上传之前进行图片的预览功能；之前的做的一个...

2020-05-27

热门文章