JavaScript - 教程之家

50浏览

0评论

解决html-jquery/js引用外部图片时遇到看不了或出现403的问题

解决方法如下所示：<script type="text/javascript"> function showImg(url) { var frameid = 'frameimg' + Math.random(); window.img = '<img id="img" style="width:...

2020-05-27

53浏览

0评论

jQuery实现table中两列CheckBox只能选中一个的示例

//html<table id="unit"><tr><th>选项一</th><th>选项二</th><th>姓名</th></tr><tr><td><input type="checkbox" /></td><td><input type="checkbox" />&...

2020-05-27

48浏览

0评论

详解nodejs通过代理(proxy)发送http请求(request)

有可能有这样的需求，需要node作为web服务器通过另外一台http/https代理服务器发http或者https请求，废话不多说直接上代码大家都懂的：var http = require('http')var opt = { ho...

2020-05-27

55浏览

0评论

react-native-fs实现文件下载、文本存储的示例代码

本文内容：
react-native-fs的简单使用下载文件(图片、文件、视频、音频) 将文本写入本地 txt 读取txt文件内容在已有的txt上添加新的文本删除文件上传文件 only iO...

2020-05-27

36浏览

0评论

Javascript刷新页面的实例

整理的关于JS刷新页面相关的文章：https://www.freexyz.cn/article/139788.htmJavascript刷新页面的实例Javascript刷新页面的几种方法：
1 history.go(0)
2 location.rel...

2020-05-27

56浏览

0评论

详细介绍RxJS在Angular中的应用

RxJS是一种针对异步数据流编程工具，或者叫响应式扩展编程；可不管如何解释RxJS其目标就是异步编程，Angular引入RxJS为了就是让异步可控、更简单。而今就是要探讨什么是Observabl...

2020-05-27

59浏览

0评论

angular.js4使用 RxJS 处理多个 Http 请求

有时候进入某个页面时，我们需要从多个 API 地址获取数据然后进行显示。管理多个异步数据请求会比较困难，但我们可以借助 Angular Http 服务和 RxJS 库提供的功能来实现上述的...

2020-05-27

63浏览

0评论

JavaScript定义函数的三种实现方法

JavaScript定义函数的三种实现方法【1】正常方法
function print(msg){ document.write(msg);}对函数进行调用的几种方式：
函数名（传递给函数的参数1，传递给函数的参数2，….）...

2020-05-27

57浏览

0评论

详解webpack + vue + node 打造单页面(入门篇)

1.node下载地址：http://nodejs.cn/download/，安装完成检查node和npm版本2.淘宝镜像： npm install cnpm -g --registry=https://registry.npm.taobao.org ，淘宝镜像比npm要快很...

2020-05-27

81浏览

0评论

VsCode新建VueJs项目的详细步骤

本文介绍了VsCode新建VueJs，分享给大家，具体如下：使用vue-cli快速构建项目
( vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。安装vue-cli之前，需要先安装了vue和web...

2020-05-27

47浏览

0评论

JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码

通过JQuery可以跨域获取JSON数据，但必须弄清楚的是，JQuery不可以跨域获取任意JSON格式的数据，必须要通过服务端输出特定的针对JQuery跨域读取的JSON数据。你可能目前对此仍然毫...

2020-05-27

41浏览

0评论

一个有意思的鼠标点击文字特效jquery代码

今天在【幻想's Blog】看到一段比较喜欢的鼠标点击文字特效JS代码，感觉很不错就用到博客上来了！喜欢的站长也可以用一下感觉一下！只需将如下JS代码放到</body>之前即可。<scrip...

2020-05-27

58浏览

0评论

jQuery使用zTree插件实现可拖拽的树示例

在目前接触到的树插件中，我觉得zTree比较简单，也容易上手。有一次业务需求是将某对象分组树上的对象可以随意拖拽，相当于改变了对象的分组，因此我用到了zTree，对其进行了一些列学...

2020-05-27

99浏览

0评论

vue webuploader 文件上传组件开发

最近项目中需要用到百度的webuploader大文件的分片上传，对接后端的fastdfs，于是着手写了这个文件上传的小插件，步骤很简单，但是其中猜到的坑也不少，详细如下：
一、封装组件
引入百...

2020-05-27

60浏览

0评论

详解Web使用webpack构建前端项目

好久没写技术博客了, 原因在于最近在学习前端方面的技术, 熟悉我的同学都知道, 之前我有使用Vue搭建了一个个人简历, 体验了一把最新的前端技术, 但之前我们使用的是vue-cli...

2020-05-27

50浏览

0评论

Js利用console计算代码运行时间的方法示例

前言本文主要给大家介绍了关于Js用console计算代码运行时间的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。需求如果学习前端一定时间以后，就会考...

2020-05-27

80浏览

0评论

JS实现手写parseInt的方法示例

前言本文主要给大家介绍了关于JS实现手写parseInt的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。手写parseInt的实现：要求简单一些，把字符串型的数...

2020-05-27

38浏览

0评论

通过源码分析Vue的双向数据绑定详解

前言虽然工作中一直使用Vue作为基础库，但是对于其实现机理仅限于道听途说，这样对长期的技术发展很不利。所以最近攻读了其源码的一部分，先把双向数据绑定这一块的内容给整理一...

2020-05-27

51浏览

0评论

一文让你彻底搞清楚javascript中的require、import与export

前言本文主要给大家介绍了关于javascript中require、import与export的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。为什么有模块概念理想情况下，...

2020-05-27

58浏览

0评论

React学习之事件绑定的几种方法对比

前言本文主要给大家介绍了关于React事件绑定的几种方法对比的相关呢荣，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。React事件绑定
由于类的方法默认不会...

2020-05-27

59浏览

0评论

静态页面实现 include 引入公用代码的示例

一直以来，我司的前端都是用 php 的 include 函数来实现引入 header 、footer 这些公用代码的，就像下面这样： <!DOCTYPE html><html lang="en"><head> <meta...

2020-05-27

89浏览

0评论

对于input 框限定输入值为浮点型的js代码

在一些项目中，比如金额用到浮点型，对于input 限定可以参考以下<input type="text" value="" onkeyup="only_num(this)" onblur="only_num(this)"><script>　　function only_...

2020-05-27

70浏览

0评论

zTree jQuery 树插件的使用(实例讲解)

分享说明：项目需要树状视图形式展示后台返回的数据;并实现点击节点将节点信息添加到右侧的ul中;待后续提交获取使用;选择了能够实现异步加载节点信息的zTree插件,事实也证明...

2020-05-27

47浏览

0评论

实现两个文本框同时输入的实例

实例如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3....

2020-05-27

53浏览

0评论

简单谈谈js的数据类型

近期做一些项目的时候发现，自己的js基础还是不够扎实，再看一遍犀牛书，加深自己的理解和印象。所以从这篇文章开始，后面都是关于原生js的一些内容。这篇文章，我们具体介绍一下js的...

2020-05-27

71浏览

0评论

es6系列教程_ Map详解以及常用api介绍

ECMAScript 6中的Map类型是一种存储着许多键值对的有序列表。键值对支持所有的数据类型. 键 0 和 ‘0'会被当做两个不同的键，不会发生强制类型转换.如何使用Map?let map...

2020-05-27

74浏览

0评论

Three.js入门之hello world以及如何绘制线

前言本文属于学习Three.js 的入门教程，文中通过示例介绍了hello world和线的实现，下面话不多说了，来一起看看详细的介绍吧。hello world首先使用我们先用three.js创建一个立方...

2020-05-27

94浏览

0评论

Three.js如何用轨迹球插件（trackball）增加对模型的交互功能详解

前言之前我们已经简单的给大家介绍了关于three.js入门的一些案例，下面本文将详细介绍关于Three.js如何用轨迹球插件（trackball）增加对模型的交互功能，下面话不多说了，来一起看看...

2020-05-27

80浏览

0评论

Three.js利用性能插件stats实现性能监听的方法

前言关于性能：测试一个程序，性能上是否有瓶颈，在3D世界里，经常使用帧数的概念，首先我们来定义一下帧数的意义。帧数：图形处理器每秒钟能够刷新几次，通常用fps（Frames Per Second）来表...

2020-05-27

51浏览

0评论

vuex中使用对象展开运算符的示例

使用场景当需要进行vuex进行数据状态管理的时候，会使用到mapGetters,mapState,还有自身的计算属性的时候，这个时候就会用到这个了！1.首先需要安装npm install babel-plugin-tra...

2020-05-27

58浏览

0评论

Three.js利用orbit controls插件（轨道控制）控制模型交互动作详解

前言本文主要给大家介绍了关于Three.js利用orbit controls插件（轨道控制）控制模型交互动作的相关内容，这个效果相对于第八节的轨迹球插件使用上感觉要好，虽然轨迹球插件可以来回...

2020-05-27

119浏览

0评论

react native与webview通信的示例代码

WebView是ReactNative中的组件 , 它可以创建一个原生的WebView，可以用于访问一个网页.
有时候我们需要在RN与WebView之间进行通信,或者进行数据传递,或者发送消息通知.这时候...

2020-05-27

63浏览

0评论

react.js 父子组件数据绑定实时通讯的示例代码

react.js我自己还在摸索学习中，碰到父子组件数据绑定实时通讯的问题，研究了一下，分享给大家，也给自己留个笔记：
import React,{Component} from 'react'import ReactDOM from 're...

2020-05-27

46浏览

0评论

vue-cli中的webpack配置详解

版本号 vue-cli 2.8.1 (终端通过vue -V 可查看) vue 2.2.2 webpack 2.2.1目录结构
├── README.md├── build│ ├── build.js│ ├── check-versions.js│...

2020-05-27

68浏览

0评论

javascript input输入框模糊提示功能的实现

javascript input输入框模糊提示功能的实现主要用到了jQuery.autocomplete函数，定义好一个数组就可以用这个功能了，很方便。<!doctype html><html><head> <meta charset="utf-...

2020-05-27

79浏览

0评论

vue封装第三方插件并发布到npm的方法

前言
写此文前特意google了一下，因为有较详细的开发教程我再写意义不大，有把插件封装成组件的教程，有把自己的组件封住成插件的教程，本文主要说明如何把第三方的插件封装成vue插...

2020-05-27

86浏览

0评论

Bootstrap一款超好用的前端框架

前言
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap在JQuery的基础上进行了更为个性化的完...

2020-05-27

80浏览

0评论

详解在vue-cli中使用路由

1.首先npm中是否有vue-router一般在vue-cli的时候就已经下载好了依赖包了2.使用vue的话正常的需要涉及这几个文件demo/src/router/index.js
import Vue from 'vue'import Ro...

2020-05-27

46浏览

0评论

JavaScript 自定义事件之我见

事件　　技术一般水平有限，有什么错的地方，望大家指正。　　事件就是用户和浏览器交互的一种途径。假如一个用户注册的功能，我们在填写完基本信息之后，点击提交按钮就可以实现注...

2020-05-27

82浏览

0评论

详解vue-cli中的ESlint配置文件eslintrc.js

本文讲解vue-cli脚手架根目录文件.eslintrc.js，分享给大家，具体如下：1.eslint简介
eslint是用来管理和检测js代码风格的工具，可以和编辑器搭配使用，如vscode的eslint插件。当有不...

2020-05-27

83浏览

0评论

JS+jQuery实现注册信息的验证功能

用JS和JQuery实现的效果是一样的。HTML代码<legend> 请填写注册信息</legend> <form action="index.html" method="post"> <table style="text-align: right;"> <t...

2020-05-27

92浏览

0评论

Three.js利用Detector.js插件如何实现兼容性检测详解

前言本文主要给大家介绍了关于Three.js用Detector.js插件实现兼容性检测的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。其实Detector.js插件的代...

2020-05-27

79浏览

0评论

Three.js实现绘制字体模型示例代码

前言本文主要给大家介绍了关于利用Three.js绘制字体模型的相关内容，使用three.js绘制字体模型，没有想象当中那么难。下面话不多说了，来一起看看详细的介绍：首先你需要实例化 T...

2020-05-27

52浏览

0评论

使用JavaScript实现在页面中显示距离2017年中秋节的天数

废话不多说了，具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>在页面中显示距离2017年中秋节的天数</title> <script type="text...

2020-05-27

56浏览

0评论

利用Three.js如何实现阴影效果实例代码

前言众所周知作为webgl的插件，three.js肯定没有原生webgl那样，添加一个阴影这么费劲。所以，经过一小时的研究（笨人不聪明，已经是极限速度了）。终于将阴影效果做了出来，并且还发现一...

2020-05-27

78浏览

0评论

微信小程序使用navigateTo数据传递的实例

微信小程序使用navigateTo数据传递的实例1，传递基本数据类型index.js 发送页JSPage({ data: { testStr: '字符串str' }, onLoad: function () { }, next: function(e)...

2020-05-27

96浏览

0评论

Three.js利用dat.GUI如何简化试验流程详解

简介本文主要给大家介绍了关于Three.js利用dat.GUI如何简化试验流程的想内容，其实使用这个插件的最省事的地方在于，调试很方便的调节相关的值，从而影响最后绘制的结果。而dat.G...

2020-05-27

44浏览

0评论

BootStrap点击保存后实现模态框自动关闭的思路(模态框)

需求如下：在弹出的模态框中点击 “更换” 按钮后实现模态框自动关闭，做法：给“更换“按钮加上：data-dissmiss="modal"<button type="button" class="btn btn-primary btn-sm"da...

2020-05-27

57浏览

0评论

Three.js实现浏览器变动时进行自适应的方法

前言有的时候，我们打开了浏览器的页面，显示了当前的渲染的模型。但是，如果你没有设置场景模型跟随着浏览器的宽高度变化进行自适应，就gg了。所以，今天额外补上一篇相关的怎么跟随...

2020-05-27

58浏览

0评论

javascript 产生随机数的几种方法总结

javascript 产生随机数的几种方法总结1、取两个数之间的随机数function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min +...

2020-05-27

热门文章