JavaScript - 教程之家

46浏览

0评论

Node.js 8 中的 util.promisify的详解

Node.js 8 于上个月月底正式发布，带来了很多新特性。其中比较值得注意的，便有 util.promisify() 这个方法。util.promisify()虽然 Promise 已经普及，但是 Node.js 里仍然有大...

2020-05-27

62浏览

0评论

Angular4 中常用的指令入门总结

前言本文主要给大家介绍了关于Angular4 常用指令的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：NgIf<div *ngIf="false"></div> <div...

2020-05-27

43浏览

0评论

微信小程序自定义Toast实例代码

微信小程序自定义Toast实例代码Toast样式可以根据需求自定义，本例中是圆形 <view class="btn" bindtap="btn_toast">自定义Toast</view> <!--以下为toast显示...

2020-05-27

61浏览

0评论

前端构建工具之gulp的配置与搭建详解

前言在如今的前端开发中，已经不再是一些静态文件了。
对于很多Web App来说，前端代码甚至比后端更加复杂，更加难以管理，这主要来源于一下几个方面：
1、许多第三方库的依赖需...

2020-05-27

47浏览

0评论

前端构建工具之gulp的语法教程

前言上一篇说了下gulp的环境搭建以及配置，这一篇说说gulp的语法。
语法说来其实很简单，主要有以下4种：
gulp四种语法现在我们把src下面的index.html文件copy到发布文件夹dist下...

2020-05-27

55浏览

0评论

AngularJS自定义指令详解（有分页插件代码）

前言除了 AngularJS 内置的指令外，我们还可以创建自定义指令。
通过 .directive() 函数来添加自定义的指令。
调用自定义指令时，需要在HTMl 元素上添加自定义指令名。
自定...

2020-05-27

47浏览

0评论

bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果

前言最近几天在公司做了个后台管理系统的小模块，其中有个功能是实现复选框的全选和全不选，用bootstrap和jQuery来实现。
效果是这样：
因为是内部用，样式也不要求太好看，直接上代...

2020-05-27

69浏览

0评论

深究AngularJS如何获取input的焦点（自定义指令）

1. 写在前面关于如何获取input框、textarea等的焦点，网上有许多文章都只是会跟你说ng-focus这个内置指令。像这种解答，只能说明作者并为真正理解人家的需求。ng-focus是一个事...

2020-05-27

64浏览

0评论

Vue 2中ref属性的使用方法及注意事项

发现问题最近写东西遇到了莫名其妙的问题，用ref属性原以为它会获得一个数组// html<ul>　　<li ref="refCon">1</li>　　<li ref="refCon">2</li></ul>// jscreated: functio...

2020-05-27

71浏览

0评论

详解angularjs 关于ui-router分层使用

最近感觉有很多学angular 的童鞋在路由问题中还不清楚怎么使用。其实我之前也是一直晕晕的不懂怎么用，现在要好得多了。在这里就记录下ui-router使用。
就已目前做的这个项...

2020-05-27

56浏览

0评论

Vue非父子组件通信详解

组件是Vue核心的一块内容，组件之间的通信也是很基本的开发需求。组件通信又包括父组件向子组件传数据，子组件向父组件传数据，非父子组件间的通信。前两种通信Vue的文档都说的很...

2020-05-27

100浏览

0评论

angularjs实现上拉加载和下拉刷新数据功能

虽说AngularJS 1.x版本中对于上拉加载，下拉刷新数据功能都有做些封装，但还是有些人不清楚。其实我一开始也是不懂的，so.现在把搞懂的记录下免得少走弯路。
now,begin:先说下拉...

2020-05-27

78浏览

0评论

jquery+css实现侧边导航栏效果

最近做项目的时候，突然想用一个侧边导航栏，网上找了几个插件，有的太丑而且不太符合我的预期。与其修改别人的代码，不如自己来写一个了。废话不多说先上图，感兴趣的请继续看下去。...

2020-05-27

67浏览

0评论

AngularJS 异步解决实现方法

AngularJS 异步解决实现方法Angular 的异步处理的真的很不错。基于消息广播的方式，并且可以向上传递，基本上解决了不同模块，不同controller之间不方便异步的问题。场景...

2020-05-27

64浏览

0评论

微信小程序 es6-promise.js封装请求与处理异步进程

微信小程序 es6-promise.js封装请求与处理异步进程下载es6-promise.js置于根目录下的libs文件夹下；在根目录utils文件夹下新建httpsPromisify.js，即定义封装请求的方法var Pro...

2020-05-27

51浏览

0评论

Angularjs 双向绑定时字符串的转换成数字类型的问题

问题：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head><body><div...

2020-05-27

107浏览

0评论

用原生JS实现简单的多选框功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><input id="cheakAll" type="...

2020-05-27

