JavaScript - 教程之家

265浏览

0评论

基于 Bootstrap Datetimepicker 联动

先看一下层级联动的案例先选择前面时间后后面的时间不要超过前面的时间先选择后面的时间后，前面的时间不要少于后面的时间下面看封装代码function initDateTimePicker(sta...

2020-05-27

54浏览

0评论

Bootstrap与Angularjs的模态框实例代码

先给大家展示下效果图，感兴趣的朋友参考下实现代码吧效果图如下所示：具体代码如下所示：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</t...

2020-05-27

74浏览

0评论

详解基于vue的移动web app页面缓存解决方案

现在移动web app越来越热门了，许多公司开始尝试使用angular、react、vue等MVVM框架来开发单页架构的web app。但在开发web app时，如果希望页面的导航体验也接近原生应用，那一般...

2020-05-27

47浏览

0评论

jQuery实现上传图片前预览效果功能

网上很多代码实现了上传图片这个功能，但不支持实时预览图片，下面实现了上传图片前预览效果功能，具体如下效果如图：代码如下：<!doctype html><html><head><meta charset="utf-8"><...

2020-05-27

76浏览

0评论

vue 2.0封装model组件的方法

本文介绍了vue 2.0封装model组件的方法，分享给大家，希望对大家有所帮助单文件组件使用单文件组件封装model的模板、逻辑和样式，之后就可以在页面中调用此通用组件。需求model有...

2020-05-27

53浏览

0评论

JavaScript中正则表达式判断匹配规则及常用方法

字符串是编程时涉及到的最多的一种数据结构，对字符串进行操作的需求几乎无处不在。正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给...

2020-05-27

53浏览

0评论

用vue的双向绑定简单实现一个todo-list的示例代码

前言
最近在学习vue框架的基本原理，看了一些技术博客以及一些对vue源码的简单实现，对数据代理、数据劫持、模板解析、变异数组方法、双向绑定有了更深的理解。于是乎，尝试着去...

2020-05-27

54浏览

0评论

Angular2环境搭建具体操作步骤(推荐)

01、安装Node.js 和 npm安装完成后，在命令行依次使用node -v 和 npm -v可以看到版本号。目前安装的node.js版本为8.2.1 ，npm的版本为5.3.002、安装cnpmnpm需要连接谷歌服务器...

2020-05-27

68浏览

0评论

原生js jquery ajax请求以及jsonp的调用方法

ajax是用来处理前后端交互的技术，可以改善用户体验，其本质是XMLHttpRequest，异步访问服务器并发送请求数据，服务器返回响应的数据，以页面无刷新的效果改变页面中的局部内容同步：任...

2020-05-27

72浏览

0评论

addeventlistener监听scroll跟touch(实例讲解)

这三个事件只在手机上生效touchstart：手指开始触屏touchmove：手指移动touchend：手指触屏结束
这个事件在手机上跟在pc端都生效scroll事件
addeventlistener(name,callback,opti...

2020-05-27

64浏览

0评论

JavaScript模拟文件拖选框样式v1.0的实例

文件拖选v1.0图片不清楚时请右键点击"在新链接中打开图片"实现效果页面布局实现思路拖选框css样式中设置拖选框样式,注意设置position: absolute;漂浮状态.监听p#container...

2020-05-27

66浏览

0评论

js模拟百度模糊搜索的实例

废话不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding:0; }...

2020-05-27

56浏览

0评论

jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例

昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作，如果用submit表单提交挺方便的，但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了，因为我之前做过的项目中基...

2020-05-27

61浏览

0评论

JS 实现banner图片轮播效果(鼠标事件)

一.要实现的效果1.点击左右可切换图片2.点击小圆点可切换图片二.效果图三.代码1.css<style type="text/css">body,img,span,ul,li{margin: 0;padding: 0;}#div1{width: 600...

2020-05-27

72浏览

0评论

Angular实现响应式表单

介绍Angular 总共提供了 3 中表单实现方式，分别是：Template-driven Forms （模板驱动表单）、 Reactive Forms （响应式表单）、 Dynamic Forms （动态表单）。本文只介绍响应式表单。...

2020-05-27

76浏览

0评论

微信小程序 websocket 实现SpringMVC+Spring+Mybatis

微信小程序实现websocket步骤:
后台: 1. 添加maven依赖 2. 创建握手 3. 创建处理器 4. spring配置(xml配置或javabean方式配置任选一种)微信小程序: 1. 书写连接java后台1....

2020-05-27

83浏览

0评论

JavaScript hasOwnProperty() 函数实例详解

hasOwnProperty()函数用于指示一个对象自身(不包括原型链)是否具有指定名称的属性。如果有，返回true，否则返回false。该方法属于Object对象，由于所有的对象都"继承"了Object的...

2020-05-27

65浏览

0评论

JavaScript中in和hasOwnProperty区别详解

　每当代码读取某个对象的某个属性时，都会执行一次搜索，目标是具有给定名字的属性。搜索首先从对象实例本身开始。如果在实例中找到了具有给定名字的属性，则返回该属性的值；如果...

2020-05-27

85浏览

0评论

微信小程序五星评分的实现实例

微信小程序五星评分五星级评分效果:<view> <view class="zan-font-16 my-ib" bindtap="myStarChoose"> <block wx:for="{{starMap}}"> <text wx:if="{{star>=inde...

2020-05-27

78浏览

0评论

Javascript实现跨域后台设置拦截的方法详解

本文主要给大家介绍了关于Javascript跨域后台设置拦截的相关内容，分享出来供大家参考学习，话不多说了，来一起看看详细的介绍吧。子域名之间互相访问需要跨域结论放在开头：
1.服...

2020-05-27

76浏览

0评论

微信小程序本地图片按照屏幕尺寸处理

微信小程序本地图片按照屏幕尺寸处理前言：个人感觉微信小程序的IDE用起来有时候不太方便，可能是之前用惯了Eclipse的原因吧。微信小程序的开发工具不支持直接将文件拷贝到目...

2020-05-27

81浏览

0评论

详解Angular2表单-模板驱动的表单(Template-Driven Forms)

在网页开发中，表单估计是最常用的一个，同时也是最麻烦、最容易出问题的。在一个稍微复杂一点的应用中，我们除了用表单元素收集数据，还需要验证，几个数据之间可能还会相互关联，然后...

2020-05-27

73浏览

0评论

vue修改vue项目运行端口号的方法

一、导语最近在研究，左侧是导航，右侧是显示对应的内容，左右可单独滚动，不互相影响，如何实现？萝卜蹲的游戏大家都玩过，白萝卜蹲，白萝卜蹲，白萝卜蹲完红萝卜蹲，可是若是在含有滚动条的页...

2020-05-27

91浏览

0评论

使用jQuery实现鼠标点击左右按钮滑动切换

使用jQuery实现点击左右滑动切换特效：HTML代码如下： <div class="warp">  <div class="divContent"> <div class="content"> <ul...

2020-05-27

51浏览

0评论

vue-cli项目如何使用vue-resource获取本地的json数据（模拟服务端返回数据）

最近使用vue-cli做了一个小小的项目，在项目中需要使用vue-resource来与后台进行数据交互，所以我使用了本地json数据来模仿后台获取数据的流程。
至于vue-resource的安装和json...

2020-05-27

61浏览

0评论

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

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

2020-05-27

77浏览

0评论

vue插件vue-resource的使用笔记（小结）

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

49浏览

0评论

Vue计算属性的使用

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

67浏览

0评论

React Native第三方平台分享的实例（Android，IOS双平台）

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

43浏览

0评论

Vue2.0 vue-source jsonp 跨域请求

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

63浏览

0评论

Angularjs上传图片实例详解

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

55浏览

0评论

ES6新增的math,Number方法

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

热门文章