JavaScript - 教程之家

59浏览

0评论

jQuery实现简单的滑动导航代码(移动端)

1.1 App滑动导航说明：这个例子主要是实现一条导航山只有两个选项的。1.适合用于移动端。2.滑动条的长度是选项内容的长度。1.1.1. 效果图
1.1.2. Html
<!DOCTYPE html><html...

2020-05-27

65浏览

0评论

原生JS实现不断变化的标签

上图为博客右侧截取的GIF图，下图为代码效果 HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>SlideFont</title></head><body> <div class="F-Sli...

2020-05-27

66浏览

0评论

JS获取短信验证码倒计时的实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：$(function() { var phone_num = /^1\d{10}$/; var flag = 1; //短信发送时标志位 $(".getcode").click(function...

2020-05-27

45浏览

0评论

JavaScript 巧学巧用

前言由于工作和生活上的一些变化，最近写文章的频率有点下降了，实在不好意思，不过相信不久就会慢慢恢复过来，感谢大家一直以来的关注和支持。
本文主要给大家分享一下在编写JavaS...

2020-05-27

71浏览

0评论

详解用node编写自己的cli工具

工作中接到新项目，开发前都需要先规划项目目录，然后一个个创建文件，搭建sass编译环境，下载jquery，Swiper等类库... 这些准备工作都要花上不少时间。每做一个项目，都会遇到同样的问...

2020-05-27

42浏览

0评论

jquery实现图片轮播器

一、轮播器
1、HTML框架
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>图片轮播器</title> <link rel="stylesheet" type="text/css" href="s...

2020-05-27

69浏览

0评论

angular+webpack2实战例子

之前研究过webpack但是一直没用过，这次公司要做一个h5网站，正好拿来练练手，话说angular1x对移动端不是很友好，但主要是angular1x比较熟悉，上手快，开发也快，就没去考虑其他前端mvc框...

2020-05-27

135浏览

0评论

vue-router 中router-view不能渲染的解决方法

最近在做一个vue的项目，其中使用了vue2.0,vue-router2.0。在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。项目目录结构其中main...

2020-05-27

73浏览

0评论

详解vue嵌套路由-query传递参数

在嵌套路由中我们经常会遇到父路由向子路由里面传递参数，传递参数有两种方法，通过 query 或者 paramsindex.html<div id="app"> <!-- router-view 路由出口, 路由匹配到的组...

2020-05-27

57浏览

0评论

详解vue嵌套路由-params传递参数

在嵌套路由中，父路由向子路由传值除了query外，还有params，params传值有两种情况，一种是值在url中显示，另外一种是值不显示在url中。1、显示在url中index.html<div id="app"> <!...

2020-05-27

77浏览

0评论

用angular实现多选按钮的全选与反选实例代码

在页面中我们常常会遇到多选框，例如购物车里的商品
下面用angular来实现这一功能<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <...

2020-05-27

60浏览

0评论

Node.js 实现简单的接口服务器的实例代码

通过Node.js来实现接口服务器的功能。主要特点为：
1）增加接口不需要重启
2）异步执行，但接口阅读的时候是同步的代码（从上而下），或者可以按需求并行，串行这里只是抛出基本思路，所以...

2020-05-27

53浏览

0评论

Bootstrap响应式表格详解

Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机下面是手机端显示的样式代码如下：1.test.php
<html><head><meta http-equiv="Content-Type" content="text/html...

2020-05-27

96浏览

0评论

微信小程序request出现400的问题解决办法

微信小程序request出现400的问题解决办法最近在跟着demo学习微信小程序，当进行网络请求时出现400，折腾了很久，代码如下：wx.request({ url : "https://api.douban.com/v2/movie/...

2020-05-27

77浏览

0评论

node.js中express中间件body-parser的介绍与用法详解

前言Node中的核心模块分两类：一类是自带的核心模块，如http、tcp等，第二类是第三方核心模块，express就是与http对应的第三方核心模块，用于处理http请求。express在3.0版本中自带有...

2020-05-27

50浏览

0评论

JavaScript设置名字输入不合法的实现方法

html代码：<tr> <th>输入名称：</th> <td><input type='text' class='normal' name='name' pattern='required' alt='名称'id="checkText" onblur="checkName()" /><label&g...

2020-05-27

50浏览

0评论

BootStrap表单控件之复选框checkbox和单选择按钮radio

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

64浏览

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

61浏览

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

68浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

49浏览

0评论

Bootstrap多级菜单的实现代码

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

45浏览

0评论

jquery实现简单实用的轮播器

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

126浏览

0评论

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

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

2020-05-27

53浏览

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

74浏览

0评论

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

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

2020-05-27

79浏览

0评论

js编写选项卡效果

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

116浏览

0评论

Nodejs搭建wss服务器教程

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

77浏览

0评论

详解Angular 4.x NgTemplateOutlet

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

2020-05-27

72浏览

0评论

深入理解JavaScript 参数按值传递

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

2020-05-27

63浏览

0评论

mac下的nodejs环境安装的步骤

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

2020-05-27

68浏览

0评论

angular directive的简单使用总结

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

76浏览

0评论

php 修改密码实现代码

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

2020-05-27

67浏览

0评论

jquery append与appendTo方法比较

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

59浏览

0评论

Vue动态实现评分效果

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

2020-05-27

59浏览

0评论

bootstrap table使用入门基本用法

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

热门文章