分享Bootstrap简单表格、表单、登录页面

1.表格<!doctype html> <html> <head> <meta charset="utf-8"> <title>表格</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="...

vue插件vue-resource的使用笔记(小结)

最近手头有个小项目,打算用vue练个手,期间用到了vue的插件:vue-resource。下面是我使用这个插件的一些经验,算是给自己写的一个笔记,分享出来也希望和我遇到同样坑的朋友可以借此...

JS+Ajax实现百度智能搜索框

首先浏览实现后的结果,输入一个a之后会出现包含a的下拉列表,当我们点击某一个的时候,搜索框中就会出现点击的值。实现所需要的主要是ajax+js。前端search.jsp<%@ page language...

Vue计算属性的使用

我们都知道在Vue构造函数的参数对象中有一个【data】属性,该属性值是一个对象,该对象是对数据的代理,是一个键值对并且时刻与页面表现是一致的,但是这里面只能是简单的键值对,不...

微信小程序 转发功能的实现

微信小程序 转发功能的实现1.当用户将小程序转发到任一群聊之后,可以获取到此次转发的 shareTicket
2.此转发卡片在群聊中被其他用户打开时,可以在 App.onLaunch() 或 App.on...

微信小程序 同步请求授权的详解

微信小程序 同步请求授权的详解需求分析:
1.在小程序首次打开的时候,我需要同时请求获取多个权限,由用户逐一授权。
([‘scope.userInfo',‘scope.userLocation',‘scope.addr...

node中Express 动态设置端口的方法

能够动态设置端口的话,调试起来会比较方便,不需要因为默认端口被占用去改代码,还可以多开。代码如下,其实没啥难度,只要你了解nodejs里的process模块,很容易就能写出来。
假设我们...

React Native第三方平台分享的实例(Android,IOS双平台)

本文主要介绍了React Native第三方平台分享的实例(Android,IOS双平台),分享给大家,具体如下:源码已开源到Github,地址请点击:react-native-share 【一行代码,双平台分享】
目前支持分...

JS中使用media实现响应式布局

常见写法:下面总结常见的响应式布局的分类:@media screen and (max-width:320px){ #talkFooter .editArea{…… }}@media screen and (min-width:321px) and (max-width:375p...

Easyui和zTree两种方式分别实现树形下拉框

最近工作中需要用到树形下拉框,因为项目中树形结构使用的是zTree,然后就百度,结果出来效果不好看,后来就试着用了easyui的comboTree,虽然比较好看,但是跟整体的bootstrap风格有点...

微信小程序 rich-text的使用方法

微信小程序 rich-text的使用方法rich-text 属性:nodes 类型:Array / String 结点列表 / HTML String 全局支持class和style属性,不支持id属性。 结点类型:type = node , name...

js分页之前端代码实现和请求处理

分页之js前端实现和请求处理代码,供大家参考,具体内容如下index.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="s...

Vue2.0 vue-source jsonp 跨域请求

本文介绍了Vue2.0 vue-source jsonp 跨域请求,分享给大家,希望对大家有所帮助以调用百度的输入提示接口为例main.jsimport Vue from 'vue'import VueResouse from 'vue-resour...

最通俗易懂的javascript变量提升详解

如下所示:a = 'ghostwu';var a;console.log( a );在我没有讲什么是变量提升,以及变量提升的规则之前, 或者你没有学习过变量提升,如果按照现有的javascript理解, 对于上述的例子,...

微信小程序 自定义消息提示框

微信小程序 自定义消息提示框需求描述:
wx.showToast(OBJECT)接口调用,但是不需要icon和image,即便image为空也有占位,实际上只想输出自定义文本内容。效果截图:
代码如下:<!--i...

Angularjs上传图片实例详解

&#8226;上传图片需要引入插件ngFileUpload,使用bower安装方法: bower install ng-file-upload --save,安装后需要在命名app的名字js文件中注入,如下所示:(function() { angular...

Node.js  事件循环详解及实例

Node.js 事件循环详解及实例 Node.js 是单进程单线程应用程序,但是通过事件和回调支持并发,所以性能非常高。 Node.js 的每一个 API 都是异步的,并作为一个独立线程运行,使...

Node.js  REPL (交互式解释器)实例详解

Node.js REPL (交互式解释器)实例详解Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境,类似 Window 系统的终端,我们可以在终端中输入命令,并接收系统的...

Node.js 基础教程之全局对象

Node.js 基础教程之全局对象 在浏览器 JavaScript 中,通常 window 是全局对象。 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性...

JS中定位 position 的使用实例代码

废话不多说了,直接给大家贴代码了,具体代码如下所述:<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">img{width:200px;}</style></...

使用bootstraptable插件实现表格记录的查询、分页、排序操作

在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table...

JS解析url查询参数的简单代码

废话不多说了,直接给大家贴代码了,具体代码如下所述:var path = 'www.u.com/home&#63;id=2&type=0&dtype=-1';function parseUrl(url){ var result = []; var query = url.sp...

ComboBox(下拉列表框)通过url加载调用远程数据的方法

ComboBox(下拉列表框)
ComboBox(下拉列表框)常用属性:
valueField: 基础数据值名称绑定到该下拉列表框。— 提交值
textField:基础数据字段名称绑定到该下拉列表框。—显示值...

ES6新增的math,Number方法

ES6新增的math,Number方法,下面总结了一些我觉得有用的Nunber.isInteger()判断是否为整数,需要注意的是1,和1.0都会被认为是整数
console.log(Number.isInteger(1.0))//true...

使用Node.js实现简易MVC框架的方法

在使用Node.js搭建静态资源服务器一文中我们完成了服务器对静态资源请求的处理,但并未涉及动态请求,目前还无法根据客户端发出的不同请求而返回个性化的内容。单靠静态资源岂...

react native实现往服务器上传网络图片的实例

如下所示:let common_url = 'http://192.168.1.1:8080/'; //服务器地址let token = ''; //用户登陆后返回的token/** * 使用fetch实现图片上传 * @param {string} url 接口...

基于JS递归函数细化认识及实用实例(推荐)

程序调用自身的编程技巧称为递归( recursion)。一个过程或函数在其定义或说明中又直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模...

bootstrap table表格客户端分页实例

一、前言
bootstrap-table是非常方便好用的前端表格分页插件,使用者只需要提供数据源就能实现非常完美的分页效果,其分页方式可以分成客户端分页和服务端分页,其接收的数据...

jquery+css实现简单的图片轮播效果

开发过程中需要用到图片轮播的插件,在网上找了几个插件之后还是决定自己码一个,比较简洁的功能,以后说不定还会有用。ps:
功能比较简单,整个框并不能根据图片的大小自动调节,这里...

react native仿微信PopupWindow效果的实例代码

在原生APP开发中,相信很多开发者都会见到这种场景:点击右上角更多的选项,弹出一个更多界面供用户选择。这种控件在原生开发中Android可以用PopupWindow实现,在iOS中可以用CMPopT...

JavaScript调试之console.log调试的一个小技巧分享

前言
对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用;
alert弹出框需要点击确认比...

深入理解vue.js中$watch的oldvalue与newValue

$watch中的oldvalue和newValue大家都知道,在vue.js中给我们提供了$watch的方法来做对象变化的监听,而且在callback中会返回两个对象,分别是oldValue和newValue.
顾名思义,这两个...

react路由配置方式详解

本文介绍了react路由配置,最近刚开始学,分享给大家,顺便给自己留个笔记。包含了LInk跳转以及js触发跳转并传参。
这是项目的目录结构,主要的代码都在src目录下,src下面新建一个co...

React中使用collections时key的重要性详解

前言大家应该都知道,在 React 中 render collections 的 items 时, Keys 扮演着重要的角色, 它直接决定接下来的 rendered 和 re-rendered,下面话不多说,来一起看看详细的介绍:R...

详解前端路由实现与react-router使用姿势

路由对于有过SPA开发经验的人来说,路由这个名词并不陌生,前端的路由和后端的路由在实现技术上不一样,但是原理都是一样的。在 HTML5 的 history API 出现之前,前端的路由都是通...

React进阶学习之组件的解耦之道

前言众所周知,React中的组件非常的灵活可扩展,不过随着业务复杂度的增加和许多外部工具库的引入,组件往往也会显得浮肿,接下来我们就一起来看看常见的几种,遵循单一职责原则的,组...

Django+Vue.js搭建前后端分离项目的示例

在写这篇文章的时候,顺带学习了一下关于Markdown的使用方法。
笔者是个渣渣,一切都是自己在摸索的学着,所以也谈不上什么体系、系统学习。在这里主要是为了实现把项目前后端分...

bootstrap Table插件使用demo

最近研究bootstrap,它仅提供视觉效果,对于数据列表之类的并未涉及,网上找了一下,找到一个Table插件。
名为bootstrapTable。
官方地址:http://bootstrap-table.wenzhixin.net.cn/...

ES6新增数据结构WeakSet的用法详解

WeakSet和Set类似,同样是元素不重复的集合,它们的区别是WeakSet内的元素必须是对象,不能是其它类型。特性:1.元素必须是对象。添加一个number类型的元素。const ws = new WeakSe...

BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤

bootstrap-fileinput源码:https://github.com/kartik-v/bootstrap-fileinputbootstrap-fileinput在线API:http://plugins.krajee.com/file-inputbootstrap-fileinput Demo展示...

关于webpack2和模块打包的新手指南(小结)

webpack已成为现代Web开发中最重要的工具之一。它是一个用于JavaScript的模块打包工具,但是它也可以转换所有的前端资源,例如HTML和CSS,甚至是图片。它可以让你更好地控制应用...

AngularJs每天学习之总体介绍

这周末在家呆了两天,正好中午闲暇时间继续分享Angularjs相关,今天主要分享Angularjs总体介绍及数据绑定部分内容,下面直接进入主题。1、基本概念:
  AngularJS是为了克服HTML...

JS判断微信扫码的方法

一、navagitor的userAgent属性中,判断是否含有micromessenger二、代码/** * 判断微信扫码 */ function isWechat() { var ua = navigator.userAgent.toLowerCase(),flag...

在iframe中使bootstrap的模态框在父页面弹出问题

这几天在写项目的中,页面使用了iframe,然而在子页面中使用bootstrap的模态框时发现:弹出的模态框位置是以子页面为标准居中的,并且遮罩层也只有子页面那一部分,整个页面简直无法...

JS实现移动端判断上拉和下滑功能

一、手指触屏,利用touchstart和touchend计算前后滑动距离,判断是上拉还是下滑。二、js中距离:pageY、clientY、offsetY的区别: offsetY:相对于父节点的偏移距离。 c...

ReactNative Image组件使用详解

最近学习ReactNative感觉到挺有意思的,在学习的过程中,发现网上一些人写的文章内容过时了,这主要是ReactNative的版本升级太快,如果你现在看一篇16甚至15年写的文章,把知识点和官...

JS实现简单短信验证码界面

1.要实现短信验证码界面,首先要有一个文本框,旁边是按钮,点击时开始倒计时。2.先创建文本框和按钮,按钮设置对应的id,然后在js中通过id获取按钮这个元素,对其执行操作。同时应设置...

详解express与koa中间件模式对比

起因最近在学习koa的使用, 由于koa是相当基础的web框架,所以一个完整的web应用所需要的东西大都以中间件的形式引入,比如koa-router, koa-view等。在koa的文档里有提到:koa的中...

详解Vue的computed(计算属性)使用实例之TodoList

最近倒腾了一会vue,有点迷惑其中methods与computed这两个属性的区别,所以试着写了TodoList这个demo,(好土掩面逃~);
1. methods
methods类似react中组件的方法,不同的是vue采用...

Angularjs上传文件组件flowjs功能

现在的项目,无论代销,几乎不会缺省的一个功能就是上传下载功能,今天谈一谈使用AngularJS+bootsrtap下的上传下载功能。1.angularjs和flowjsangularjs我在其他的博客里面也讲到...

返回顶部
顶部