Vue实现自带的过滤器实例

一 过滤器写法{{ message | Filter}}二 Vue自带的过滤器:capitalize功能:首字母大写<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue自带的过滤器<...

详解Vue方法与事件

一 vue方法实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue方法与事件</title> <meta name="viewport" content="width=device-width,initi...

JavaScript实现弹窗效果代码分析

效果图:话不多说,请看代码:每个弹窗的标识var x =0;var idzt = new Array();var Window = function(config){ ID不重复 idzt[x] = "zhuti"+x; 弹窗ID 初始化,接收参数 this.conf...

jQuery弹出窗口简单实现代码

今天讲了Jquery的弹出窗口的组成和用法:先把引用文件的代码写好:// 每个弹窗的标识var x =0;var idzt = new Array();var Window = function(config){ //ID不重复 idzt[x] =...

原生javascript移动端滑动banner效果

本文实例为大家分享了移动端滑动banner效果的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...

JavaScript组件开发之输入框加候选框

1.兼容ie8 主要是事件兼容var EventUtil = { on:function(elem,type,handler){ if(elem.addEventListener){ elem.addEventListener(type,handler,false); }els...

Vue.js bootstrap前端实现分页和排序

写之前先抱怨几句。本来一心一意做.net开发的,渐渐地成了只做前端。最近项目基本都用java做后台,我们这些.net的就成了前端,不是用wpf做界面,就是用html写web页面。
深知自己前...

js获取ip和地区

这个接口是搜狐的目前是可用的, 就是不知道以后会不会失效效果图:代码如下:<!doctype html><html><head><meta charset="utf-8"><title>t1</title><meta content="width=devic...

Vue.js结合bootstrap实现分页控件

本文为大家分享了使用vue.js结合bootstrap 开发的分页控件,供大家参考,具体内容如下
效果如下


实现代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta...

Node.js中.pfx后缀文件的处理方法

前言nodejs中,在做加密解密的时候,会得到第三方的各种各样的加密文件,其后缀也就那么几种吧,.key/.pem/.pfx等,是不是可以自定义,反正就是一个文件。但是今天我看了很多的nodejs库...

Bootstrap栅格系统使用方法及页面调整变形的解决方法

如果你以前使用过Bootstrap2或者了解过响应式技术,那么肯定对Bootstrap栅格系统并不陌生,由于栅格系统的引入,使得Bootstrap的跨设备布局显示变得可能。什么是栅格系统栅格系统...

Bootstrap fileinput组件封装及使用详解

介绍通过本文,你可以学习到如何封装或者开发一个前端组件,同时学习Bootstrap-fileinput组件的使用,封装后使用更加简单方便。
BaseFile是AdminEAP框架中基于Bootstrap-fileinpu...

BootstrapValidator实现注册校验和登录错误提示效果

使用BootstrapValidator进行注册校验和登录错误提示,具体内容如下
1、介绍在AdminEAP框架中,使用了BootstrapValidator校验框架,本文以注册校验的用户名、登录名、密码、确认密...

微信小程序 出现47001 data format error原因解决办法

微信小程序 出现47001 data format error原因解决办法看下错误:主要原因是请求的数据不是json格式引起的分享下我用的代码和函数: 发送模板消息
public function sendmessage...

微信小程序 wx.login解密出现乱码的问题解决办法

微信小程序 wx.login解密出现乱码的问题解决办法最近在给公司开发微信小程序,需要用到微信登录,根据文档要求需要把获取的用户信息按照AES进行解密。我使用的是官方提供的PHP...

jQuery表格(Table)基本操作实例分析

本文实例讲述了jQuery表格(Table)基本操作。分享给大家供大家参考,具体如下:Jquery 操作 Html Table 是很方便的,这里对表格的基本操作进行一下简单的总结。首先建立一个通用的...

详解Vue生命周期的示例

一 vue的生命周期如下图所示(很清晰) 二 vue生命周期的栗子 注意触发vue的created事件以后,this便指向vue实例,这点很重要<!DOCTYPE html><html> <head> <meta charset=...

微信小程序 页面传值详解

微信小程序 页面传值详解一. 跨页面传值.
1 . 用 navigator标签传值或 wx.navigator, 比如

这里将good_id=16 参数传入detail页面, 然后detail页面的 onload方法内接受.
如...

微信小程序 图片加载(本地,网路)实例详解

在微信小程序中,要显示一张图片,有两种图片加载方式:
加载本地图片
加载网络图片加载本地图片
<image class="widget__arrow" src="/image/arrowright.png" mode="aspect...

Node.js如何响应Ajax的POST请求并且保存为JSON文件详解

实现目的使用D3.js开发的前端应用,用户与图交互更改图的内容后,如何在下一次加载的显示上一次最后交互的内容?本文提供通过后端的Node.js程序提供一种最小化方案,作为参考。开发...

Vue.directive自定义指令的使用详解

很多教程都是在讲自定义指令的概念和语法,看的相当蛋疼.本文不讲语法和概念,只讲用法.
自定义指令基本就是用来操作DOM的,虽然官方推荐数据驱动视图,有时候还是需要自定义指...

js实现返回顶部效果

话不多说,请看代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www...

Angular.js基础学习之初始化

一、绑定初始化,自动加载通过绑定来进行angular的初始化,会把js代码侵入到html中。ng-app是angular的一个指令,代表一个angular应用(也叫模块)。使用ng-app或ng-app=""来标记一个...

BootStrap表单宽度设置方法

用bootstrap的栅格“ coll-md- ”命令设置宽度总是不尽人意,有时上下框对不齐,有时上下宽度又不齐,这时建议用“style="width:100px" "<div class="page-header"> <form clas...

微信小程序 弹框和模态框实现代码

微信小程序 弹框和模态框实现代码实现效果图:实现代码: <view class="wxapp-modal" style="{{modal_style}}"> <view class="content"> </view> <...

BootStrap注意事项小结(五)表单

1.基本实例单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 la...

js实现产品缩略图效果

效果图:代码如下:<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery...

C#微信小程序服务端获取用户解密信息实例代码

C#微信小程序服务端获取用户解密信息实例代码实现代码:using AIOWeb.Models; using Newtonsoft.Json; using Newtonsoft.Json.Linq; using System; using System.Collection...

JS中利用localStorage防止页面动态添加数据刷新后数据丢失

非常不多说了,直接给大家贴代码了,具体代码如下所示:<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,i...

利用Angular+Angular-Ui实现分页(代码加简单)

今天我们来看看一种只实现分页没有查询的例子吧,先看效果:采用了Angular-UI中的分页组件,关于Angular-UI如何使用请移步这里https://angular-ui.github.io/bootstrap/中的boots...

常用的js方法合集

数组及对象深拷贝var arr = [1,'2',{a:1,b:[1,2]}];function deepCopy(p, c) {     var c = c || {};     for (var i in p) {       if (typeof p[i] === 'o...

微信小程序 向左滑动删除功能的实现

微信小程序 向左滑动删除功能的实现实现效果图:实现代码:1、wxml touch-item元素绑定了bindtouchstart、bindtouchmove事件<view class="container"> <view class="touch-item...

jquery实现的table排序功能示例

本文实例讲述了jquery实现的table排序功能。分享给大家供大家参考,具体如下:<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="...

JS实现的自动打字效果示例

本文实例讲述了JS实现的自动打字效果。分享给大家供大家参考,具体如下:<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>js typing</title> </head> <body> <...

Vue.js之slot深度复制详解

前言在Vue中,slot是一个很有用的特性,可以用来向组件内部插入一些内容。slot就是“插槽”的意思,用大白话说就是:定义组件的时候留几个口子,由用户来决定插入的内容。例如我们定...

jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D带有Legend的饼图效果。分享给大家供大家参考,具体如下:1、实例代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Hig...

Angular多选、全选、批量选择操作实例代码

在前台开发过程中,列表批量选择是一个开发人员经常遇到的功能,列表批量选择的实现方式很多,但是原理基本相同,本文主要来讲AngularJs如何简单的实现列表批量选择功能。首先来看h...

AngularJS之页面跳转Route实例代码

AngulagJs的页面使用Route跳转1.除了引用AngularJs.js外,还要引用路由JS, "~/Scripts/angularjs/angular-route.js"2.通过$routeProvider定义路由,示例var testModule = angul...

jQuery实现扑克正反面翻牌效果

效果图:代码如下:<!DOCTYPE><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>【JQuery插件】扑克正反面翻牌效果</title> <sty...

微信小程序 MD5的方法详解及实例代码

微信小程序 MD5的方法详解生成的文件可以放在 utils文件中哦!!!/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as de...

Web纯前端“旭日图”实现元素周期表

一、什么是旭日图旭日图是在Excel 2016中新增的一种图表。有些类似饼图,饼图的优势是可以显示占比。但是饼图只能显示单级数据。旭日图用来表示多层级数据的占比。旭日图以一...

微信小程序手势操作之单触摸点与多触摸点

前言
手势对于一些效果是比较重要的,在canvas、交互等中应用非常广,看一下微信小程序手势是如何的。Demo
为了研究小程序是否支持多手指,需要使用touchstart,touchmove,touch...

AngularJS ui-router (嵌套路由)实例

我们都知道,如果使用原生路由的话,Angular的视图是通过ng-view这个指令进行加载的。比如这样:<div ng-view></div>。一般,我们都会把这个指令放在index.html这个文件里面,然后,通...

angularjs ui-router中路由的二级嵌套

关于ui-router中嵌套路由中的问题1.首先我们的页面层次为

其中Main.html是我们的主页,我们要在main.html中对路由进行统一的管理。
main.html页面中有一个ui-view在这里...

基于Bootstrap框架实现图片切换

准备图片,把相关记录添加至数据库表中:  
创建一个存储过程,获取所有记录:在ASP.NET MVC专案中,部署Bootstrap环境......然后创建一个model:using System;using System.Collec...

Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片

轮播图可以通过点击按钮来跳到上一张或者下一张,在移动端我们常用的就是通过滑动来实现一些时间,那么如何实现呢。以下是通过bootstrap的Carousel和dropload.js(移动端上下拉动...

ThinkPHP+jquery实现“加载更多”功能代码

ThinkPHP+jQuery实现“加载更多”在很多web端界面中都会用到点击按钮加载最新几条数据的demo,下例为使用thinkphp+jquery实现实例:要实现的结果大致如下第一步模板文件
...

js原生Ajax的封装和原理详解

原理及概念AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是一种用于创建快速动态网页的技术。动态网页:是指可以通过服务器语言结合数据库随时修改数据的网...

基于Node.js的WebSocket通信实现

node的依赖包node中实现Websocket的依赖包有很多,websocket、ws均可,本文选取ws来实现,首先安装依赖npm install ws聊天室实例假如A,B,C,D用户均通过客户端连接到Websocket服务...

详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现

详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现snsapi_base与snsapi_userinfo属于微信网页授权获取用户信息的两种作用域snsapi_base只能获取access_token和o...

返回顶部
顶部