JavaScript - 教程之家

53浏览

0评论

Vue开发中整合axios的文件整理

前言大家在vue日常开发中，不可避免要整合axios，这里简单记录一下整合中的文件，方便以后使用查找。下面来看看详细的介绍。整合方法整合文件axios.jsimport axios from 'axios';...

2020-05-27

57浏览

0评论

jQuery实现按比例缩放图片的方法

本文实例讲述了jQuery实现按比例缩放图片的方法。分享给大家供大家参考，具体如下：做网站的时候，相信有很多朋友都会遇到图片过大，导致页面撑开变形的问题，如果强制设置width，heigh...

2020-05-27

78浏览

0评论

Vue.js在使用中的一些注意知识点

本文介绍的Vue.js在使用中的一些注意知识点，对大家具有一定的参考价值，下面来看看详细的介绍吧。每个 Vue 实例都会代理其 data 对象里所有的属性。注意只有这些被代理的...

2020-05-27

65浏览

0评论

Nodejs--post的公式详解

HTML页面内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form action="http://127.0.0.1/dopost" method="post"...

2020-05-27

55浏览

0评论

Vue.js实现一个SPA登录页面的过程【推荐】

技术栈 vue.js 主框架 vuex 状态管理 vue-router 路由管理一般过程在一般的登录过程中，一种前端方案是：检查状态：进入页面时或者路由变化时检查是否有登录状态(保存在cook...

2020-05-27

58浏览

0评论

socket.io学习教程之基础介绍（一）

前言
Web端与服务器间的实时数据传输的是一个很重要的需求，但最早只能通过AJAX轮询询实现。在WebSocket标准没有推出之前，AJAX轮询是唯一可行的方式(通过Flash浏览器也可以，但...

2020-05-27

65浏览

0评论

socket.io学习教程之基本应用（二）

前言Socket.IO支持及时、双向与基于事件的交流。它可以在每个平台、每个浏览器和每个设备上工作，可靠性和速度同样稳定。实时分析：将数据推送到客户端，这些客户端会被表示为...

2020-05-27

68浏览

0评论

socket.io学习教程之深入学习篇（三）

前言socket.io提供了基于事件的实时双向通讯，本文深入的介绍了socket.io，下面来看看详细的内容吧。静态文件
socket.io默认情况下会通过socket.io-client包提供socket.io.min....

2020-05-27

65浏览

0评论

node.js 抓取代理ip实例代码

node.js实现抓取代理ip 主要文件：index.js/** 支持：node.js v7.9.0*/const cheerio=require('cheerio');const fetch =require('node-fetch');const Promise=require('bluebir...

2020-05-27

47浏览

0评论

Bootstrap里的文件分别代表什么意思及其引用方法

关于Bootstrap打包的文件分别代表什么意思，官网也没有给出一个明确的解释，在网上查了一些资料，总价归纳了如下：bootstrap/ ├── css/ │...

2020-05-27

49浏览

0评论

jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解

简单的两个步骤即可实现分页功能 <script src="<%=basePath%>/resources/js/jquery-1.7.1.min.js"></script> <script src="<%=basePath%>/resources/js/jquery.loehpagerv...

2020-05-27

49浏览

0评论

Vue2.x中的父组件传递数据至子组件的方法

父组件结构template
<template> <div> <v-girl-group :girls="aGirls"></v-girl-group> </div></template>script
<script>import vGirlGroup from './GirlGroup'export d...

2020-05-27

131浏览

0评论

js实现字符全排列算法的简单方法

实例如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>字符全排列</title></head><body> <script>function charsMap(o){ o = (o+"").repla...

2020-05-27

45浏览

0评论

在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)

有时候我们在搜索结果中会出现一些自己不喜欢的网站，其实吧，不喜欢就别打开就可以了，何必这么麻烦，不过从技术角度考虑，通过js来实现确实不错。核心代码在百度搜索中去除掉的与cn...

2020-05-27

53浏览

0评论

使用Bootstrap打造特色进度条效果

Bootstrap基本进度条实现1.外层容器使用class=progress类样式2.真正显示进度条样式的容器使用class=progress-bar类样式示例:<div class="progress"> <div class="progress-...

2020-05-27

57浏览

0评论

js 用于检测类数组对象的函数方法

如下所示：//判定o是否是一个类数组对象//字符串和函数有length属性，但是它们//可以用typeof检测将其排除。在客户端JavaScript中，DOM文本节点//也有length属性，需要用额外判断o....

2020-05-27

63浏览

0评论

老生常谈js-react组件生命周期

组件的生命周期可分成三个状态：•Mounting：已插入真实 DOM
•Updating：正在被重新渲染
•Unmounting：已移出真实 DOM生命周期的方法有：•componentWillMount...

2020-05-27

49浏览

0评论

基于bootstrap实现bootstrap中文网巨幕效果

效果图：实现代码：<div class="jumbotron"> <div class="container"> <h1>Bootstrap案例开发</h1> <h2>简洁、直观、强悍的前端开发框架，让web开发更迅速、简单</h2> <p> <...

2020-05-27

57浏览

0评论

Vuejs实现带样式的单文件组件新方法

本文实例为大家分享了Vuejs实现单文件组件的方法，供大家参考，具体内容如下代码如下:example.html<script src="vue.js"></script><div id="example"> <h3>Vue component<h3> <...

2020-05-27

105浏览

0评论

bootstrap的常用组件和栅格式布局详解

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。因为Bootstrap需要jquery的支持，所以在使用Bootstrap之前要先把jquery插件导入...

2020-05-27

57浏览

0评论

jQuery Tree Multiselect使用详解

树型权限管理插件jQuery Tree Multiselect的使用方法，具体内容如下1、认识jQuery Tree Multiselect这个插件允许用户以树型的形式来呈现列表复选框的选择。多用于权限管理中...

2020-05-27

287浏览

0评论

详解webpack+es6+angular1.x项目构建

技术栈概述
ES2015(ES6)
大名ES2015，顾名思义是 ECMAScript 在2015年6月正式发布的一套标准。小名ES6，意为ECMAScript第六次变更。（JavaScript 是 ECMAScript 规范的一种实现）。...

2020-05-27

55浏览

0评论

js-FCC算法-No repeats please字符串的全排列(详解)

把一个字符串中的字符重新排列生成新的字符串，返回新生成的字符串里没有连续重复字符的字符串个数.连续重复只以单个字符为准例如， aab 应该返回 2 因为它总共有6中排列 (aab,...

2020-05-27

63浏览

0评论

JavaScript数据结构学习之数组、栈与队列

前言数据结构就是关系，没错，就是数据元素相互之间存在的一种或多种特定关系的集合。常用的数据结构有：
数组，队列（queue），堆（heap）,栈（stack），链表（linked list ），树（tree），图（graph）和散列表（has...

2020-05-27

60浏览

0评论

jQuery树插件zTree使用方法详解

最近要做一个树结构，就使用了jQuery 的树插件，感觉还不错，做个随笔页面的基本结构是这样的这里的样式是使用了metroStyle文件夹里的类bootstrap风格，当然首先需要下载ztree插件，...

2020-05-27

55浏览

0评论

详解webpack 配合babel 将es6转成es5 超简单实例

今天接触了webpack，第一次使用webpack进行转码，竟然稀里糊涂就成功了，哈哈。
下面附上流程
创建个文件夹，初始化一下，首先全局安装webpacknpm install webpack --save-dev 然后安...

2020-05-27

45浏览

0评论

Vue2.x中的父子组件相互通信的实现方法

业务场景:(这里指的是直接父子级关系的通信) 美女(子组件)将消息发送给大群(父组件) 大群(父组件)收到美女发送的消息后再回个信息给美女(子组件)父组件template<template...

2020-05-27

65浏览

0评论

Bootstrap实现基于carousel.js框架的轮播图效果

本文实例为大家分享了Bootstrap轮播图效果展示的具体代码，供大家参考，具体内容如下声明式触发需要使用到的几个data-*属性1.data-ride：作用在最外层容器上，固定值:carousel
2.da...

2020-05-27

62浏览

0评论

Javascript ES6中数据类型Symbol的使用详解

介绍Symbol 是一种特殊的、不可变的数据类型，可以作为对象属性的标识符使用，表示独一无二的值。Symbol 对象是一个 symbol primitive data type 的隐式对象包装器。它是JavaSc...

2020-05-27

51浏览

0评论

ES6学习教程之对象的扩展详解

一、属性的简洁表示法ES6允许直接写入变量和函数作为对象的属性和方法。意思就是说允许在对象中只写属性名，不用写属性值。这时，属性值等于属性名称所代表的变量。下面分别举...

2020-05-27

42浏览

0评论

Vue2.0表单校验组件vee-validate的使用详解

vee-validate使用教程本文适合有一定Vue2.0基础的同学参考，根据项目的实际情况来使用，关于Vue的使用不做多余解释。本人也是一边学习一边使用，如果错误之处敬请批评指出*一、安...

2020-05-27

65浏览

0评论

令按钮悬浮在(手机)页面底部的实现方法

如下所示：$("#phone-buy-div-id").css("bottom",0);$("#phone-buy-div-id").css("position","fixed");以上这篇令按钮悬浮在(手机)页面底部的实现方法就是小编分享给大家的全...

2020-05-27

63浏览

0评论

详解Vue2.X的路由管理记录之钩子函数（切割流水线）

$route可以在子组件任何地方调用，代表当前路由对象，这个属性是只读的，里面的属性是 immutable（不可变）的，不过你可以 watch（监测变化）它。导航和钩子函数：导航：路由正在发生改变...

2020-05-27

59浏览

0评论

xmlplus组件设计系列之树（Tree）（9）

树形组件是一种具有层级结构的组件，广泛应用于各种场景。本章会实现一个简单的树形组件，尽管功能有限，但你可以通过扩展它来实现自己所需要的树形组件。数据源
树形组件的数据...

2020-05-27

51浏览

0评论

xmlplus组件设计系列之分隔框（DividedBox)（8）

分隔框（DividedBox）是一种布局类组件，可以分为两类，其中一类叫水平分隔框（HDividedBox），另一类叫垂直分隔框（VDividedBox）。水平分隔框会将其子级分为两列，而垂直分隔框则会将其子级分...

2020-05-27

60浏览

0评论

JavaScript比较两个数组的内容是否相同(推荐)

今天意外地发现JavaScript是不能用==或===操作符直接比较两个数组是否相等的。alert([]==[]); // falsealert([]===[]); // false以上两句代码都会弹出false。因为JavaScr...

2020-05-27

57浏览

0评论

xmlplus组件设计系列之路由（ViewStack)（7）

在浏览器端，对路由的理解一般是根据不同的 URL 完成页面的切换。在服务器端，则是根据不同的 URL 请求回馈相关的页面。在本章，我们广义的组件路由的定义：根据接收到的不同命令，组...

2020-05-27

72浏览

0评论

利用prop-types第三方库对组件的props中的变量进行类型检测

1.引言——JavaScript就是一个熊孩子1.1对于JSer们来说，js是自由的，但同时又有许多让人烦恼的地方。javascript很多时候就是这么一个熊孩子,他很多时候并不会像C和java这些“...

2020-05-27

65浏览

0评论

Express之get,pos请求参数的获取

Express的版本4.XGetquery参数的获取url假设:http://localhost:3000/users/zqzjs?name=zhaoqize&word=cool&job[st]=web路由的定义:router.get('/:name', function(req,...

2020-05-27

67浏览

0评论

ES6中参数的默认值语法介绍

前言在ES6如果函数参数没有值或未定义的，默认函数参数允许将初始值初始化为默认值。下面来看看详细的介绍吧。语法
function [name]([param1[ = defaultValue1 ][, ..., para...

2020-05-27

95浏览

0评论

Vue input控件通过value绑定动态属性及修饰符的方法

对于单选按钮，勾选框及选择列表选项， v-model 绑定的 value 通常是静态字符串（对于勾选框是逻辑值）：<input type="radio" v-model="picke...

2020-05-27

110浏览

0评论

判断颜色是否合法的正则表达式(详解)

"^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$";意思是：以#开头，后面是数字和a-f的字符（大写或小写），这个值是6位或3位。要匹配一个3为是为了符合css颜色的简写规则："#abc"=="#aabbcc"注意...

2020-05-27

70浏览

0评论

深入理解node.js之path模块

node之path模块//引用该模块var path = require("path");1、路径解析，得到规范化的路径格式//对window系统，目录分隔为'\', 对于UNIX系统，分隔符为'/'，针对'..'返回上一级；/与\都...

2020-05-27

53浏览

0评论

javascript 判断一个对象为数组的方法

javascript 判断一个对象为数组的方法数组对象js的数组是无类型的：数组元素可以是任意类型，并且同一个数组中的不同元素也可能有不同的类型。数组的元素可以是对象或其他数组，...

2020-05-27

68浏览

0评论

xmlplus组件设计系列之下拉刷新（PullRefresh)（6）

“下拉刷新”由著名设计师 Loren Brichter 设计，并应用于 Twitter 第三方应用 Tweetie 中。2010年4月，Twitter 收购 Tweetie 开发商 Atebits 后，该专利归 Twitter 所有。这一章...

2020-05-27

95浏览

0评论

JS实现图片点击后出现模态框效果

很多时候我们在浏览图片时，会发现点击图片后，会弹出一个被点击图片的放大图片浮在页面上，占满整个窗口。这就是图片模态框效果。这个效果可以使用某些js库实现，如bpopupJs。但是...

2020-05-27

59浏览

0评论

javascript过滤数组重复元素的实现方法

javascript过滤数组重复元素的实现方法以下是在网上找的资料，直接在项目中可以使用，大家可以参考下：实现代码：function filterArray(receiveArray){var arrResult = new...

2020-05-27

57浏览

0评论

xmlplus组件设计系列之选项卡（Tabbar)（5）

这一章将设计一个选项卡组件，选项卡组件在手持设备上用的比较多，下面是一个示意图：选项卡组成
在具体实现之前，想像一下目标组件是如何使用的，对于设计会有莫大的帮助。通过观察，...

2020-05-27

64浏览

0评论

利用Mongoose让JSON数据直接插入或更新到MongoDB

前言Nodejs基于Javascript，MongoDB脚步同样也是基于Javascript。而且他们的数据存储格式都是JSON，这就是为什么要把他们放在一起的原因了。如果程序前后端能直接处理JSON，我想...

2020-05-27

47浏览

0评论

xmlplus组件设计系列之文本框（TextBox)（3）

文本框是页面中最常用的输入组件，它的默认使用方式如下：<input type='text'/>
当然，这里的 `type='text' 可以略去不写。大部分情况下，使用默认的文本框作为输入组件是没什么问...

2020-05-27

热门文章