74浏览

0评论

JS身份证信息验证正则表达式

很多时候我们都是通过一组正则表达式来判断用户输入的身份证是否合法，那在用正则表达式判断之前，首先要做到的是对身份证信息的一些效验规则的知晓：　　1、号码的结构　　　　...

2020-05-27

53浏览

0评论

深究AngularJS中$sce的使用

为什么要要$sce？因为AngularJS里好些地方，比如路径默认是个字符串，不会认为是路径，从而访问不到我们需要的东西，那么我们就可以通过$sce告诉angualrJS这个路径，这样是很安全滴。它...

2020-05-27

84浏览

0评论

深究AngularJS中ng-drag、ng-drop的用法

1.相关地址：插件下载：https://github.com/fatlinesofcode/ngDraggable/blob/master/ngDraggable.js2.讲解<div ng-drop="true" ng-drop-success="dropComplete($index,$data,$...

2020-05-27

63浏览

0评论

基于vue2框架的机器人自动回复mini-project实例代码

这是一个mini-project，主要是基于vue2.0的一个移动端的机器自动回复小项目，下面是我的一个回顾总结https://github.com/xuweikang/rebotChat
1. 项目搭建
在开始该项目之前，...

2020-05-27

73浏览

0评论

基于pako.js实现gzip的压缩和解压功能示例

本文实例讲述了基于pako.js实现gzip的压缩和解压功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>pako.js实现...

2020-05-27

59浏览

0评论

JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】

本文实例讲述了JS实现求数组起始项到终止项之和的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>JS求数组之和</...

2020-05-27

81浏览

0评论

Vue.js实现微信过渡动画左右切换效果

前言在awesomes上寻找移动端框架的时候意外发现了vux的页面切换效果，后面由于其他考虑没有选用vuex但是这个切换效果确实感觉很有新意，也就看了下源码，这里贴一份备用。需要用...

2020-05-27

58浏览

0评论

微信小程序--组件（swiper）详细介绍

根据微信小程序官网提供的示例进行操作并进行总结：swiper 主要设置的属性
index.WXML 的设置：index.js设置：感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！...

2020-05-27

71浏览

0评论

JavaScript基于扩展String实现替换字符串中index处字符的方法

