Mac 安装 nodejs方法(图文详细步骤)

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

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

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

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

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

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

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

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

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

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

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

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

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

ES6解构赋值实例详解

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

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

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

详解RequireJs官方使用教程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vue异步加载about组件

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

react-native fetch的具体使用方法

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

bootstrap Table的一些小操作

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

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

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

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

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

JS二分查找算法详解

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

js前端导出Excel的方法

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

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

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

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

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

详解Vue组件实现tips的总结

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

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

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

BootStrap TreeView使用实例详解

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

五步轻松实现zTree的使用

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

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

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

js实现登录与注册界面

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

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

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

JavaScript登录验证基础教程

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

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

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

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

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

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

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

启动项目 地址栏...

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

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

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

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

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

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

详谈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])}正常...

返回顶部
顶部