JavaScript - 教程之家

73浏览

0评论

Node.js对MongoDB数据库实现模糊查询的方法

前言模糊查询是数据库的基本操作之一，实现对给定的字符串是否与指定的模式进行匹配。如果字符完全匹配，可以用=等号表示，如果部分匹配可认为是一种模糊查询。在关系型数据中，通...

2020-05-27

71浏览

0评论

JavaScript中undefined和null的区别

JavaScript中undefined和null的区别JavaScript两个表示”无”的值：undefined和null。我在平时只是null用的多一点，undefined只是在报错中经常遇到。下面针对这两个数据类型的...

2020-05-27

62浏览

0评论

vue的Virtual Dom实现snabbdom解密

vue在官方文档中提到与react的渲染性能对比中，因为其使用了snabbdom而有更优异的性能。JavaScript 开销直接与求算必要 DOM 操作的机制相关。尽管 Vue 和 React 都使用了 Vir...

2020-05-27

52浏览

0评论

浅谈Node.js轻量级Web框架Express4.x使用指南

Express是一个轻量级的Web框架，简单、灵活
也是目前最流行的基于Nodejs的Web框架
通过它我们可以快速搭建功能完整的网站（express 英文意思：特快列车）Express现在是4.x版本，更...

2020-05-27

66浏览

0评论

javaScript 逻辑运算符使用技巧整理

javaScript 逻辑运算符使用技巧整理下面是返回true的情况!null //true!undefined //true!0 //true!NaN //true!"" //true下面是返回false的情况!Array //false!Functio...

2020-05-27

53浏览

0评论

Angular 4.x 路由快速入门学习

路由是 Angular 应用程序的核心，它加载与所请求路由相关联的组件，以及获取特定路由的相关数据。这允许我们通过控制不同的路由，获取不同的数据，从而渲染不同的页面。接下来我们...

2020-05-27

53浏览

0评论

Vue实现双向数据绑定

Vue实现双向数据绑定的方式，具体内容如下Vue是如何实现双向数据绑定的呢？答案是前端数据劫持。其通过Object.defineProperty()方法，这个方法可以设置getter和setter函数，在sette...

2020-05-27

91浏览

0评论

利用node.js写一个爬取知乎妹纸图的小爬虫

前言说起写node爬虫的原因，真是羞羞呀。一天，和往常一样，晚上吃过饭便刷起知乎来，首页便是推荐的你见过最漂亮的女生长什么样？,点进去各种漂亮的妹纸爆照啊！！!,看的我好想把这些好...

2020-05-27

56浏览

0评论

Vue原理剖析实现双向绑定MVVM

本文能帮你做什么？
1、了解vue的双向数据绑定原理以及核心代码模块
2、缓解好奇心的同时了解如何实现双向绑定
为了便于说明原理与实现，本文相关代码主要摘自vue源码, 并进行...

2020-05-27

49浏览

0评论

Js实现中国公民身份证号码有效性验证实例代码

本文将使用JavaScript实现中国公民（15位或者18位）身份证号码的相关验证，功能如下：身份证号有效性验证分析详细身份证信息生成一个虚拟的省份证号码。
身份证号码验证1、...

2020-05-27

55浏览

0评论

JavaScript中双向数据绑定详解

双向数据绑定指的是将对象属性变化绑定到UI，或者反之。换句话说，如果我们有一个拥有name属性的user对象，当我们给user.name赋予一个新值是UI也会相应的显示新的名字。同样的，如...

2020-05-27

41浏览

0评论

js调用刷新界面的几种方式

有的时候需要手动调用来刷新界面，比如非动态切换的语言模式啊，风格样式啊什么的。<!DOCTYPE html><html> <head> <meta charset='utf-8'> </head> <body> <button onclick="c...

2020-05-27

59浏览

0评论

纯原生js实现贪吃蛇游戏

本文实例为大家分享了js实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><title>贪吃蛇游...

2020-05-27

42浏览

0评论

详解Node.js串行化流程控制

串行任务：需要一个接着一个坐的任务叫做串行任务。可以使用回调的方式让几个异步任务按顺序执行，但如果任务过多，必须组织一下，否则过多的回调嵌套会把代码搞得很乱。为了用串行...

2020-05-27

46浏览

0评论

详解Vue中使用v-for语句抛出错误的解决方案

Vue 中使用v-for语句抛出错误的解决方案今天在维护以前的项目的时候遇见了下面的报错情况，开始我以为是因为jQuery和Vue冲突了，所以把以前的jQuery改了，但是还是出现同样的错误...

2020-05-27

76浏览

0评论

详解Angular 4.x Injector

