JavaScript - 教程之家

61浏览

0评论

深入理解Angularjs中$http.post与$.post

摘要在angularjs发送post请求的时候，确实很困惑，在传递json数据的时候，总会遇到在服务端无法接受到参数的情况，这里有必要与$.post进行比较学习一下。一个例子这里模拟登录的一...

2020-05-27

84浏览

0评论

JS jQuery使用正则表达式去空字符的简单实现代码

1.正则去空字符串； var str1=" a b c "; var strtrim=str1.replace(/\s/g,"");2.js去前后空字符串；var strtrim=str1.trim();3.jQuery去前后空字符串; var strtrim= $.trim(st...

2020-05-27

94浏览

0评论

微信小程序新增的拖动组件movable-view使用教程

前言小程序在520节日前夜，让程序员们又躁动了一把，更新了一些很诱人的功能，如内容转发API，iBeacon API，振动API，屏幕亮度调节API等，也增强了地图组件的功能。此次的更新中，也新增了...

2020-05-27

69浏览

0评论

layui表格实现代码

本文实例为大家分享了layui基本表格的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>基本表格</title> <link rel...

2020-05-27

77浏览

0评论

使用node.js搭建服务器

使用node搭建小型服务器（其实就是分析url然后输出文件给客户端）
最近需要完成一个课程设计，被项目经理（组长）分配写界面，但是总觉得只写前端的话缺了点什么，所以想自己写下后端玩一...

2020-05-27

72浏览

0评论

jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)

一、有请jquery.guide.js网站上线或者改版的时候，常常会做一个操作向导，告诉用户一些重要操作到了哪里，或者什么地方隐藏了什么好玩的东西，等等，虽然我都是直接关掉的，或者快速跳...

2020-05-27

92浏览

0评论

为你的微信小程序体积瘦身详解

前言众所周知，微信小程序在发布的时候，对提交的代码有1M大小的限制！所以，如果你正在写一个功能稍微复杂一点的小程序，就必须得时刻小心注意你的代码是不是快触及这个底线了。在设...

2020-05-27

91浏览

0评论

layui文件上传实现代码

本文实例为大家分享了layui文件上传的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>文件上传</title> <link rel...

2020-05-27

67浏览

0评论

关于jQuery库冲突的完美解决办法

前言一次面试中面试官问到jQuery和别的库冲突怎么解决？虽然以前看过，但是我已经不记得了。我的思路就是如果让我来设计，那我就用一个默认值$，不传参数，那就用$，最后就挂载在window...

2020-05-27

64浏览

0评论

微信小程序利用co处理异步流程的方法教程

本文主要介绍的是关于微信小程序利用co处理异步流程的方法教程，分享出来供大家参考学习，需要的朋友们下面来看看详细的介绍：coco是一个基于ES6 Generator特性实现的【异步流程...

2020-05-27

69浏览

0评论

在使用JSON格式处理数据时应该注意的问题小结

根据项目的需要，我要定义一个JSON字符串。鉴于之前零基础，看到百科的解释如下链接http://baike.baidu.com/link?url=TUxeHruHcaY-hofuOufrP37a8VhUT8hcFM4k7JkTN1500wAlfw...

2020-05-27

101浏览

0评论

神级程序员JavaScript300行代码搞定汉字转拼音

一.汉字转拼音的现状首先应该说，汉字转拼音是个强需求，比如联系人按拼音字母排序／筛选；比如目的地（典型如机票购买）
按拼音首字母分类等等。但是这个需求的解决方案，但好像没听过什...

2020-05-27

86浏览

0评论

ztree实现权限横向显示功能

最近在做权限功能的时候，采用的ztree实现的，但是产品要求最后一层的权限节点要横向显示。开始在网上找的解决方案是用css样式把最后一层的display设置为inline。在我本地电脑...

2020-05-27

79浏览

0评论

详解使用angular-cli发布i18n多国语言Angular应用

在模板html标签中增加i18n
<h1 i18n>Hello world!</h1>使用ng命令产生xlf格式的message.xlf文件$ ng xi18n --output-path src/i18n命令执行后，生成 src/i18n/messages.xlf...

2020-05-27

85浏览

0评论

JS 调试中常见的报错问题解决方法

报错：Uncaught SyntaxError: Unexpected token o in JSON at position 1at JSON.parse (<anonymous>)
at Function.m.parseJSON (jquery.js:8515)
at Object.success (crud.h...

2020-05-27

75浏览

0评论

node.js 中间件express-session使用详解

本文介绍的关于node.js中间件express-session的相关内容，分享出来供大家从参考学习，下面来一起看看详细的介绍：一、为什么使用session？
session运行在服务器端，当客户端第一次访...

2020-05-27

73浏览

0评论

jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法

如下所示：喜欢<input type="radio" name="likea" id="" value="3" /> 一般<input type="radio" name="likea" id="" value="2" /> 不喜欢<input type="radio" name="lik...

2020-05-27

58浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

68浏览

0评论

Angular2使用Augury来调试Angular2程序

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

2020-05-27

60浏览

0评论

Angular2安装angular-cli

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

112浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

53浏览

0评论

JavaScript表单验证实现代码

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

QQ

2020-05-27

55浏览

0评论

jQuery表单验证之密码确认

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

66浏览

0评论

详解Angular 4.x NgIf 的用法

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

63浏览

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

60浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

271浏览

0评论

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

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

2020-05-27

65浏览

0评论

详解Angular2 关于*ngFor 嵌套循环

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

56浏览

0评论

bootstrap栅格系统示例代码分享

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

热门文章