JavaScript - 教程之家

82浏览

0评论

通过学习bootstrop导航条学会修改bootstrop颜色基调

通过bootstrap文档对导航条样式的设置发现，其实本身是有一个类似于主题的概念- navbar-default：默认的外观- navbar-inverse：暗色背景的样式- 所以我们希望可以通过自定义一套...

2020-05-27

69浏览

0评论

在bootstrap中实现轮播图实例代码

Bootstrap中轮播图插件叫作Carousel以下容器就是整个轮播图组件的整体，注意该盒子必须加上 class=”carousel slide” data-ride=”carousel” 表示当前是一个轮播图bootstr...

2020-05-27

69浏览

0评论

JS判断一个数是否是水仙花数

水仙花数是指一个 n 位数 ( n≥3 )，它的每个位上的数字的 n 次幂之和等于它本身。例如:1^3 + 5^3+ 3^3 = 153//判断一个数是否数水仙花数 var num=prompt('请输入一个数字...

2020-05-27

59浏览

0评论

ionic中的$ionicPlatform.ready事件中的通用设置

前言$ionicPlatform.ready事件是用于检测当前的平台是否就绪的事件，相当于基于document的deviceready事件, 在app中一些通用关于设备的设置必须在这个事件中处理, 为了代码的...

2020-05-27

52浏览

0评论

jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解

jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解1.插件介绍：jquery.json-viewer.js是一款查看json格式数据的jquery插件。它可以将混乱的json数据漂亮的方式展示...

2020-05-27

75浏览

0评论

JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容

获取鼠标坐标，并且根据鼠标所在div弹出不同内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d...

2020-05-27

67浏览

0评论

手把手搭建安装基于windows的Vue.js运行环境

　　Vue.js 是一套构建用户界面的渐进式框架。他自身不是一个全能框架——只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。在与相关工具和支持库一起...

2020-05-27

61浏览

0评论

原JS实现banner图的常用功能

虽然，用jQuery实现banner图的各种效果十分简单快捷，但是我今天用css+js代码实现了几个banner图的常用功能，效果还不错。此次，主要想实现以下功能：　　1. banner图循环不间断切换...

2020-05-27

86浏览

0评论

利用Jasmine对Angular进行单元测试的方法详解

前言本文主要介绍的是关于利用Jasmine对Angular单元测试的相关内容，以下是我假定那些极少或压根没写单元测试的人准备的，因此，会白话解释诸多概念性问题，同时会结合 Jasmine 与...

2020-05-27

80浏览

0评论

微信小程序实现缓存根据不同的id来进行设置和读取缓存

本文是根据不同的id来进行设置和读取缓存，是同步缓存的方式：jonNums.count 是接口返回的数据是报名总人数
newNumber 新的报名总人数 - 缓存上次的报名总人数 = 新增报名人...

2020-05-27

75浏览

0评论

JavaScript该如何学习怎样轻松学习JavaScript

js给初学者的印象总是那么的“杂而乱”，相信很多初学者都在找轻松学习js的途径。我试着总结自己学习多年js的经验，希望能给后来的学习者探索出一条“轻松学习js之路”。js给人...

2020-05-27

64浏览

0评论

微信小程序实现点击添加移除class

微信小程序点击添加移除class类实现动态变化class
wxml：
<view class="location_bottom" hidden="" > <view class="{{_num == 1?'add_citying':'add_city'}}" data-n...

2020-05-27

58浏览

0评论

Ionic + Angular.js实现验证码倒计时功能的方法

前言之前跟大家分享了关于 Android 原生实现验证码倒计时，地址是这里，现在公司使用 Ionic 开发的 App 也要实现类似的功能，现在也记录下来，供大家参考：效果图：
正文首先介绍下与本...

2020-05-27

62浏览

0评论

详解vue.js 开发环境搭建最简单攻略

做为一名学习路上的小白，起初就对 vue.js 有着莫名的好感，知道 vue.js 也能实现 angular.js 的双向绑定等一些功能后，妥妥的先把 angular.js 和 node.js 丢到后面再去学, 看了...

2020-05-27

64浏览

0评论

JavaScript初学者必看“new”

译者按: 本文简单的介绍了new, 更多的是介绍原型(prototype)，值得一读。原文:JavaScript For Beginners: the ‘new' operator译者: Fundebug为了保证可读性，本文采用意译而非...

2020-05-27

65浏览

0评论

实现微信小程序的wxml文件和wxss文件在webstrom的支持

微信小程序的wxml文件和wxss文件在webstrom的支持ebstrom默认不支持wxml文件和wxss文件，所以要进入设置里面手动添加支持。对wxml文件的支持：文件 -> 设置 -> 编辑器 -> 文件...

2020-05-27

62浏览

0评论

jquery处理checkbox（复选框）是否被选中实例代码

jquery处理checkbox（复选框）是否被选中现在如果一个复选框被选中，是用checked=true，checked="checked"也行要用prop代替attr会更好，虽然在jQuery1.6之前版本的attr()方法能正常使...

2020-05-27

57浏览

0评论

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

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

2020-05-27

72浏览

0评论

Angular4 中常用的指令入门总结

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

66浏览

0评论

Vue非父子组件通信详解

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

2020-05-27

111浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

75浏览

0评论

AngularJS 异步解决实现方法

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

59浏览

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

117浏览

0评论

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

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

2020-05-27

96浏览

0评论

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

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

2020-05-27

65浏览

0评论

深究AngularJS中$sce的使用

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

2020-05-27

100浏览

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

75浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

100浏览

0评论

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

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

2020-05-27

55浏览

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

热门文章