JavaScript - 教程之家

46浏览

0评论

vue实现app页面切换动画效果实例

因为需要实现类似APP页面切换的动画效果，百度google搜索比较少资料，所以自己写文档，希望对您有用
在router/index.jsimport Vue from 'vue'import Router from 'vue-router'Vue...

2020-05-27

59浏览

0评论

BootStrap 表单控件之单选按钮水平排列

1.运行效果如图所示2.实现代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>表单控件——...

2020-05-27

56浏览

0评论

BootStrap表单控件之文本域textarea

1.运行效果如图所示 2.实现代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>表单控件——...

2020-05-27

56浏览

0评论

详解vuex 中的 state 在组件中如何监听

前言不知道大家有没有遇到过这样一种情况？ vuex中的state会在某一个组建中使用，而这个状态的初始化是通过异步加载完成的。组件在渲染过程中，获取的state状态为空。也就是说组...

2020-05-27

44浏览

0评论

微信小程序获取用户openId的实现方法

微信小程序获取用户openId的实现方法前端：
wx.login({ success: function (res) { res.code }) 获取到code后，传到后台，
然后请求微信接口
https://api.weixin.qq.com...

2020-05-27

46浏览

0评论

Bootstrap多级菜单的实现代码

最近在用Bootstrap做一个项目的时候遇到一个问题，官网上只给的二级菜单的用法，但是实际运用肯定不止二级。于是在网上看到一个第三方的工具：bootstrap-submenu，地址：https://git...

2020-05-27

64浏览

0评论

vue.js 左侧二级菜单显示与隐藏切换的实例代码

废话不多说了，直接给大家贴代码了，完整代码：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue点击切换显示隐藏</title> <script src="https://cdn.boo...

2020-05-27

40浏览

0评论

jquery实现简单实用的轮播器

WEB开发经常实用到一种情况，即某个容器内的各项轮流循环播放显示，同时有相应的导航条提示，因为这个在很多地方可以使用，而且功能很相似的，所以写一个这样的播放功能，共享一下，需要...

2020-05-27

47浏览

0评论

最常用的jQuery表单验证(简单)

废话不多说了，直接给大家贴代码了，具体代码如下所示：<script type="text/javascript">//<![CDATA[$(function(){ /* *思路大概是先为每一个required添加必填的标记，用each...

2020-05-27

41浏览

0评论

微信小程序侧滑删除（左滑删除）

微信小程序侧滑删除（左滑删除）如图所示，demo是小程序的侧滑删除，这个是我在别人写的例子的基础上修改的。代码如下
js文件代码：
// pages/leftSwiperDel/index.js var initdata...

2020-05-27

115浏览

0评论

强大的 Angular 表单验证功能详细介绍

Angular 支持非常强大的内置表单验证，maxlength、minlength、required 以及 pattern。使用 Angular 的内置表单校验能够完成绝大多数的业务场景的校验需求，但有时我们还需要实...

2020-05-27

40浏览

0评论

详解JavaScript数组过滤相同元素的5种方法

方法一:比较内层循环变量的值.var arr = [1, 2, 3, 1, 3, 4, 5, 5];var resultArr = [];for (i = 0; i < arr.length; i++) { for (j = 0; j < resultArr.length; j++) {...

2020-05-27

67浏览

0评论

jQuery日期范围选择器附源码下载

jQuery Date Range Picker是一款允许用户选择一个日期时间范围的jQuery日期选择器插件。整个日期选择器插件使用CSS来渲染样式，可以非常容易的使用CSS来定制皮肤。而且浏览器...

2020-05-27

64浏览

0评论

js编写选项卡效果

本文实例为大家分享了js选项卡效果的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin...

2020-05-27

58浏览

0评论

vue.js实现价格格式化的方法

这里分享一个常用的价格格式化的一个方法，在电商的价格处理中非常的实用，我们可以看一个效果这里在价格数据的地方使用了一个过滤器，通过这个过滤器对价格做了保留小数位的处理...

2020-05-27

75浏览

0评论

angularjs中ng-bind-html的用法总结

本篇主要讲解angular中的$sanitize这个服务.此服务依赖于ngSanitize模块.(这个模块需要加载angular-sanitize.js插件)要学习这个服务,先要了解另一个指令: ng-bing-html.顾...

2020-05-27

51浏览

0评论

深入理解react-router@4.0 使用和源码解析

如果你已经是一个正在开发中的react应用，想要引入更好的管理路由功能。那么，react-router是你最好的选择~
react-router版本现今已经到4.0.0了，而上一个稳定版本还是2.8.1。相...

2020-05-27

105浏览

0评论

Nodejs搭建wss服务器教程

本文为大家分享了Nodejs搭建wss服务器的教程，供大家参考，具体内容如下首先使用OpenSSL创建自签名证书：＃生成私钥key文件openssl genrsa 1024 > /path/to/private.pem//＃通过私钥...

2020-05-27

42浏览

0评论

Angular2搜索和重置按钮过场动画

需求：给项目管理页面加上搜索和重置的过场动画。最先想到的就是利用angular2的animations属性。// project.component.tsimport {trigger, state, style, animate, transitio...

2020-05-27

65浏览

0评论

javascript简单写的判断电话号码实例

用javascript简单写的判断电话号码在很多网站注册的时候，需要我们填写电话号码，本来想糊弄一下，但是还不行，一直提示不正确，我去网上搜了很多，正则表达式，发现有很多不对的，最后...

2020-05-27

64浏览

0评论

详解Angular 4.x NgTemplateOutlet

该指令用于基于已有的 TemplateRef 对象，插入对应的内嵌视图。在应用 NgTemplateOutlet 指令时，我们可以通过 [ngTemplateOutletContext] 属性来设置 EmbeddedViewRef 的上下...

2020-05-27

64浏览

0评论

深入理解JavaScript 参数按值传递

定义
ECMAScript中所有函数的参数都是按值传递的。什么是按值传递呢？也就是说，把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。按值传递举个简...

2020-05-27

56浏览

0评论

mac下的nodejs环境安装的步骤

说明我们以brew的方式进行安装。node安装#我们安装时要附加参数，因为在新版中，默认的安装参数不会安装npm包管理器。brew install node --with-npm#检查安装是否成功➜...

2020-05-27

54浏览

0评论

angular directive的简单使用总结

摘要directive（指令）是angular的一个非常强大又有用的功能，它相当于实现了组件化的概念。我们可以通过它公共地自定义DOM元素或CLASS类或ATTR属性，并且在这基础上进行操作scope...

2020-05-27

51浏览

0评论

angular.js指令中transclude选项及ng-transclude指令详解

前言在开始本文之前，首先要说明我们使用的angular的版本是1.5.0，因为不同版本的表现结果不是那么相同。首先我们应该了解到，在angular指令的选项中，有一项是transclude，这个选项...

2020-05-27

40浏览

0评论

详解VueJs前后端分离跨域问题

使用vue-cli搭建的vue项目可以使用在项目内设置代理（proxyTable）的方式来解决跨域问题设置配置项的目录在config下的index.js，主要通过配置proxyTable项，设置代理指向你的后台地...

2020-05-27

65浏览

0评论

php 修改密码实现代码

php修改密码为了让页面更为好看一些，我一般会选择bootstrap，写起来虽然看着麻烦，但是我们真正需要的只有中间的内容下面是html的内容 <div id="tbx""> <div id="xgmm" cla...

2020-05-27

56浏览

0评论

jquery append与appendTo方法比较

jquery中append与appendTo方法区别
1. append(content)方法方法作用：向每个匹配的元素内部追加内容。参数介绍：content (<Content>): 要追加到目标中的内容。用法示例：HTML代码...

2020-05-27

36浏览

0评论

Angular.js指令学习中一些重要属性的用法教程

Angular指令定义一个指令的方法非常简单，只需要调用`directive`方法即可:
var app=angular.module('myapp',[]); app.directive(name,fn)1. 基础指令 var app=angular.modul...

2020-05-27

46浏览

0评论

Vue动态实现评分效果

本文实例为大家分享了Vue动态实现评分效果的具体代码，供大家参考，具体内容如下1.图片分为三种on:half: off<style> .star{ font-size: 0; } .star-item{ display: in...

2020-05-27

48浏览

0评论

bootstrap table使用入门基本用法

笔者在查询bootstrap table资料的时候，看了很多文章，发觉很多文章都写了关于如何使用bootstrap table的例子，当然最好的例子还是官网。但是对于某部分技术人员来说，入门还是不够...

2020-05-27

67浏览

0评论

使用jQuery.Pin垂直滚动时固定导航

ZKEACMS的导航默认是不能固定的，随着页面的滚动而滚动，为了有更好的用户体验，当页面往下滚动时，可以将导航固定在顶端，这样方便用户点击。jQuery Pin借助jQuery的一个插件 jQuery...

2020-05-27

51浏览

0评论

ES6新特性之类(Class)和继承(Extends)相关概念与用法分析

本文实例讲述了ES6新特性之类(Class)和继承(Extends)相关概念与用法。分享给大家供大家参考，具体如下：一、类（Class）1.基本语法JavaScript语言的传统方法是通过构造函数，定义并生...

2020-05-27

57浏览

0评论

JQuery Ajax 异步操作之动态添加节点功能

异步操作动态添加节点，导致在代码中给添加的节点全局绑定事件或者获取元素无效，上代码：$(function () { var IP = '...'; // 页面中的默认编号起始值和公用IP前缀 showDat...

2020-05-27

55浏览

0评论

详解前后端分离之VueJS前端

前言前端用什么框架都可以，这里选择小巧的vuejs。要实现的功能很简单：
1、登录功能，成功将服务器返回的token存在本地
2、使用带token的header访问服务器的一个资源本次实验...

2020-05-27

54浏览

0评论

解决jQuery ajax动态新增节点无法触发点击事件的问题

在写ajax加载数据的时候发现，后面添加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?其实最简单的方法就是直接在标签中写onclick=""，...

2020-05-27

59浏览

0评论

JS回调函数基本定义与用法实例分析

本文实例讲述了JS回调函数基本定义与用法。分享给大家供大家参考，具体如下：初学js的时候，被回调函数搞得很晕，现在回过头来总结一下什么是回调函数。我们先来看看回调的英文定义...

2020-05-27

51浏览

0评论

微信小程序选项卡的简单实例

微信小程序选项卡的简单实例看下效果
代码：home.wxml<view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0 ? 'on'...

2020-05-27

53浏览

0评论

微信小程序支付功能（前端）的实现

微信小程序支付功能（前端）的实现只提供微信小程序端代码：
var app = getApp();Page({ data: {}, onLoad: function (options) { // 页面初始化 options为页面跳转所带来...

2020-05-27

65浏览

0评论

详解Vue 非父子组件通信方法（非Vuex）

一提到两个非父子组件通信方法，有经验的 coder 肯定会说用 Vuex 啊，我个人建议不要为了用 Vuex 而用 Vuex，除非你的项目很大，耦合度很高，需要大量的储存一些 data，组件之间通信频...

2020-05-27

56浏览

0评论

详解Vue使用命令行搭建单页面应用

使用命令行搭建单页面应用我们来看一下最后完成的效果：大纲1. 下载 node, git, npm2. 使用命令行安装一个项目一、下载工具node, git 的下载大家可以去官网自行下载就可以了...

2020-05-27

63浏览

0评论

很棒的vue弹窗组件

弹窗是一个项目必备的复用利器，所以封装起来，保证项目ui一致，是很有必要的。学了一段时间vue，想想还是用vue写一下吧。用的很小白，但是会写出来了，说明我也有进步一丢丢了。继续加...

2020-05-27

53浏览

0评论

微信小程序生命周期函数详解

微信小程序生命周期函数小程序中判断当前首页是从其他页面返回，还是由入口打开由于小程序的数据在我们退出小程序时并没有得到释放，因此再次点击开来数据依然没有变成初始化...

2020-05-27

70浏览

0评论

Bootstrap下拉菜单更改为悬停(hover)触发的方法

Bootstrap下拉菜单默认需要通过点击，才可以打开，在管理系统的开发过程中，使用悬停代替点击能减少一步操作，更人性化。下面是实现方式：<!DOCTYPE html><html> <head> <link hr...

2020-05-27

60浏览

0评论

微信小程序封装http访问网络库实例代码

微信小程序封装http访问网络库实例代码之前都是使用LeanCloud为存储，现在用传统API调用时做如下封装文档出处：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-reques...

2020-05-27

59浏览

0评论

jquery Form轻松实现文件上传

很久开始前就用这个插件了，每次都忘记具体的调用方法，特地写个demo记录下。
先上这个demo的传送门，恩！然后开始了...
①先是html
<a href="javascript:void(0)" class="j_upLoad...

2020-05-27

69浏览

0评论

详解微信小程序通过控制CSS实现view隐藏与显示

详解微信小程序通过控制CSS实现view隐藏与显示实现效果图：视图代码，使用变量控制隐藏类名 <scroll-view scroll-y="true" > <view class="user_freeback"> <view class="txt"...

2020-05-27

55浏览

0评论

微信小程序本地缓存数据增删改查实例详解

微信小程序本地缓存数据增删改查实例详解数据如：var user = { name: 'Lion', sex: 'guy' } CRUD：
// 添加 wx.setStorageSync('user', user);// 查询var developer = (wx.g...

2020-05-27

41浏览

0评论

bootstrap3使用bootstrap datetimepicker日期插件

没用过bootstrap2，所以之间的差异不清楚，但是看往上基本上都是说bootstrap2与bootstrap-datetimepicker的使用，之间会有不同，所以写下记录，如有不对之处，还请指正！网上下载bootstra...

2020-05-27

55浏览

0评论

React简单介绍

React 背景知识　　React 是一个用于构建用户界面的 JavaScript 库，主要用于构建 UI，而不是一个 MVC 框架，但可以使用 React 作为 MVC 架构的 View 层轻易的在已有项目中使用，它...

2020-05-27

热门文章