JavaScript - 教程之家

123浏览

0评论

js实现QQ面板拖拽效果（慕课网DOM事件探秘）（全）

QQ面板拖拽，效果如图JavaScript代码如下：function getByClass(clsName, parent) { var oParent = parent ? document.getElementById(parent) : document, eles = [],...

QQ

2020-05-27

93浏览

0评论

vue2.0开发入门笔记之.vue文件的生成和使用

这几天新项目用vue2.0开发，由于之前没用过vue，拿到项目框架看到都是.vue文件，不知道怎么用，以下是关于.vue文件的发现：1、一个.vue文件是一个封装的组件，在.vue文件里可以写 html,...

2020-05-27

112浏览

0评论

一步步教你利用Canvas对图片进行处理

前言Canvas，中文译为“画布”，HTML5中新增了<canvas>元素，可以结合JavaScript动态地在画布中绘制图形。今天，我们不讲Canvas的图形绘制，而是讲如何对图片进行处理，话不多说了，来一...

2020-05-27

77浏览

0评论

JavaScript数组去重的多种方法(四种)

数组去重，一般需求是给你一个数组，调用去重方法，返回数值副本，副本中没有重复元素。一般来说，两个元素通过 === 比较返回 true 的视为相同元素，需要去重，所以，1 和 "1" 是不同的元素...

2020-05-27

143浏览

0评论

详解.vue文件中监听input输入事件（oninput）

.vue文件其实是一个组件，关于它的说明我之前也写过一篇文章，地址：.vue文件，今天这篇文章要讲的是.vue文件中监听input的输入值变化事件。需求是这页面中，改变input的值，就调用一个...

2020-05-27

203浏览

0评论

前端常见跨域解决方案（全）

什么是跨域？
跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。
广义的跨域：
1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>...

2020-05-27

81浏览

0评论

详解vue-cli与webpack结合如何处理静态资源

处理静态资源你也许会注意到vue-cli与webpack结合的项目中，我们通常会有两个静态资源的路径：src/assets和static/，他们两者的区别是什么呢？打包的资源为了回答这个问题，我们首先...

2020-05-27

61浏览

0评论

angularjs实现过滤并替换关键字小功能

本文实例为大家分享了angularjs实现过滤并替换关键字的具体代码，供大家参考，具体内容如下html样式<body ng-app="myapp" ng-controller="myCtrl"> <input type="text" ng-mode...

2020-05-27

65浏览

0评论

原生js中ajax访问的实例详解

原生js中ajax访问的实例详解form表单中
登录名:
失去光标即触发事件function createXmlHttp() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlH...

2020-05-27

64浏览

0评论

Webpack 服务器端代码打包的示例代码

环境变量
之前,我们在项目里会经常使用 process.env.NODE_ENV, 但这个变量对于 webpack打包是有影响的, 在 production 的时候是有优化的.所以, 我们将改用其他的环境变量来...

2020-05-27

64浏览

0评论

在 Node.js 中使用原生 ES 模块方法解析

从版本 8.5.0 开始，Node.js 开始支持原生 ES 模块，可以通过命令行选项打开该功能。新功能很大程度上得归功于 Bradley Farias。
1.演示
这个示例的代码目录结构如下：esm-demo/...

2020-05-27

52浏览

0评论

JavaScript 中的 this 简单规则

几条规则确定函数里的 this 是什么。想确定 this 是什么其实非常简单。总体的规则是，通过检查它的调用位置，在函数被调用的的时候确定 this。它遵循下面这些规则，接下来以优先...

2020-05-27

70浏览

0评论

详解JS中的this、apply、call、bind(经典面试题)

这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个，在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，最好还是了解一下 this 的指向和 call、ap...

2020-05-27

71浏览

0评论

Javascript中将变量转换为字符串的三种方法

前言大家应该都知道，对于JavaScript，有3种不同方法可以将变量转换为字符串。这篇文章将详细介绍这些方法，并比较他们的优劣。下面话不多说了，来一起看看详细的介绍吧。3种方法将...

2020-05-27

51浏览

0评论

微信小程序媒体组件详解（视频，音乐，图片）

今天主要是简单的讲一下小程序当中的媒体组件，媒体组件包括：视频，音乐，图片等。
先来看看效果图：　
1、图片Image
<!-- scaleToFill:不保持纵横比缩放图片，使图片的宽高完全拉伸...

2020-05-27

87浏览

0评论

深入理解Node.js中通用基础设计模式

谈到设计模式，你可能会想到 singletons, observers（观察者）或 factories（工厂方法）。本文不并专门探讨他们。只是探讨Node.JS一些基础模式的实现，像依赖注入或中间件。什么是设计...

2020-05-27

176浏览

0评论

vue实现页面加载动画效果

我们经常看到数据未出现时，页面中会有一条提示消息，页面正在加载中，如何实现该效果呢，请看下面代码<template> <section class="page" v-if="option" :style="{background:...

2020-05-27

63浏览

0评论

JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解

本文实例讲述了JavaScript实现的原生态兼容IE6可调可控滚动文字功能。分享给大家供大家参考，具体如下：虽然HTML里面本身就有marquee标签，用来设置滚动文字（marquee标签在附录【H...

2020-05-27

130浏览

0评论

Vue结合SignalR实现前后端实时消息同步

最近业务中需要实现服务器端与客户端的实时通信功能，对Signalr做了一点总结和整理。SignalR 作为 ASP.NET 的一个库，能够简单方便地为应用提供实时的服务器端与客户端双向通...

2020-05-27

71浏览

0评论

原生javascript实现的全屏滚动功能示例

本文实例讲述了原生javascript实现的全屏滚动功能。分享给大家供大家参考，具体如下：原理：1. 计算当前浏览器屏幕高度，每次翻页显示的内容高度即为屏幕高度2. 对鼠标滚轮事件进行...

2020-05-27

135浏览

0评论

在Debian（Raspberry Pi）树莓派上安装NodeJS的教程详解

在树莓派上运行NodeJS并不需要特别的配置，你只需要确保可以用openssh远程连接到你的树莓派。安装并配置Open SSH服务器它可以确保你能远程连接到树莓派，它应该已经被安装了，但...

2020-05-27

64浏览

0评论

JS实现静态页面搜索并高亮显示功能完整示例

本文实例讲述了JS实现静态页面搜索并高亮显示功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>JS搜索</title></he...

2020-05-27

81浏览

0评论

jQuery选择器之表单元素选择器详解

本文实例为大家分享了表单元素选择器，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <tit...

2020-05-27

73浏览

0评论

jQuery实现可兼容IE6的遮罩功能详解

本文实例讲述了jQuery实现可兼容IE6的遮罩功能。分享给大家供大家参考，具体如下：最精简，最强大的 jQuery 遮罩层效果。当浏览器改变大小时，遮罩层的大小会相应地改变。遮罩层上...

2020-05-27

85浏览

0评论

Angular客户端请求Rest服务跨域问题的解决方法

1.问题描述：通过Origin是http://localhost:4200请求http://localhost:8081的服务，控制台报错如下，但是Response为200。客户端和服务端IP相同，但是端口不同，存在跨域问题。
复制代...

2020-05-27

78浏览

0评论

jquery实现倒计时小应用

本文实例为大家分享了jquery倒计时效果的具体代码，供大家参考，具体内容如下html<div id="shop_rec"> <ul class="cf"> <li> <img src="image/goods.jpg" alt="小米...

2020-05-27

54浏览

0评论

jQuery实现倒计时功能 jQuery实现计时器功能

本文转载自 jquery 做一个小的倒计时效果在实际运用中，经常会使用到倒计时的效果。以下代码利用jQuery实现了一个倒计时计时器。<!DOCTYPE html> <html> <head> <meta char...

2020-05-27

72浏览

0评论

详解ES6之async+await 同步/异步方案

异步编程一直是JavaScript 编程的重大事项。关于异步方案， ES6 先是出现了基于状态管理的 Promise，然后出现了 Generator 函数 + co 函数，紧接着又出现了 ES7 的 async + awai...

2020-05-27

67浏览

0评论

Vue2.0父组件与子组件之间的事件发射与接收实例代码

关于vue2.0的事件发射和接收，大家都知道$dispatch和$broadcast在vue2.0已经被弃用了，取而代之的是更加方便快捷的方式，使用事件中心，组件通过它来互相通信，不管组件在哪一个层都...

2020-05-27

57浏览

0评论

vue基于Element构建自定义树的示例代码

说明
做项目的时候要使用到一个自定义的树形控件来构建表格树，在github上搜了一下没有搜索到合适的（好看的）可以直接用的，查看Element的组件说明时发现它的Tree控件可以使用rend...

2020-05-27

83浏览

0评论

微信小程序使用Socket的实例

微信小程序使用Socket的实例首先，一个小程序同时只能有一个WebSocket连接，如果当前已经存在一个WebSocket连接，会关闭当前连接，并重新建立一个连接。其次，如果使用了appID，协议必...

2020-05-27

74浏览

0评论

集合Bootstrap自定义confirm提示效果

本文实例为大家分享了集合Bootstrap自定义confirm的具体代码，供大家参考，具体内容如下效果这里写图片描述js端var Common = { confirm:function(params){ var model = $("...

2020-05-27

60浏览

0评论

angularjs利用directive实现移动端自定义软键盘的示例

最近公司项目的需求上要求我们iPad项目上一些需要输入数字的地方用我们自定义的软键盘而不是移动端设备自带的键盘，刚接到需求有点懵，因为之前没有做过，后来理了一下思路发现这...

2020-05-27

58浏览

0评论

jquery 一键复制到剪切板的实例

今天做项目有一个功能，通过点击事件复制一段文本到剪切板，在网上找了一些，整理了一下，方便需要的朋友使用。<a id="copy" data-text="123456">复制文本</a>$(function(){ var...

2020-05-27

63浏览

0评论

Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法

接着这篇文章Node.js+jade抓取博客所有文章生成静态html文件的实例继续，在这篇文章中实现了采集与静态文件的生成，在实际的采集项目中，应该是先入库再选择性的生成静态文件。...

2020-05-27

66浏览

0评论

从对象列表中获取一个对象的方法,依据关键字和值

如下所示：function getobj(objs, key, value) {for (var i in objs) {var obj = $(objs[i]);if (obj.attr(key) == value) {return obj[0];}}return null;};以上这篇从对象列...

2020-05-27

52浏览

0评论

Vue.js项目模板搭建图文教程

前言从今年（2017年）年初起，我们团队开始引入「Vue.js」开发移动端的产品。作为团队的领头人，我的首要任务就是设计整体的架构。一个良好的架构必定是具备丰富的开发经验后才能...

2020-05-27

98浏览

0评论

使用原生js+canvas实现模拟心电图的实例

从2015年2月转行进入IT行业，到现在也有将近两年的时间了，从最开始的java到现在的前端，前进的路上一直靠自己摸索，一路走到现在，前端大神是绝对谈不上的，最多算一只刚入门的菜鸟。...

2020-05-27

58浏览

0评论

PHP 实现一种多文件上传的方法

之前在实现表单中file类型input选择多图片的时候找到一种方式也许不是最好的但亲测可行且支持ie7以上以及chrome浏览器在表单中使用正常多文件选择multiple属性<input type...

2020-05-27

101浏览

0评论

解决vue.js在编写过程中出现空格不规范报错的问题

找到build文件夹下面的webpack.base.conf.js文件。然后打开该文件，找到图下这段代码，把他注释掉。注释掉之后，再进行子页面等编写的时候，空格不规范的情况下也不会再报错啦。因...

2020-05-27

70浏览

0评论

jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例

本文实例讲述了jQuery实现可兼容IE6的淡入淡出效果告警提示功能。分享给大家供大家参考，具体如下：其实我觉得告警提示的话，直接用一个Alert就最好的。开门见山，直接让用户明白你...

2020-05-27

74浏览

0评论

vue学习笔记之v-if和v-show的区别

v-if vs v-showv-if 是“真正的”条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不...

2020-05-27

119浏览

0评论

JS简单实现父子窗口传值功能示例【未使用iframe框架】

本文实例讲述了JS简单实现父子窗口传值功能。分享给大家供大家参考，具体如下：父窗口页面father.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><...

2020-05-27

77浏览

0评论

Vue-cli创建项目从单页面到多页面的方法

对于某些项目来说，单页面不能很好的满足需求，所以需要将vue-cli创建的单页面项目改为多页面项目。需要修改以下几个文件：1、下载依赖glob$npm install glob --save-dev2、修改b...

2020-05-27

38浏览

0评论

jQuery实现IE输入框完成placeholder标签功能的方法

本文实例讲述了jQuery实现IE输入框完成placeholder标签功能的方法。分享给大家供大家参考，具体如下：如果在输入框加上placeholder="xx"属性，例如：<input type="text" placeholde...

2020-05-27

87浏览

0评论

微信小程序授权获取用户详细信息openid的实例详解

小程序获取用户的头像昵称openid之类第一种使用wx.getUserInfo直接获取微信头像，昵称
wx.getUserInfo({ success: function (res) { that.setData({ nickName: res.u...

2020-05-27

54浏览

0评论

jQueryMobile之窗体长内容的缺陷与解决方法实例分析

本文实例讲述了jQueryMobile窗体长内容的缺陷与解决方法。分享给大家供大家参考，具体如下：前面的一篇文章《jQueryMobile之Helloworld与页面切换的方法》没有考虑到窗体中放置...

2020-05-27

62浏览

0评论

微信小程序picker组件下拉框选择input输入框的实例

微信小程序picker组件下拉框选择input输入框的实例实现效果图：页面
<view class="row-wrap"> <view class="label">预约项目</view> <picker bindchange="bindCasPic...

2020-05-27

73浏览

0评论

JavaScript实现图片本地预览功能【不用上传至服务器】

本文实例讲述了JavaScript实现图片本地预览功能。分享给大家供大家参考，具体如下：实现一个在file文件域中选定图片文件之后，马上进行预览。不用预上传到服务器，整缩略图再打回前...

2020-05-27

57浏览

0评论

微信小程序 input表单与redio及下拉列表的使用实例

微信小程序 input表单与redio及下拉列表的使用实例一个简单的预约类型的表单，效果
主要代码：
<form bindsubmit="bindSave"> <view class="form-box"> <view class="r...

2020-05-27

热门文章