本文实例讲述了JavaScript基于扩展String实现替换字符串中index处字符的方法。分享给大家供大家参考，具体如下：核心代码：String.prototype.replaceCharAt = function(n,c){ ret...

2020-05-27

67浏览

0评论

微信小程序实现多个按钮toggle功能的实例

微信小程序实现多个按钮toggle功能的实例如下图所示，实现该按钮toggle功能。百度上很多都是只设置一个按钮的toggle，所以我现在来稍微总结下：多个按钮如何实现自身的toggle功能...

2020-05-27

96浏览

0评论

bootstrap timepicker在angular中取值并转化为时间戳

上一篇我们讲到angular对于timepicker的一个封装后的插件，但是由于angular的版本必须是v1.2.30以上的。对于有些大型系统，一时升级angular的版本实在耗费时间。那么可以用这种...

2020-05-27

72浏览

0评论

Node.js使用orm2进行update操作时关联字段无法修改的解决方法

前言最近在工作中遇到一个问题，在使用Orm2进行model修改时，发现当对关联字段进行update操作时，执行了2次SQL，第一次把值改为了我们期望的值，第二次又会把值改回成原来的值。经过...

2020-05-27

49浏览

0评论

微信小程序新建登录页并实现tabBar隐藏

微信小程序新建登录页并实现tabBar隐藏实现的效果如下两张图：app.json 设置的pages的path如下：在app.json里面设置tabBar的值：如果你不想在登录页有tabBar的内容，则在app.json...

2020-05-27

52浏览

0评论

javascript实现非常简单的小数取整功能示例

本文实例讲述了javascript实现非常简单的小数取整功能。分享给大家供大家参考，具体如下：JS核心代码：function truncateNumber(n){ return n|0;}用法示例：<!DOCTYPE html><html...

2020-05-27

87浏览

0评论

解决bootstrap下拉菜单点击立即隐藏bug的方法

昨天用jQuery和bootstrap实现下拉菜单复选框，今天把做好的demo组合进项目里，发现有点bug，就是点击银行复选框的时候，每点一次dropdown-menu这个div会立即隐藏，这就导致每次只能选...

2020-05-27

47浏览

0评论

angular bootstrap timepicker TypeError提示怎么办

angular bootstrap timepicker TypeError: Cannot set property '$render' of undefined，如何解决？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title...

2020-05-27

61浏览

0评论

原生JS实现图片懒加载(lazyload)实例

前言图片懒加载也是比较常见的一种性能优化的方法，最近在用vue做一个新闻列表的客户端时也用到了，这里就简单介绍下实现原理和部分代码。实现原理加载页面的时候，图片一直都是...

2020-05-27

68浏览

0评论

Javascript实现的StopWatch功能示例

本文实例讲述了Javascript实现的StopWatch功能。分享给大家供大家参考，具体如下：有时会需要js来写一些函数进行测试，如果需要测试执行时间，可能需要一个stopwatch：StopWatch类：fun...

2020-05-27

61浏览

0评论

jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数

功能需求如下: 1) 使用 datetimebox 日期控件, 选择开始日期 startdate，结束日期 leavedate ，然后求两日期间相隔天数 numdays ; 2) 天数 x 补助 = 包干费用; (numdays * a...

2020-05-27

63浏览

0评论

让微信小程序支持ES6中Promise特性的方法详解

遇到的问题
微信开发者工具更新版本后, 移除了开发者工具对 ES6 中 Promise 特性原生的支持, 理由是因为实体机器是不支持 Promise 的, 所以我们需要引入第三方的 Promise...

2020-05-27

69浏览

0评论

利用r.js打包模块化的javascript文件方法示例

前言r.js(本地下载)是requireJS的优化（Optimizer）工具，可以实现前端文件的压缩与合并，在requireJS异步按需加载的基础上进一步提供前端优化，减小前端文件大小、减少对服务器的文...

2020-05-27

74浏览

0评论

angular-ngSanitize模块-$sanitize服务详解

本篇主要讲解angular中的$sanitize这个服务.此服务依赖于ngSanitize模块.要学习这个服务,先要了解另一个指令: ng-bing-html.顾名思义,ng-bind-html和ng-bind的区别就是,ng-...

2020-05-27

60浏览

0评论

angularjs实现搜索的关键字在正文中高亮出来

1、定义高亮 filter
我们希望搜索的关键字在正文中高亮出来，正文内容就是过滤器的第一个参数，第二个参数就是搜索关键字，这样，我们的过滤器将会有两个参数了。高亮的原理很简单，...

2020-05-27

85浏览

0评论

JS实现json的序列化和反序列化功能示例

本文实例讲述了JS实现json的序列化和反序列化功能。分享给大家供大家参考，具体如下：序列化：var s = new Object();s.Name = "clientValue";s.Id = 1;s.ClassId = 2;var data =...

2020-05-27

66浏览

0评论

angularjs之$timeout指令详解

angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行.如果需...

2020-05-27

50浏览

0评论

javascript checkbox/radio onchange不能兼容ie8处理办法

javascript checkbox/radio onchange不能兼容ie8处理办法在ie8下，checkbox的onchange没能实现触发自定义的函数，如何解决该问题，如下：
function forIe(){ if($.browser.msie){...

2020-05-27

92浏览

0评论

详解vue项目优化之按需加载组件-使用webpack require.ensure

使用 vue-cli构建的项目,在默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js
类似下面的路由代码rou...

2020-05-27

86浏览

0评论

深究AngularJS——ng-checked（回写：带真实案例代码）

1.需求在添加页面实现一个checkbox的选择，然后在详情页面展示时，会自动选上之前被选中的。2.添加页面看官最好将这个代码复制过去看看效果。<!DOCTYPE html><html><head><meta...

2020-05-27

85浏览

0评论

微信小程序自定义导航隐藏和显示功能

微信小程序中不能直接操作window对象，document文档，跟html的树结构不相同。实现类似导航的隐藏显示，如图效果：点击网络显示或隐藏网络中包含的内容。其他类似。如果是jquery很方...

2020-05-27

57浏览

0评论

深究AngularJS之ui-router详解

1.配置使用ui-router1.1导入js文件需要注意的是：必须导入angular.min.js这个文件，且angular.min.js必须导入在angular-ui-router.min.js前面。<script type="text/javascript"...

2020-05-27

59浏览

0评论

微信小程序动态显示项目倒计时效果

本文实例为大家分享了微信小程序动态显示项目倒计时的具体代码，供大家参考，具体内容如下1、一般我们说的显示秒杀都是指的单条数据，循环我没做。效果：2、wxml代码：<p><block wx:i...

2020-05-27

68浏览

0评论

详解AngularJs路由之Ui-router-resolve（预加载）

ng-route模块中的when()和ui-route的state()都提供了resolve属性。
为什么需要使用resolve？
当路由切换的时候，被路由的页面中的元素（标签）就会立马显示出来，同时，数据会被准备...

2020-05-27

76浏览

0评论

微信小程序实现移动端滑动分页效果（ajax）

一般在PC上我们要分页都是通过上一页和下一页来实现的，手机通过当下滑到一定程度的时候自动加载下一页面。
实现思路：首先加载部分数据，当下滑到某个元素可见的时候，如果还有数...

2020-05-27

热门文章