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

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

AngularJS 异步解决实现方法

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

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

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

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...

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

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

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

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

深究AngularJS中$sce的使用

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

深究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,$...

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

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

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

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

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

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

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

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

微信小程序--组件(swiper)详细介绍

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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...

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

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

Javascript实现的StopWatch功能示例

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

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

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

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

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

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

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

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

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

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

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

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

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

angularjs之$timeout指令详解

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

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

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

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

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

深究AngularJS——ng-checked(回写:带真实案例代码)

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

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

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

深究AngularJS之ui-router详解

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

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

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

详解AngularJs路由之Ui-router-resolve(预加载)

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

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

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

Javascript实现从小到大的数组转换成二叉搜索树

废话不多说了,直接给大家贴代码了,具体代码如下所示:var Array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var Tree = createTree(Array); console.log(Tree); // 构造一个节点 func...

详解Vue.js分发之作用域槽

首先,需要知道的是,每个组件有每个组件自己的作用域。每个组件都是Vue()的实例,有自己的作用域。
比如现在有个组件这样的:Vue.component('father-component1',{ template:'<d...

详解vue slot插槽的使用方法

官方文档其实已经讲得很详细,我根据文档,把官方的小案例实现了一下,这样更直观
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <scr...

vue时间格式化实例代码

整理文档,搜刮出一个vue时间格式化实例代码,稍微整理精简一下做下分享。
export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$...

详解vue2.0的Element UI的表格table列时间戳格式化

这两天学习了vue2.0的Element UI的表格table列时间戳格式化,所以,今天添加一点小笔记。
表格属性<el-table :data="tableData" v-loading.body="loading"...

详解Vue爬坑之vuex初识

在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式.但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就...

ExtJs异步无法向外传值和赋值的完美解决办法

1、Ext.data.Store.load();方法是异步的,下面的方式获得的reCount始终是0,因为还没等后台的方法执行完就赋值了,此时store的record还没获得值。var testStore = new Ext.data.G...

jQuery.form.js的使用详解

面临问题:form表单submit之后,后端会返回提示信息。但原生html无法获取后端返回的数据,就造成了这样一种局面:提交之后,页面发生跳转,在一个空白页面上显示了后端返回的json数据,用...

详解nodejs模板引擎制作

关于模板,我倒是用过了不少。最开始要数Java的JSP了,然后接触了PHP的smarty,再就是Python的jinja2, Django内置模板,现在刚开始看Nodejs,也发现了不少类似的模板引擎,ejs, jade等...

Vue2.0 从零开始_环境搭建操作步骤

简要:继项目空闲后,开始着手vue的学习;为此向大家分享其中的艰辛和搭建办法,希望能够跟各位VUE大神学习探索,如果有不对或者好的建议告知下;*~*!一、什么是VUE?是一种node.js框架,特...

JS中mouseup事件丢失的原因与解决办法

前言当实现类似Excel选中区域的功能时,经常出现 mouseup 事件丢失的情况,由于缺少了 mouseup 事件,导致一个完整的操作无法进行。如果你是想进行拖拽移动操作,也可以参考本文。...

vue-loader教程介绍

在最初使用webpack+vue时,看到vue里面各种语法,包括import,export,html和css的写作方式,我都能依葫芦画瓢地实现各种功能,但是为什么能这样写,一直不太理解,直到我了解了vue-loader...

返回顶部
顶部