JavaScript - 教程之家

60浏览

0评论

vue-cli如何快速构建vue项目

vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。
1、安装vue-cli使用npm全局安装vue-cli（前提是已经安装了nodejs，否则连npm都用不了） $ npm install -g vue-cli2、...

2020-05-27

58浏览

0评论

js canvas实现擦除效果示例代码

关于canvas的定义： HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆...

2020-05-27

45浏览

0评论

快速使用node.js进行web开发详解

首先关于node.js的学习，这里推荐一本比较好的教程，nodejs web开发指南,该书通俗易懂地将node.js语言特性讲解完之后，又从一个项目角度带领读者使用node.js学习web开发。相信这...

2020-05-27

60浏览

0评论

jQuery实现鼠标滑过预览图片大图效果的方法

本文实例讲述了jQuery实现鼠标滑过预览图片大图效果的方法。分享给大家供大家参考，具体如下：需求是这样的：鼠标移动的图片上，同时显示预览的大图，鼠标移开，则隐藏。原理其实很简...

2020-05-27

49浏览

0评论

详解node.js平台下Express的session与cookie模块包的配置

首先下载两个模块包session模块包：用于保持登录状态或保持会话状态等。npm install express-session --save-devcookie模块包：用于解析cookie。npm install cookie-parser --s...

2020-05-27

52浏览

0评论

Vue.js实现文章评论和回复评论功能

本来想把这个页面用jade渲染出来、评论部分用vue，但是想了想觉得麻烦，最后还是整个用vue的组件搞定他吧。
先上在线demo：http://jsbin.com/ceqifo/1/edit?js,output
再上...

2020-05-27

67浏览

0评论

node.js平台下利用cookie实现记住密码登陆（Express+Ejs+Mysql）

此内容需有node.js+express+mysql入门基础，若基础薄弱，可参考博主的其他几篇node.js博文：1.下载Mysql数据库，安装并配置。创建用户表供登录使用：2.node.js平台下Express的session...

2020-05-27

59浏览

0评论

JS ES6多行字符串与连接字符串的表示方法

本文实例讲述了JS ES6多行字符串与连接字符串的表示方法。分享给大家供大家参考，具体如下：1. 以前，js多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表...

2020-05-27

46浏览

0评论

详解AngularJs ui-router 路由的简单介绍

之前有写过一篇关于Angular自带的路由：ngRoute。今天来说说Angular的第三方路由：ui-router。那么有人就会问:为什么Angular有了自带的路由，我们还需要用ui-router呢？这里简单明...

2020-05-27

104浏览

0评论

JS实现数组按升序及降序排列的方法

本文实例讲述了JS实现数组按升序及降序排列的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组数字大小排...

2020-05-27

44浏览

0评论

xmlplus组件设计系列之列表（4）

列表组件是极其常用的一类组件，是许多视图组件系统的必须包含的。列表可以做的很简单，只显示简洁的内容。列表也可以做的很复杂，用于展示非常丰富的内容。组成元素
列表离不开...

2020-05-27

64浏览

0评论

xmlplus组件设计系列之按钮（2）

除了图标以外，按钮也许是最简单的组件了，现在来看看如何定义按钮组件。使用原生按钮组件
在 xmlplus 中，HTML 元素也以组件的方式存在。所以，你可以直接通过使用 button 标签或...

2020-05-27

54浏览

0评论

JavaScript纯色二维码变成彩色二维码

本文章主要讨论的是如何将一个纯色二维码变成彩色的。前段时间公司业务上有这么一个需求，客户不喜欢后台生成的纯色二维码，纯蓝，纯紫，纯绿都不行，想要彩色二维码。然后这个任务都...

2020-05-27

61浏览

0评论

AngularJS 霸道的过滤器小结

一、为什么使用过滤器？
在实际操作中，我们需要对统一数据源进行多次转换，比如我的货币单位，在不同的国家我们将用不同的符号表示。因此，你可能会想到在控制器中判断国家以显示不...

2020-05-27

52浏览

0评论

微信小程序实例开发总结

微信小程序开发过程中遇到问题总结第一次正式开发一个小程序，就从以下几个方面来谈一谈小程序的开发过程和心得吧，主要说说这次项目中用到的功能。数据请求
这次的小程序，没有...

2020-05-27

57浏览

0评论

JavaScript实现的冒泡排序法及统计相邻数交换次数示例

