JavaScript - 教程之家

51浏览

0评论

Angular2使用Angular CLI快速搭建工程（一）

前言：本文适合Angular2的初学者阅读；时下web前端发展迅猛，新框架层出不穷，大家都知道三驾马车VueJS，Angular2，React。国内VueJS非常热门，百度热点趋势以1000%的涨幅在增加。Angular...

2020-05-27

60浏览

0评论

Angular2使用Angular-CLI快速搭建工程（二）

使用iconfonticonfont是阿里巴巴的icon项目，阿里巴巴使用，也公开对外使用，现在一些公司都使用了，它有CDN，访问快，用起来也很方便，这章节讲下如何使用iconfont；（当然，本质上就是引用一...

2020-05-27

61浏览

0评论

Angular2使用Augury来调试Angular2程序

Augury-Angular专用的chrome 调试插件如题，在的2016-12-8谷歌开发者大会上，angular2的leader来给我们演示了angular2的特性，对于已经入门的同学们，已经没有太多新鲜内容，唯有一个...

2020-05-27

53浏览

0评论

Angular2安装angular-cli

最近在学习angular2，并尝试用这个框架来做公司的一个新项目。
终于要开始开发了，等了1个多月。
因为第一次用这个新框架做项目，不太熟悉，就找了angular-cli这个脚手架来搭建项目...

2020-05-27

63浏览

0评论

详解Angular-Cli中引用第三方库

最近在学习angular(AngularJS 2)，根据教程使用angular-cli新建项目，然而在添加JQuery和Bootstrap第三方库时遇到了问题...
初试
我最初的想法是直接将相对路径写到index.html...

2020-05-27

102浏览

0评论

如何在AngularJs中调用第三方插件库

在AngularJs中我们会不可避免的使用第三方库，例如jquery插件库。我们不能散乱的在AngularJS中引入这些库，例如在controller中。那么应该怎么在Angular中使用第三方库呢？如何使...

2020-05-27

60浏览

0评论

详解angularjs利用ui-route异步加载组件

ui-route相比于angularjs的原生视图路由更好地支持了路由嵌套，状态转移等等。随着视图不断增加，打包的js体积也会越来越大，比如我在应用里面用到了wangeditor里面单独依赖的jqu...

2020-05-27

66浏览

0评论

Angular2中如何使用ngx-translate进行国际化

相较于AngularJS中的ng-translate, angular2也有适合自己的国际化模块，就是ngx-translate。
项目地址：https://github.com/ngx-translate/core使用angular-cli初始化项目：
ng...

2020-05-27

56浏览

0评论

详解Angular2中Input和Output用法及示例

对于angular2中的Input和Output可以和AngularJS中指令作类比。Input相当于指令的值绑定，无论是单向的(@)还是双向的(=)。都是将父作用域的值“输入”到子作用域中，然后子作用...

2020-05-27

68浏览

0评论

Ionic + Angular.js实现图片轮播的方法示例

本文主要给大家介绍了关于Ionic + Angular实现图片轮播的相关资料，分享出来供大家参考学习，需要的朋友们下面来一起看看吧。先来看看实现的效果图：方法示例：template文件夹新建s...

2020-05-27

67浏览

0评论

原生JS实现N级菜单的代码

需求分析简单的分析一下，要实现N级菜单，首先从布局入手，即判断是否有下级菜单1.没有下一级菜单,直接排列2.有下级菜单，又分为下级菜单排放位置，和在上级菜单显示类似 '>' 的符号，...

2020-05-27

78浏览

0评论

JQuery 封装 Ajax 常用方法(推荐)

why easy-ajaxeasy-ajax是为了治理前端乱写Ajax方法而生。基于jquery封装一些常用方法，后期计划加入前端数据缓存功能。使用方法如下：<script src="easy.ajax.js"></script>AP...

2020-05-27

65浏览

0评论

Nodejs中Express 常用中间件 body-parser 实现解析

写在前面body-parser是非常常用的一个express中间件，作用是对post请求的请求体进行解析。使用非常简单，以下两行代码已经覆盖了大部分的使用场景。app.use(bodyParser.json())...

2020-05-27

50浏览

0评论

JavaScript表单验证实现代码

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据...

2020-05-27

46浏览

0评论

单行 JS 实现移动端金钱格式的输入规则

金钱格式检验属于很普通的需求，记得工作中第一次遇到这个需求的时候，还不太会写正则表达式，搜到了一个类似的解决方案，看着正则的文档改成了自己需要的形式。但是用户的输入操作...

2020-05-27

70浏览

0评论

JavaScript实现QQ聊天消息展示和评论提交功能

QQ聊天消息显示，提交评论等实现原理，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0;...

QQ

2020-05-27

50浏览

0评论

jQuery表单验证之密码确认

