JavaScript - 教程之家

75浏览

0评论

javascript高级模块化require.js的具体使用方法

本文介绍了require.js的具体使用方法，分享给大家，也给自己留个笔记。Require.js：RequireJS是一个非常小巧的javascript模块载入框架，是AMD（Asynchronous Module Definition，异步模...

2020-05-27

94浏览

0评论

使用nvm管理不同版本的node与npm的方法

本文介绍了使用 nvm 管理不同版本的 node 与 npm ，分享给大家，具体如下：补充说明：Mac 下通过 brew install nvm 所安装的 nvm ，由于安装路径不同，无法正确启用。建议使用 brew uni...

2020-05-27

64浏览

0评论

Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
Bootstrap 是最受欢迎的 HTML、CSS...

2020-05-27

63浏览

0评论

React Native使用Modal自定义分享界面的示例代码

在很多App中都会涉及到分享，React Native提供了Modal组件用来实现一些模态弹窗，例如加载进度框，分享弹框等。使用Modal搭建分析的效果如下：
自定义的分析界面代码如下：
ShareA...

2020-05-27

71浏览

0评论

微信小程序顶部可滚动导航效果

需求是小程序做头部做导航分类的效果顶部用 scroll-view 组件横向滚动，类似tab选项卡的效果，内容用类似模板方式引用，可重复利用<scroll-view class="scroll-view_H" scroll-x=...

2020-05-27

66浏览

0评论

Vue异步加载about组件

本文实例为大家分享了Vue异步加载about组件的具体代码，供大家参考，具体内容如下异步加载about组件about.jsVue.component('about', {template: '<div>ABOUT PAGE</div>'}); ht...

2020-05-27

67浏览

0评论

react-native fetch的具体使用方法

在前端快速发展地过程中，为了契合更好的设计模式，产生了 fetch 框架，此文将简要介绍下 fetch 的基本使用。在 AJAX 时代，进行请求 API 等网络请求都是通过 XMLHttpRequest 或者...

2020-05-27

67浏览

0评论

bootstrap Table的一些小操作

