JavaScript - 教程之家

65浏览

0评论

vue.js语法及常用指令

Vue.js是当下很火的一个JavaScript MVVM（Model-View-ViewModel）库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够...

2020-05-27

69浏览

0评论

bootstrap table sum总数量统计实现方法

写了一个分页要显示数据中所有金额的总数但是使用footerformatter 却不知道该怎么赋值没办法只能放到页脚了先上个效果图：这样做要修改源码： bootstrap-table.js1：定义一个名...

2020-05-27

59浏览

0评论

jQuery实现切换隐藏与显示同时切换图标功能

HTML代码：<!doctype html><html><head> <meta charset=" utf-8"> <title>jq隐藏显示图标切换</title> <script type="text/javascript" scr="./js/jquery.m...

2020-05-27

70浏览

0评论

javascript按钮禁用和启用的效果实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所述：<!doctype html><html><head><meta charset="utf-8"><title>按钮启用和禁用</title><script type="text/javascript">funct...

2020-05-27

66浏览

0评论

vue.js todolist实现代码

案例知识点：1.vue.js基础知识2.HTML5 本地存储localstoragestore.js代码const STORAGE_KEY = 'todos-vue.js'export default{ fetch(){ return JSON.parse(window.localStor...

2020-05-27

66浏览

0评论

vue.js 父向子组件传参的实例代码

1.新建componentA.vue组件，代码如下：store.js代码如下：const STORAGE_KEY = 'todos-vue.js'export default{ fetch(){ return JSON.parse(window.localStorage.getItem(STO...

2020-05-27

58浏览

0评论

Vue.js划分组件的方法

常见的一些页面，大家坐在一起敲代码就可以了，做完这个页面再做别的页面，但是作为一个功能复杂的系统，尤其是使用一些适合模块化开发的框架，这样会显得效率很低，那么我们就单纯的看...

2020-05-27

79浏览

0评论

vue中的scope使用详解

我们都知道vue slot插槽可以传递任何属性或html元素，但是在调用组件的页面中我们可以使用 template scope="props"来获取插槽上的属性值，获取到的值是一个对象。注意：scope="它...

2020-05-27

71浏览

0评论

JavaScript实现精美个性导航栏筋斗云效果

实现效果：　　实现效果如下图所示实现原理：什么是筋斗云效果：•这个效果很简单,就是鼠标移到其他导航目录时会有背景图片跟着鼠标滑动到当前的目录。实现思路：•鼠标...

2020-05-27

66浏览

0评论

用React实现一个完整的TodoList的示例代码

前言：算起来已经有一个多月没有写博客了，近来懈怠了不少，也不知道要写些什么，最近学了一段时间的React，一直都在看些理论性的知识，总觉得应该写个什么来练练手，所以还是拿个简单的t...

2020-05-27

63浏览

0评论

ES6 javascript中class静态方法、属性与实例属性用法示例

本文实例讲述了ES6 javascript中class静态方法、属性与实例属性用法。分享给大家供大家参考，具体如下：类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个...

2020-05-27

62浏览

0评论

Bootstrap栅格系统的使用详解

前言　Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。　而栅格系统是Bootstrap中的核心，正是因为栅格系统的存在，Bootstrap才能有着如此强大...

2020-05-27

62浏览

0评论

简单实现jQuery弹窗效果

本文实例为大家分享了jQuery弹窗效果展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>弹窗</title> <script...

2020-05-27

76浏览

0评论

原生JS与jQuery编写简单选项卡

本文实例为大家分享了JS编写简单选项卡的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery选项卡</title>...

2020-05-27

62浏览

0评论

ES6 javascript中class类的get与set用法实例分析

本文实例讲述了ES6 javascript中class类的get与set用法。分享给大家供大家参考，具体如下：与 ES5 一样，在 Class 内部可以使用get和set关键字，对某个属性设置存值函数和取值函...

2020-05-27

88浏览

0评论

react实现一个优雅的图片占位模块组件详解

前言
发现项目中的图片占位模块写得很不优雅，找了一圈，发现没找到自己想要的图片组件。于是自己写了一个，写了一个还算优雅的图片组件：mult-transition-image-view截图：
功能简介...

2020-05-27

197浏览

0评论

Bootstrap框架建立树形菜单(Tree)的实例代码

这里的Tree指的是树形菜单，这篇文章通过一个实例来讲解一下，在Bootstrap框架下怎么去建立一个树形菜单。前提：先添加Bootstrap和JQ的引用<link rel="stylesheet" type="text/c...

2020-05-27

73浏览

0评论

ES6 javascript的异步操作实例详解

本文实例讲述了ES6 javascript的异步操作。分享给大家供大家参考，具体如下：异步编程对 JavaScript 语言太重要。 Javascript 语言的执行环境是“ 单线程” 的，如果没有异步编...

2020-05-27

76浏览

0评论

移动端网页开发调试神器Eruda的介绍与使用技巧

前言众所周知，我们在做移动端Web开发的一大痛点就是，在真机运行下无法查看console.log日志和其他信息如网络请求、显示本地存储等信息。如果网页是运行在手机浏览器中还算好，可...

2020-05-27

76浏览

0评论

jQuery 禁止表单用户名、密码自动填充功能

Html登录表单经常被自动填充，有的甚至用户从来没有登录过的网站也会有自动填充，甚是让人讨厌。Mozilla developer documentation 建议使用表单设置属性 tautocomplete=”off”...

2020-05-27

62浏览

0评论

轻松理解vue的双向数据绑定问题

Vue介绍Vue是当前很火的一款MVVM的轻量级框架，它是以数据驱动和组件化的思想构建的。因为它提供了简洁易于理解的api，使得我们很容易上手。Vue与MVVM如果你之前已经习惯了用jQ...

2020-05-27

61浏览

0评论

ES6 javascript中Class类继承用法实例详解

本文实例讲述了ES6 javascript中Class类继承用法。分享给大家供大家参考，具体如下：1. 基本用法Class 之间可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，...

2020-05-27

81浏览

0评论

Vue中正确使用jQuery的方法

题主Vue小白，入门demo时想在其中使用jQuery（当然可能是不推荐的做法哈，毕竟俩儿的风格不一样，但万一你就需要呢 _^ ^_），结果遇到问题，最终倒腾解决。
编译报错：$ is undefined or no...

2020-05-27

52浏览

0评论

Angularjs按需查询实例代码

课程信息管理界面有这样一个需求，当课程类型为公选课的时候，可以选择课程性质，当为其他课程类型的时候，不必选择课程性质。代码：/** * 获取课程类型下拉框数据 */ getCourseTyp...

2020-05-27

69浏览

0评论

AngularJS实现controller控制器间共享数据的方法示例

本文实例讲述了AngularJS实现controller控制器间共享数据的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html ng-app="myapp"><head><title>www.freexyz.cn 控制器间...

2020-05-27

78浏览

0评论

JavaScript Date对象应用实例分享

本文实例为大家分享了js Date对象应用3个实例，供大家参考，具体内容如下
一.获取日期时间，秒数实时跳动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl...

2020-05-27

81浏览

0评论

JavaScript数组push方法使用注意事项

js 数组的push方法，想必大家都知道是向数组末尾添加元素，但是有一个很关键的点需注意：引自 MDN返回值当调用该方法时，新的 length 属性值将被返回。var sports = ["soccer", "ba...

2020-05-27

73浏览

0评论

AngularJS中scope的绑定策略实例分析

本文实例讲述了AngularJS中scope的绑定策略。分享给大家供大家参考，具体如下：当scope选项写为scope:{ }这种形式的时候，就已经为指令生成了隔离作用域，指令的模板就无法访问外部...

2020-05-27

80浏览

0评论

微信小程序商品详情页规格属性选择示例代码

detail.wxml展示页面
<swiperclass="swiper"indicator-dots="{{indicatorDots}}"autoplay="{{autoplay}}"interval="{{interval}}"duration="{{duration}}"cir...

2020-05-27

95浏览

0评论

Mac 安装 nodejs方法（图文详细步骤）

这几日因为需求需要又临时用到nodejs，之前安装过好几次，但是每次还是忍不住百度下，所以这次在此mark下 Mac 下 nodejs 的安装和检验，给自己留个标记，提高下以后的效率。step 1：访...

2020-05-27

99浏览

0评论

JavaScript实现QQ列表展开收缩扩展功能

本文实例为大家分享了js实现QQ列表展开收缩扩展展示的具体代码，供大家参考，具体内容如下效果图：代码：<html><head><meta http-equiv="Content-Type" content="text/html; charse...

QQ

2020-05-27

73浏览

0评论

JavaScript中正则表达式使数字、中文或指定字符高亮显示

<span id="span_id">span2314的23文本213</span>var htmlobj = txt.replace(/(\d+)/img, "<span style='background:red;'>$&</span>");//var htmlobj = txt.replace(/([+\-...

2020-05-27

60浏览

0评论

ES6扩展运算符用法实例分析

本文实例讲述了ES6扩展运算符用法。分享给大家供大家参考，具体如下：扩展运算符用三个点号表示，功能是把数组或类数组对象展开成一系列用逗号隔开的值，扩展运算符有以下几点作用...

2020-05-27

71浏览

0评论

canvas绘制爱心的几种方法总结(推荐)

第一种方法
代码实现的一种方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用桃心形方程绘制爱心</title></head><body> <canvas></canvas> <...

2020-05-27

70浏览

0评论

jQuery读取本地的json文件(实例讲解)

最近写项目需要读取本地的json文件，然后悲催的发现前端新手的我居然不会，查查找找发现这东西并不难，但是应该是比较常用的，毕竟json太好用了！我是直接用的 jquery 实现的，但是 Aja...

2020-05-27

46浏览

0评论

js 获取json数组里面数组的长度实例

作为一个前端页面开发者第一次处理json数据，遇到了‘js 获取json数组里面数组的长度'？竟然不知道 json没有.length属性（真是要嘲讽下自己），少壮不努力老大徒伤悲啊！以前都是去寻求...

2020-05-27

83浏览

0评论

ES6解构赋值实例详解

本文实例讲述了ES6解构赋值。分享给大家供大家参考，具体如下：基本用法let [x, y, ...z] = ['a']//"a", undefined, []1.等号右边如果不是数组，将会报错（不是可遍历结构）
2.解构赋...

2020-05-27

57浏览

0评论

React Native中导航组件react-navigation跨tab路由处理详解

前言大家应该都有所体会，我们在一般应用都有跨tab跳转的需求，这就需要特别处理下路由，所以下面是使用react-navigation作为路由组件的一种方式.具体情境是: app分三大模块Hom...

2020-05-27

61浏览

0评论

详解RequireJs官方使用教程

§ 1.使用§ 1.1 加载 JavaScript 文件RequireJS的目标是鼓励代码的模块化，它使用了不同于传统<script>标签的脚本加载步骤。可以用它来加速、优化代码，但其主要目的还是为了...

2020-05-27

57浏览

0评论

CheckBox多选取值及判断CheckBox选中是否为空的实例

实例如下：var chk_value = [];//定义一个数组//name是CheckBox的name属性定义的名称$('input[name="time"]:checked').each(function () {chk_value.push($(this).val());});...

2020-05-27

81浏览

0评论

js原生日历的实例(推荐)

突然发现日期对象可以进行加减，利用这个特性写了一个可以说是对只要会JavaScript 的就可以写的日历；没有各种算法，只有一些逻辑相信只要懂javascript就差不多看俩眼就会的...

2020-05-27

59浏览

0评论

ES6解构赋值的功能与用途实例分析

本文实例讲述了ES6解构赋值的功能与用途。分享给大家供大家参考，具体如下：（1）交换变量的值[x, y] = [y, x];上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。...

2020-05-27

58浏览

0评论

jQuery ajax读取本地json文件的实例

json文件{ "first":[ {"name":"张三","sex":"男"}, {"name":"李四","sex":"男"}, {"name":"王武","sex":"男"}, {"name":&...

2020-05-27

68浏览

0评论

Vue实战之vue登录验证的实现代码

最近一直在撸一个给大学生新生用的产品，在撸的时候有时候会发现自己力不从心，是不是我的能力下降，是不是我该放弃我的最热爱的事业了？这对我的心灵造成了巨大的伤害，所以我决定向...

2020-05-27

60浏览

0评论

ES6使用Set数据结构实现数组的交集、并集、差集功能示例

本文实例讲述了ES6使用Set数据结构实现数组的交集、并集、差集功能。分享给大家供大家参考，具体如下：Set数据结构是es6中新增的，它类似于数组，但是成员的值唯一，没有重复值。Set...

2020-05-27

74浏览

0评论

原生js实现仿window10系统日历效果的实例

舞动的灵魂版js日历，完全采用js实现，故而实现了与语言无关，jsp、asp.net php asp均可使用.无论你是开发软件，还是网站，均是不可或缺的实用代码。该日历主要实现了获取当前时间时...

2020-05-27

95浏览

0评论

详解Vue用自定义指令完成一个下拉菜单（select组件）

这次分享的是关于Vue自定义指令的使用方法，学习完基础后我们再来实战完成一个下拉列表，废话不多说，直接上干货
基本用法//全局注册Vue.directive('my-directive', { // 指令选...

2020-05-27

83浏览

0评论

Node.js学习教程之HTTP/2服务器推送【译】

前言最近Node.js v8.4+版本发布带来了体验版的HTTP/2，你可以自己通过设置参数--expose-http2启动。这篇文章，我将介绍HTTP/2最重要的一方面服务器推送并且创建一个小的Node.js...

2020-05-27

59浏览

0评论

jQuery简单实现对数组去重及排序操作实例

本文实例讲述了jQuery简单实现对数组去重及排序操作。分享给大家供大家参考，具体如下：1. 去重：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>JQ去重</t...

2020-05-27

74浏览

0评论

JS简单实现点击跳转登陆邮箱功能的方法

本文实例讲述了JS简单实现点击跳转登陆邮箱功能的方法。分享给大家供大家参考，具体如下：前言注册的过程中往往需要填写邮箱，并登陆邮箱进行验证。利用JS可以实现针对不同的邮箱...

2020-05-27

热门文章