本文实例讲述了JavaScript实现的冒泡排序法及统计相邻数交换次数。分享给大家供大家参考，具体如下：<html> <head>JS冒泡排序</head> <body> <script> var arr=[-1,-2,-30,-...

2020-05-27

73浏览

0评论

微信扫码支付零云插件版实例详解

微信扫码支付零云插件版实例详解微信的扫码支付主要有以下过程：向微信统一下单地址发送详细的订单信息，微信返回json数据，里面包含生成二维码的字段，使用生成二维码的插件qrcode...

2020-05-27

54浏览

0评论

微信小程序 flex实现导航实例详解

微信小程序 flex实现导航实例详解实现示意：1.链接顶部内边距，留出圆形图标的位置。
2.伪元素:before绘制圆形。
3.圆形中添加图标。
4.左右外边距控制间距，及促使在需要的地...

2020-05-27

90浏览

0评论

微信小程序中hidden不生效原因的解决办法

微信小程序中hidden不生效原因的解决办法例如如下布局： <view hidden="true" style="display:flex;flex-direction: row;"> <text>text1</text> <text>text2</text>...

2020-05-27

38浏览

0评论

微信小程序 request接口的封装实例代码

微信小程序 request接口的封装实例代码小程序request接口的封装(本质上是对request回调函数再次回调)
module.exports.getData = function (url) { var data = arguments.le...

2020-05-27

73浏览

0评论

微信小程序实现给循环列表添加点击样式实例

微信小程序实现给循环列表添加点击样式实例微信小程序有个属性hover-class='active',是指当点击列表元素时当按下鼠标左键会显示active样式,但是鼠标离开样式就会复原.可以...

2020-05-27

40浏览

0评论

详解Vue 普通对象数据更新与 file 对象数据更新

最近在做一个多图片上传的组件，需求是做到多文件依次上传，并显示上传进度条。逻辑部分实现了以后，在更新进度条视图的时候出现一点问题：动态计算生产的进度 progress 属性不会自...

2020-05-27

59浏览

0评论

利用Vue v-model实现一个自定义的表单组件

功能描述:通过点击按钮,可以增减购物数量组件名称是 CouterBtn最终效果如下我们使用 vue-cli搭建基本的开发环境,这也是最快的进行 .vue组件开发的方式对于入口组件 App.vu...

2020-05-27

50浏览

0评论

详解ECMAScript6入门--Class对象

面向对象的语言有一个标志，那就是他们都有类的概念，通过类可以创建任意多个具有相同属性和方法的对象。ECMAScript5中没有类的概念，因此它的对象和基于类的语言中的对象有所不...

2020-05-27

66浏览

0评论

js绑定事件和解绑事件

在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性attachEvent方法只支持IE678,不兼容其他浏览器addEventListener方法...

2020-05-27

55浏览

0评论

使用jQuery,Angular实现登录界面验证码详解

写在前面：前段事件，做了一个用ajax后台异步交互的登录功能，自己在上面加了一个验证码的功能，这个功能背后的原理挺好理解的，实现起来也十分简单，特此写波分享，，自己写的过程中踩了不...

2020-05-27

118浏览

0评论

详解axios在node.js中的post使用

前言：最近因为做的东西需要用到网络请求库，之前接触过的只有request，很强大好用。但是这个项目中需要用到Promise，我又不想重新封装，于是选择了另一款库axios。
在node中，axios的g...

2020-05-27

48浏览

0评论

jQuery鼠标悬停内容动画切换效果

效果如下：代码如下：<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>jQuery鼠标悬停内容动画切换效果</title> <...

2020-05-27

69浏览

0评论

js获取浏览器的各种属性

网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： doc...

2020-05-27

42浏览

0评论

js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul> <li class="one-comment"> <a class="c-user-photo"...

2020-05-27

54浏览

0评论

微信小程序本地数据读取实例

微信小程序本地数据读取实例一般情况下，小程序的utils这个文件夹下，我们可以把本地的数据写进去，封装成.js文件，提供对外暴露的接口，然后读取本地数据。如果涉及到一些针对这些...

2020-05-27

73浏览

0评论

微信小程序动态传参实例详解

微信小程序动态传参实例详解在微信小程序的开发过程中经常会用到动态传参，比如根据某一页面传参的不同，加载不同的新的页面。接下来介绍下如何实现。上一篇博客中介绍了如何...

2020-05-27

49浏览

0评论

微信小程序 wx:for的使用实例详解

微信小程序 wx:for的使用实例详解在小程序的开发过程中，经常会用到在前端页面循环打印一个数组或者对象的数据，这样的话就需要用wx：for来实现。一般情况下，小程序的utils这个文...

2020-05-27

61浏览

0评论

浅谈js使用in和hasOwnProperty获取对象属性的区别

in判断的是对象的所有属性，包括对象实例及其原型的属性；而hasOwnProperty则是判断对象实例的是否具有某个属性。示例代码：<script type="text/javascript"> function Person()...

2020-05-27

68浏览

0评论

Angular.js中定时器循环的3种方法总结

本文主要设计定时器的三种循环，模板自配，下面分享给大家供大家参考，具体如下：
1、$interlval实现，比较简单和原生js的setInterval比较相似
var app = angular.module('myApp',[])...

2020-05-27

46浏览

0评论

js轮播图透明度切换（带上下页和底部圆点切换）

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; border:none; } li{ list-style:...

2020-05-27

68浏览

0评论

Vue实现购物车功能

效果图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.0.2/css/bootstrap.min.css" r...

2020-05-27

75浏览

0评论

JS ES6中setTimeout函数的执行上下文示例

本文介绍的是setTimeout函数，延迟执行函数里的执行上下文，分享给大家供大家参考学习，来看看详细的内容：（1）ES5中，setTimeout里面的函数的执行上下文为全局上下文，举例来说：function l...

2020-05-27

72浏览

0评论

微信小程序实现动态显示和隐藏某个控件

微信小程序实现动态显示和隐藏某个控件在小程序的开发过程中，经常需要用到隐藏某个控件这种情况。因为项目原本是需要将两个canvas切换，但是小程序的canvas支持的功能实在是...

2020-05-27

84浏览

0评论

Vue.js 2.0 移动端拍照压缩图片预览及上传实例

在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到了...

2020-05-27

47浏览

0评论

jQuery使用正则验证15/18身份证的方法示例

本文实例讲述了jQuery使用正则验证15/18身份证的方法。分享给大家供大家参考，具体如下：最好的jQuery正则验证身份证代码:按照身份证的算法定制而成,精确度完美支持15和18位....

2020-05-27

57浏览

0评论

Webpack中css-loader和less-loader的使用教程

前言在Webpack中，通过css-loader，可以实现在js文件中通过require的方式，来引入css。下面来看看详细的介绍吧。一、css-loader我们需要在js文件里，通过require的方式来引入css，我...

2020-05-27

55浏览

0评论

vue2 前后端分离项目ajax跨域session问题解决方法

最近学习使用vuejs前后端分离，重构一个已有的后台管理系统，遇到了下面这个问题：实现跨域请求时，每次ajax请求都是新的session，导致无法获取登录信息，所有的请求都被判定为未登陆。...

2020-05-27

70浏览

0评论

JS/jquery实现一个网页内同时调用多个倒计时的方法

本文实例讲述了jquery/js实现一个网页内同时调用多个倒计时的方法。分享给大家供大家参考，具体如下：最近需要网页添加多个倒计时. 查阅网络,基本上都是千遍一律的不好用. 自己...

2020-05-27

69浏览

0评论

js实现添加删除表格（两种方法）

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ margin:0 auto; background:yellow; border:4px...

2020-05-27

52浏览

0评论

jQuery EasyUI tree增加搜索功能的实现方法

扩展jQuery EasyUI tree搜索树节点的方法，使其支持节点名称的模糊匹配，将不匹配的节点隐藏。/** * 1）扩展jquery easyui tree的节点检索方法。使用方法如下： * $("#treeId").tre...

2020-05-27

62浏览

0评论

jquery 禁止鼠标右键并监听右键事件

禁止鼠标右键：$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});监听右键事件：$(function(){$('a').mousedown(function(e...

2020-05-27

60浏览

0评论

JavaScript实现反转字符串的方法详解

本文实例讲述了JavaScript实现反转字符串的方法。分享给大家供大家参考，具体如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312...

2020-05-27

72浏览

0评论

Vue自定义图片懒加载指令v-lazyload详解

Vue是可以自定义指令的，最近学习过程中遇见了一个需要图片懒加载的功能，最后参考了别人的代码和思路自己重新写了一遍。以下将详细介绍如何实现自定义指令v-lazyload。先看如...

2020-05-27

38浏览

0评论

JavaScript实现隐藏省略文字效果的方法

本文实例讲述了JavaScript实现隐藏省略文字效果的方法。分享给大家供大家参考，具体如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB...

2020-05-27

热门文章