本文实例为大家分享了bootstrap Table的操作代码，供大家参考，具体内容如下function HQCreatTable(ob) { var option = { cache: false,//是否使用缓存，默认为true，所以一般...

2020-05-27

69浏览

0评论

JavaScript实现带有子菜单和控件的slider轮播图效果

大家或许做过（照片轮播）无限滚动图片的项目，但是，如果使用普通的滚动，当到达最后一张时，便会滚动回第一张，这是一个非常不好的用户体验。下面通过本文给大家分享基于JavaScript实现...

2020-05-27

77浏览

0评论

ES7中利用Await减少回调嵌套的方法详解

前言我们知道javascript是没办法阻塞的，所有的等待只能通过回调来完成，这就造成了回调嵌套的问题，导致代码乱到爆，这时候Await就有用处了。对于await的底层机制这里就不详述了，以...

2020-05-27

88浏览

0评论

JS二分查找算法详解

二分法查找，也称折半查找，是一种在有序数组中查找特定元素的搜索算法。查找过程可以分为以下步骤：
（1）首先，从有序数组的中间的元素开始搜索，如果该元素正好是目标元素（即要查找的元...

2020-05-27

88浏览

0评论

js前端导出Excel的方法

需求：
要求把项目中的table表格导出Excel需求分析及解决：
既然需要导出，是报表的可能性比较大，我的项目中就是这样，那既然是报表导出，可以是前端导出，也可以是后端导出（技术包括POI...

2020-05-27

70浏览

0评论

Angular 4根据组件名称动态创建出组件的方法教程

一、理解angular组件
组件是一种特殊的指令，使用更简单的配置项来构建基于组件的应用程序架构，这样他能简单地写app，通过类似的web Component 或者angular2的样式。web Compone...

2020-05-27

72浏览

0评论

原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面

今天小编把之前保存的js特效视频看了一遍，跟着视频敲了敲嘻嘻，用原生js实现一个炫酷的登录页面。怎么个炫酷法呢，看看下面的图片大家就知道啦。效果图：不过在看代码之前呢，大家先...

2020-05-27

58浏览

0评论

详解Vue组件实现tips的总结

官网上已经有的内容，我就不再赘述了，直接在官网上查看即可，这里蚊子想换个角度来讲解下vue的组件。组件，顾名思义，就是把一个相对独立，而且会多次使用的功能抽象出来，成为一个组件！...

2020-05-27

65浏览

0评论

AngularJs ng-change事件/指令的用法小结

本文介绍了AngularJs ng-change事件/指令的小结，分享给大家，也给自己留个笔记定义和用法
ng-change 指令用于告诉 AngularJS 在 HTML 元素值改变时需要执行的操作。
ng-change...

2020-05-27

67浏览

0评论

BootStrap TreeView使用实例详解

本文实例为大家分享了BootStrap TreeView使用代码，供大家参考，具体内容如下<html><head> <title></title> <link href="/Scripts/bootstrap/css/bootstrap.css" rel="styl...

2020-05-27

65浏览

0评论

五步轻松实现zTree的使用

本文为大家分享了松实现zTree的使用的具体步骤，供大家参考，具体内容如下1、导入zTree的配置文件
<script type="text/javascript" src="../js/ztree/jquery.ztree.all-3.5.js"...

2020-05-27

62浏览

0评论

vue仿淘宝订单状态的tab切换效果

前几天刚开始使用vue 做项目，然后自己就在项目中摸索写了一个tab切换的小dome，仿淘宝订单状态的tab切换。
HTML 代码：<div class="navigation"> //这里是通过循环遍历出来的数...

2020-05-27

46浏览

0评论

js实现登录与注册界面

完成登录与注册页面的HTML+CSS+JS，其中的输入项检查包括：用户名6-12位首字母不能是数字只能包含字母和数字密码6-12位注册页两次密码是否一致html代码：<!DOCTYPE html><html la...

2020-05-27

58浏览

0评论

vue打包后显示空白正确处理方法

在项目中很多时候需要用到vue打包成html不需要放在服务器上就能浏览。根据官网打包出来的html直接打开是显示空白。vue打包后显示空白正确处理方法是1、找到配置文件修改这...

2020-05-27

59浏览

0评论

JavaScript登录验证基础教程

本文实例为大家分享了js登录验证的具体代码，供大家参考，具体内容如下1.<script></script>的三种用法： 1.放在<body>中 2.放在<head>中<!DOCTYPE html><html lang="en"><hea...

2020-05-27

70浏览

0评论

vue项目中使用axios上传图片等文件操作

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截...

2020-05-27

66浏览

0评论

Vue-cli 使用json server在本地模拟请求数据的示例代码

写在前面：开发的时候，前后端不论是否分离，接口多半是滞后于页面开发的。所以建立一个REST风格的API接口，给前端页面提供虚拟的数据，是非常有必要的。json server 作为模拟工具，因...

2020-05-27

61浏览

0评论

详解vue-cli项目中用json-sever搭建mock服务器

vue-cli下配置json-server使用json-server实现后台数据接口先建一个json文件：db.json 放在build/下
在build/dev-server.js中配置（注意变量命名）github说明：

启动项目地址栏...

2020-05-27

73浏览

0评论

vue-resource + json-server模拟数据的方法

本文介绍了vue-resource + json-server模拟数据，分享给大家，具体如下：
一、安装npm install vue-resource --savenpm install json-server --save二、配置与使用vue-resource//...

2020-05-27

96浏览

0评论

基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)

　随着html5的兴起，那些公司对大型游戏的开发正在慢慢疏远，一、开发周期长；二、运营花费高；他们正找一些能够克服这些缺点的替代品。正好，html5的出现可以改变这些现状，在淘宝、京...

2020-05-27

101浏览

0评论

使用 Node.js 模拟滑动拼图验证码操作的示例代码

近几年，网页上各种新型验证码层出不穷，其中一种比较常见的是滑动验证码，比如下图这种。本文介绍了一种使用纯前端方法寻找滑动终点并模拟滑动的方法。我们需要三个依赖库： puppe...

2020-05-27

43浏览

0评论

详谈js中标准for循环与foreach(for in)的区别

js中遍历数组的有两种方式var array=['a']//标准的for循环for(var i=1;i<array.length;i++){ alert(array[i])}//foreach循环for(var i in array){ alert(array[i])}正常...

2020-05-27

65浏览

0评论

为输入框加入数字js校验代码分享

js限制只能数字输入，并且在把输入的“非法字符”清除掉之后将焦点停留在输入非法字符的位置，参考如下：
html部分：<input value="" type="text" onkeyup="javascript:RepNumber(t...

2020-05-27

58浏览

0评论

Vue源码学习之初始化模块init.js解析

我们看到了VUE分了很多模块（initMixin()stateMixin()eventsMixin()lifecycleMixin()renderMixin()），通过使用Mixin模式，都是使用了JavaScript原型继承的原理，在Vue的原型上面增加...

2020-05-27

69浏览

0评论

JavaScript屏蔽Backspace键的实现代码

今天在IE浏览器下发现，当把使用readonly="readonly"属性将文本框设置成只读<input type="text" readonly="readonly"/>时有一个奇怪的问题：如果光标进入只读文本框，然后按下Bac...

2020-05-27

73浏览

0评论

利用nvm管理多个版本的node.js与npm详解

前言Nvm 管理不同版本的 node 与 npmnvm 是 NodeJS 的多版本管理工具，有点类似管理 Ruby 的 rvm，如果是需要管理 Windows 下的 node，官方推荐是使用 nvmw 或 nvm-windows 。卸...

2020-05-27

70浏览

0评论

极简主义法编写JavaScript类

这个所谓的"极简主义法"是荷兰程序员Gabor de Mooij提出来的，这种方法不使用this和prototype，代码部署起来非常简单，这大概也是它被叫做"极简主义法"的原因。下面就介绍如何使...

2020-05-27

73浏览

0评论

微信小程序实现图片放大预览功能

需求：当点击图片时，当前图片放大预览，且可以左右滑动实现方式：使用微信小程序图片预览接口我们可以看到api需要两个参数，分别通过下面的data-list和data-src来传到js中wxml代码： <...

2020-05-27

129浏览

0评论

微信小程序选择图片和放大预览图片功能

视频中,老师也是看着官方文档,为学生们讲解,微信提供了系统的方法来选择图片.wx.chooseImage({})此方法是用来选择图片的方法,具体使用如下: data: { avatarUrl:null },首...

2020-05-27

87浏览

0评论

微信小程序自动客服功能

微信小程序最近比较火爆，所以抽空做了个客服机器人的小程序，来回答之前坦克游戏中的常见问题。当然这个小程序也很容易修改为其他类型的自动客服，需要做的仅仅是在olami平台加...

2020-05-27

70浏览

0评论

js 客户端打印html 并且去掉页眉、页脚的实例

print() 方法用于打印当前窗口的内容，支持部分或者整个网页打印。调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常，这会产生一个对话框，让用户可以取消或定...

2020-05-27

73浏览

0评论

详解React-Native全球化多语言切换工具库react-native-i18n

开篇啰嗦–阶段感悟
最近2 -3个月基本都因为一些私事没怎么系统的工作和学习，途中看了几天Kotlin的东西写了些demo并且整了个小项目，但是整体状态不是很好，这些天看到些95后码...

2020-05-27

63浏览

0评论

基于angular-utils-ui-breadcrumbs使用心得(分享)

angular-utils-ui-breadcrumbs是一个用来自动生成面包屑导航栏的一个插件，需要依赖angular、UIRouter和bootstrap3.css。生成的界面截图如下，点击相应的面包屑会跳转到相应的...

2020-05-27

73浏览

0评论

ztree实现左边动态生成树右边为内容详情功能

zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件,兼容 IE、FireFox、Chrome 等浏览器在一个页面内可同时生成多个 Tree 实例支持 JSON 数据支...

2020-05-27

68浏览

0评论

React-intl 实现多语言的示例代码

最近在项目中添加了语言国际化的功能。语言国际化，也有人说成是语言本地化，其实就是为Web App添加多语言，我们的项目当前包含了中文版和英文版，按理来说『逐字替换』也不是多大...

2020-05-27

60浏览

0评论

vue解决跨域路由冲突问题思路解析

vue 简介Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。
Vue 只关注视图层，采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现...

2020-05-27

61浏览

0评论

AngularJS中controller控制器继承的使用方法

前沿最近在angularjs项目当中，看到 controller 好多都是重复性的代码，在 controller 当中有好多代码很相似 function（比如 controller 下的 CRUD 方法），重复性工作太多。后来想，可...

2020-05-27

67浏览

0评论

基于ES6作用域和解构赋值详解

ES6 强制开启严格模式作用域•var 声明局部变量，for/if花括号中定义的变量在花括号外也可访问•let 声明的变量为块作用域，变量不可重复定义•const 声明常量，...

2020-05-27

63浏览

0评论

mui上拉加载更多下拉刷新数据的封装过程

辗转用mui做了两个项目，空下来把mui上拉加载更多，下拉刷新数据做了一个简单的封装，希望可以帮助到需要的朋友demo项目的结构直接贴代码了index.htmlmui上拉刷新下拉加载都这里...

2020-05-27

78浏览

0评论

angular中ui calendar的一些使用心得(推荐)

ui calendar是封装fullcalendar的一款angular指令插件官方地址：http://angular-ui.github.io/ui-calendar/fullcalendar 和ui calendar包安装我就不介绍了。自行百度下。包安...

2020-05-27

81浏览

0评论

nginx配置React静态页面的方法教程

前言本文主要给大家介绍了关于nginx配置React静态页面的相关内容，文中给大家详细介绍了关于nginx的安装以及一些基本操作，然后给大家分享了React 静态页面 nginx 配置简洁版的...

2020-05-27

54浏览

0评论

基于jQuery解决ios10以上版本缩放问题

具体代码如下所示：<script type="text/javascript"> /*解决ios10以上版本缩放问题 20171102*/ window.onload=function () { document.addEventListener('touchsta...

2020-05-27

65浏览

0评论

React.Js添加与删除onScroll事件的方法详解

React简介React是有Facebook开发出来用于构建前端界面的JS组件库，由于其背后的强大背景，使得这款库在技术开发上完全没有问题。React的优势解决大规模项目开发中数据不断变...

2020-05-27

热门文章