众所周知，在修改密码时会需要两次输入密码。这时如何确保两个密码框中都有内容？两个密码框中是一致的？如果一个没有输入会给出提示？OK这一切都可以用JS来实现，具体思想很简单啦，就...

2020-05-27

76浏览

0评论

JS实现无缝循环marquee滚动效果

无缝循环marquee滚动JS代码实现，兼容IE, FireFox, Chrome，供大家参考，具体内容如下首先是CSS和HTML如下: #marquee_zxd { border: 1px solid red; white-space: nowrap;...

2020-05-27

61浏览

0评论

详解Angular 4.x NgIf 的用法

NgIf 指令作用
ngIf 指令用于根据表达式的值，在指定位置渲染 then 或 else 模板的内容。 then 模板除非绑定到不同的值，否则默认是 ngIf 指令关联的内联模板。 else 模板除...

2020-05-27

56浏览

0评论

JS实现上传图片实时预览功能

前段时间在网络上找的代码，修改了一部分用在了项目里。原博客地址找不到了，如果原作者看到的话留言我，将于第一时间删除。//js本地图片预览，兼容ie[6-9]、火狐、Chrome17+、Oper...

2020-05-27

57浏览

0评论

详解AngularJS1.6版本中ui-router路由中/#!/的解决方法

AngularJS 路由是通过 # + 标记帮助我们区分不同的逻辑页面并将不同的页面绑定到对应的控制器上。因此在设置好路由规则后，为html页面的a标签设置href路由链接切换不同的视...

2020-05-27

57浏览

0评论

详解从angular-cli：1.0.0-beta.28.3升级到@angular/cli：1.0.0

现在Angular CLI在npm下通过@angular/cli来替代angular-cli，并且它只支持Node6.9.0或更高的版本，npm 3或更高的版本。所以在升级angular cli之前，请先升级node和npm。
如果你使...

2020-05-27

47浏览

0评论

Angular中$broadcast和$emit的使用方法详解

要在控制器之间传递变量变化需要使用angular中的$broadcast和$emit方法来传递，同时使用$on来接收事件并作出响应。broadcast译为广播，即上级传递下级。
示例代码：<script src=...

2020-05-27

46浏览

0评论

详解Angular路由 ng-route和ui-router的区别

什么是路由？
路由是AngularJS构建单页面应用的基础。路由，就是网络数据或者请求进行分发的一个网络组件。
路由就是一个用于请求URL分发和跳转的一个应用组件，Angular中通过$ro...

2020-05-27

82浏览

0评论

jQuery滑动到底部加载下一页数据的实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<script>page_num =page_num+1 ; //页码自动增加，保证下次调用时为新的一页。 $.ajax({ type: "get",...

2020-05-27

60浏览

0评论

移动端手指放大缩小插件与js源码

本文实例为大家分享了移动端手指放大缩小的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...

2020-05-27

53浏览

0评论

bootstrap手风琴折叠示例代码分享

本文实例为大家分享了bootstrap手风琴的具体代码，供大家参考，具体内容如下
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-C...

2020-05-27

256浏览

0评论

bootstrap模态框远程示例代码分享

本文实例为大家分享了bootstrap模态框远程的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-U...

2020-05-27

62浏览

0评论

详解Angular2 关于*ngFor 嵌套循环

在项目开发中拿到的数据是这样的，要循环遍历出来。可是在ng2中好像不能直接遍历Object datas: any = [ { num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "12...

2020-05-27

57浏览

0评论

vue+axios实现登录拦截的实例代码

一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。前言该项目是利用了Github 提供的personal token作为登录token，通过token...

2020-05-27

51浏览

0评论

bootstrap栅格系统示例代码分享

本文实例为大家分享了bootstrap栅格系统的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-...

2020-05-27

48浏览

0评论

Vue实现动态显示textarea剩余字数

Vue实现动态显示textarea剩余文字数量，具体内容如下这里我们假设允许用户输入的最多数量为200个
html代码如下：<textarea maxlength="200" @input="descInput" v-model="desc...

2020-05-27

57浏览

0评论

vue2.0 与 bootstrap datetimepicker的结合使用实例

1.在很多的项目中，我们都会用到日期插件，然后当我在vue中使用bootstrap datetimepicker时发现双向绑定不起作用了，bootstrap datetimepicker修改的日期不会同步到data中，下面看...

2020-05-27

54浏览

0评论

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

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

2020-05-27

58浏览

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

61浏览

0评论

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

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

2020-05-27

42浏览

0评论

JavaScript 巧学巧用

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

37浏览

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

64浏览

0评论

angular+webpack2实战例子

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

2020-05-27

130浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

50浏览

0评论

Bootstrap响应式表格详解

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

45浏览

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

47浏览

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

热门文章