在介绍 Angular Injector (注入器) 之前，我们先要了解 Dependency Injection，即依赖注入的概念。依赖注入允许程序设计遵从依赖倒置原则 (简单的说就是要求对抽象进行编程，不要...

2020-05-27

70浏览

0评论

JS触摸事件、手势事件详解

触屏已经是我们身边电子设备的常态了。触摸事件当然也是随着触屏的出现，用户使用最多的事件啦！
难道使用触屏事件后，其他原来的鼠标事件就都不能用啦？当然不是，只不过不是那么好...

2020-05-27

67浏览

0评论

ES6下React组件的写法示例代码

本文主要跟大家分享了ES6下React组件的写法示例，下面来一起看看详细的介绍：一：定义React组件class Hello extends React.Component { render() { return <h1>Hello, {this.pro...

2020-05-27

47浏览

0评论

JS实现标签页切换效果

本文实例为大家分享了JS标签页切换的具体代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>resize</...

2020-05-27

49浏览

0评论

angular 基于ng-messages的表单验证实例

最近在学习angular，那么今天也算个学习笔记吧！
html
<div class="form-group" ng-class="{'has-error': myForm.myName.$touched && myForm.myName.$invalid}"> <label clas...

2020-05-27

53浏览

0评论

详解webpack es6 to es5支持配置

1. 安装webpacknpm install webpack --save-dev2. 安装babel 实现 ES6 到 ES5npm install --save-dev babel-core babel-preset-es20153.安装 babel-loader npm install --...

2020-05-27

58浏览

0评论

jQuery使用JSONP实现跨域获取数据的三种方法详解

本文实例讲述了jQuery使用JSONP实现跨域获取数据的三种方法。分享给大家供大家参考，具体如下：第一种方法是在ajax函数中设置dataType为'jsonp'$.ajax({ dataType: 'jsonp',...

2020-05-27

52浏览

0评论

vue.js开发环境搭建教程

vue.js开发环境搭建教程分享，具体内容如下1、安装node.js，忽略2、基于node.js，利用淘宝npm镜像安装相关依赖
在cmd里直接输入：npm install -g cnpm –-registry=https://registr...

2020-05-27

45浏览

0评论

win系统下nodejs环境安装配置

win系统下nodejs安装及环境配置，具体内容如下第一步：下载安装文件
下载nodejs，官网：http://nodejs.org/download/，我这里下载的是node-v0.10.28-x86.msi，如下图：第二步：安装nodejs下...

2020-05-27

48浏览

0评论

Bootstrap布局之栅格系统学习笔记

1、简介
Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义classe，还有强大...

2020-05-27

77浏览

0评论

Node.js中的http请求客户端示例(request client)

Node.JS有一个request模块，可以很方便的抓取网页内容。最简单的一个示例：var request = require('request');request('http://www.google.com', function (error, response, b...

2020-05-27

52浏览

0评论

JavaScript函数表达式详解及实例

JavaScript函数表达式一、序定义函数的方式有两种：一种是函数声明，另一种就是函数表达式； 1.1 函数声明function functionName(arg){ //函数体} 关于函数声...

2020-05-27

55浏览

0评论

javascript 中的继承实例详解

javascript 中的继承实例详解阅读目录原型链继承借用构造函数组合继承寄生组合式继承后记继承有两种方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承...

2020-05-27

50浏览

0评论

js实现倒计时关键代码

我们经常会在一些电商网站上看到秒杀倒计时,双11倒计时.其实倒计时的效果实现起来也是很简单的,并不复杂.首先呢,开始写之前一定要理清楚思路,思路清晰了,那写起来就容易多...

2020-05-27

116浏览

0评论

使用JS在浏览器中判断当前网络连接状态的几种方法

使用JS在浏览器中判断当前网络状态的几种方法如下：
1. navigator.onLine
2. ajax请求
3. 获取网络资源
4. bind()
1. navigator.onLine通过navigator.onLine判断当前网络状态...

2020-05-27

90浏览

0评论

jquery中封装函数传递当前元素的方法示例

最近在工作中遇到一个问题，需要对页面上一组元素进行ajax操作，结构如下：<div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="sto...

2020-05-27

105浏览

0评论

node.JS md5加密中文与php结果不一致的解决方法

因项目需要，需要Node.js与PHP做接口调用，发现node.js对中文使用md5加密与php对中文md5加密的结果不同。PHP<?php$str = '程序员';echo $str.' md5:'.md5($str);?>输出...

2020-05-27

52浏览

0评论

Angular中实现树形结构视图实例代码

近两年当中使用Angular开发过很多项目，其中也涉及到一些树形结构视图的显示，最近的在项目中封装了大量的组件，一些组件也有树形结构的展示，所以写出来总结一下。
相信大家都知道...

2020-05-27

65浏览

0评论

解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法

最近在使用OneThink中自带的kindeditor编辑器的时候，保存草稿的时候，输入的内容总是不能够保存到后台。如下图
通过分析URL，发现原来content值为空
明明有值，为什么是空呢？但是如...

2020-05-27

61浏览

0评论

javascript 中关于array的常用方法详解

javascript 中关于array的常用方法最近总结了一些关于array中的常用方法，其中大部分的方法来自于《JavaScript框架设计》这本书，如果有更好的方法，或者有关于string的别的常用...

2020-05-27

70浏览

0评论

微信小程序开发图片拖拽实例详解

微信小程序开发图片拖拽实例详解1.编写页面结构:moveimg.wxml
<view class="container"> <view class="cnt"> <image class="image-style" src="../uploads/foods.jpg...

2020-05-27

70浏览

0评论

Angular directive递归实现目录树结构代码实例

整理文档，搜刮出一个Angular directive递归实现目录树结构代码实例代码，稍微整理精简一下做下分享。效果图：
重点：1. 整棵目录树的实现，通过嵌套完成，主要在于对treeItem.html的递...

2020-05-27

63浏览

0评论

Vue中使用vux的配置详解

Vue中使用vux的配置，分为两种情况：一、根据vux文档直接安装，无需手动配置npm install vue-cli -g // 如果还没安装vue init airyland/vux2 my-project // 创建名为 my-projec...

2020-05-27

77浏览

0评论

vue.js之vue-cli脚手架的搭建详解

相比于主流的angular和react前端框架，vue在近年来也变得非常火热。他吸取了前两者的优点，同时学习曲线也更加平缓。所以本魔王准备入坑了~~首先从vue的脚手架搭建开始吧。这里...

2020-05-27

84浏览

0评论

移动端web滚动分页的实现方法

本文实例为大家分享了移动端web滚动分页展示的具体代码，供大家参考，具体内容如下方法一：前端代码：<script type="text/javascript"> var page = 2; //当前页的页码 var fl...

2020-05-27

60浏览

0评论

xmlplus组件设计系列之网格（DataGrid）(10）

这一章我们要实现是一个网格组件，该组件除了最基本的数据展示功能外，还提供排序以及数据过滤功能。数据源
为了测试我们即将编写好网格组件，我们采用如下格式的数据源。此数据...

2020-05-27

83浏览

0评论

xmlplus组件设计系列之图标（ICON）(1）

网页上使用的图标分可为三种：文件图标、字体图标和 SVG 图标。对于文件图标，下面仅以 PNG 格式来说明。PNG 图标
对于 PNG 图标的引用，有两种方式。一种是直接由 HTML 元素 img...

2020-05-27

90浏览

0评论

微信小程序实现登录页云层漂浮的动画效果

前言
2017年前端火了，微信小程序、weex、reactnative，就连支付宝也搞起了小程序，总感觉这是原生要毁灭的节奏啊，我也乘热上车万一波。上效果图(GIF动态图)当我看到这张背景图的...

2020-05-27

44浏览

0评论

微信小程序图片上传实例详解

一.了解wx.chooseImage(OBJECT)
二.代码编程在pages文件里面创建uploadimg文件夹
1.编写页面结构:uploadimg.wxml<view class="container" style="padding:1rem;"> <butto...

2020-05-27

56浏览

0评论

jquery实现tab选项卡切换效果（悬停、下方横线动画位移）

本文实例为大家分享了jquery实现tab选项卡切换展示的具体代码，供大家参考，具体内容如下同时实现悬停、下方横线动画位移：代码：<sytle>　　*{margin:0;padding:0; }　　.box{posi...

2020-05-27

55浏览

0评论

微信小程序开发之全局配置

一.app.json 使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等.

注意在.json不能注释，否则会出错。...

2020-05-27

70浏览

0评论

微信小程序中多个页面传参通信的学习与实践

前言
微信小程序越来越火，不少公司都在将原生代码转为微信小程序代码。在开发过程中，由于微信小程序wx.navigateBack方法并不支持返回传参，导致一些页面，尤其是从列表页面跳入详...

2020-05-27

60浏览

0评论

值得分享和收藏的xmlplus组件学习教程

xmlplus 介绍
xmlplus 是一个设计非常独特 JavaScript 框架，用于快速开发前后端项目。基于组件设计在 xmlplus 中，组件是基本的构造块。评价组件设计好坏的一个重要标准是封装...

2020-05-27

47浏览

0评论

js和jquery中获取非行间样式

样式又分为了行间样式和非行间样式。一般来说行间样式用的是比较少的，因为它能够作用的范围就只有一个元素，而非行间样式的作用范围可以是一类元素（即拥有相同德标签，或者说是有...

2020-05-27

75浏览

0评论

js实现数字递增特效【仿支付宝我的财富】

上周五应着公司临时需求，一天的时间解决掉官网（ps：比较简单哈哈），需求里面有一个特效就是数字递增到指定的数值，其实JS写也不复杂的，但是我发现一个js小插件，这个插件轻巧简单，用起来...

2020-05-27

热门文章