JavaScript - 教程之家

65浏览

0评论

JS实现汉字与Unicode码相互转换的方法详解

本文实例讲述了JS实现汉字与Unicode码相互转换的方法。分享给大家供大家参考，具体如下：js文件中，有些变量的值可能会含有汉字，画面引入js以后，有可能会因为字符集的原因，把里面的...

2020-05-27

63浏览

0评论

JS组件系列之MVVM组件构建自己的Vue组件

正文前言：转眼距离上篇 JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。经过这几个月的...

2020-05-27

74浏览

0评论

jquery实现图片上传前本地预览

前段时间遇到一个问题，前端想实现图片上传预览（不经过后端PHP或JAVA处理），用户点击file按钮上传文件，点击确定马上就能看到预览的效果，但在实现的时候无论怎样都取不到file上图片...

2020-05-27

71浏览

0评论

JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法

本文实例讲述了JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法。分享给大家供大家参考，具体如下：为什么会有人会使用ctrl+鼠标滚轮缩放网页？坚决禁止！<html><head><title>测试<...

2020-05-27

68浏览

0评论

JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查

正文前言：关于Vue框架，好几个月之前就听说过，了解一项新技术之后，总是处于观望状态，一直在犹豫要不要系统学习下。正好最近有点空，就去官网了解了下，看上去还不错的一个组件，就抽空...

2020-05-27

71浏览

0评论

JS简单判断滚动条的滚动方向实现方法

本文实例讲述了JS简单判断滚动条的滚动方向实现方法。分享给大家供大家参考，具体如下：以下代码实现判断页面的滚动条的滚动方向；var sign = 80;//定义默认的向上滚与向下滚的边...

2020-05-27

65浏览

0评论

jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】

本文实例讲述了jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法。分享给大家供大家参考，具体如下：jquery.eraser是一款使用鼠标或触摸的动作来擦除画布显示真正图片的插件...

2020-05-27

81浏览

0评论

NodeJs安装npm包一直失败的解决方法

最近在学React，在gitHub上下载一个项目下来，安装node.js后发现用npm install就一直报错，不知道怎么解决，查了很多资料都没有用。在windows下 cmd到命令窗口（最好是管理员的身份...

2020-05-27

76浏览

0评论

NodeJs的fs读写删除移动监听

NodeJs版本:4.4.4fs
文件系统模块是一个封装了标准的 POSIX 文件 I/O 操作的集合。Node.js 文件系统（fs 模块）模块中的方法均有异步和同步版本。图片的复制与粘贴创建一个可读...

2020-05-27

60浏览

0评论

Javascript实现数组中的元素上下移动

前言我们交换数组可以实现元素上下移动了，这个效果我们在表格或以前排序算法中都会用到，下面来看一个JavaScript下实现交换数组元素上下移动例子
在写项目的时候，要实现一个数...

2020-05-27

77浏览

0评论

node.js+jQuery实现用户登录注册AJAX交互

最近实现了Node.js当作后台，jQuery写前台AJAX代码的，实现用户登录和注册的功能，刷新了前后端交互的三观。特记录一下。1.login.ejs实现form框架 <form > <ul> <li...

2020-05-27

60浏览

0评论

vue.js利用defineProperty实现数据的双向绑定

vue.js如何实现数据的双向绑定呢？与angular不同。vue利用的是es5的defineproperty特性。1.一个小例子<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <ti...

2020-05-27

62浏览

0评论

Angular2下使用pdf插件的方法详解

前言
最近因为工作的原因，需要在Angualr2建的项目里做一个pdf显示的功能，在网上找了个插件，不过由于是第一次使用额外插件，在用的时候遇到了一些坑，这里权且记一下使用的步骤，方便...

2020-05-27

84浏览

0评论

jQuery设置图片等比例缩小的方法

本文实例讲述了jQuery设置图片等比例缩小的方法。分享给大家供大家参考，具体如下：网站的内容页面，经常要放图片，如果图片太大会撑出，影响页面美观。如果只是用css限制图片的最大...

2020-05-27

63浏览

0评论

jQuery实现多张图片上传预览（不经过后端处理）

效果图：图（1）图（2）代码如下：<!doctype html><html><head><meta charset="utf-8"><title>jQuery图片上传预览（不经过后端处理）</title><script src="http://libs.baidu.com/jquery/1....

2020-05-27

56浏览

0评论

jQuery输入框密码的显示隐藏【代码分享】

效果图：代码如下：<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8" /><title>jQuery输入框密码显示隐藏代码</title><meta name="viewpo...

2020-05-27

60浏览

0评论

Vue.js教程之axios与网络传输的学习实践

前言在学习了之前的路由vue-router和状态管理vuex之后，就应该是网络交互了。就学习尤大推荐的axios了。刚好本人对网络请求这块除了会get、put、post和delete这四个方法之外...

2020-05-27

69浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

100浏览

0评论

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

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

2020-05-27

80浏览

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

73浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

79浏览

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

62浏览

0评论

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

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

2020-05-27

58浏览

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

60浏览

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

170浏览

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

64浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

140浏览

0评论

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

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

2020-05-27

69浏览

0评论

jQuery Tree Multiselect使用详解

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

2020-05-27

310浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

74浏览

0评论

jQuery树插件zTree使用方法详解

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

热门文章