JavaScript - 教程之家

49浏览

0评论

jquery+css实现下拉列表功能

废话不多说了，直接给大家贴代码了，具体代码如下所述：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>fruit</title><style type="text/css">.hide { display: none;...

2020-05-27

32浏览

0评论

初探JavaScript 面向对象(推荐)

类的声明1. 构造函数function Animal() { this.name = 'name'}// 实例化new Animal()2. ES6 classclass Animal { constructor() { this.name = 'name' }}// 实例化new Ani...

2020-05-27

55浏览

0评论

JS实现页面内跳转的简单代码

使用js（$.ajax中）实现页面内跳转（即：描点平滑跳转）的方法(aa为跳转目的标签的id)：　　在网络上有很多资料所说的：animate方法我试了并不好使，不知道是啥原因,欢迎大家指正，附上网络方...

2020-05-27

44浏览

0评论

JS实现简单的选择题测评系统代码思路详解(demo)

包含内容：JS封装表单，JS校验表单说是测评系统，感觉只能算是一个小小的Demo，很水，，没有数据库库，，仅使用JS做简单的选择题测评系统------------------------------------------------...

2020-05-27

54浏览

0评论

JS与HTML结合实现流程进度展示条思路详解

效果如下:一、设计思路分为以下几步（仅供参考）【竖线线】这个采用ul的list标签制作，保证了可随时添加，以及纵向排布【小圆圈】html标签好像没有提供小圆圈标签，此处采用，div添加弧...

2020-05-27

63浏览

0评论

用最简单的方法判断JavaScript中this的指向(推荐)

都说 JavaScript 是一种很灵活的语言，这其实也可以说它是一个混乱的语言。它把函数式编程和面向对象编程糅合一起，再加上动态语言特性，简直强大无比（其实是不能和C++比的，^...

2020-05-27

43浏览

0评论

React-Native中props具体使用详解

props就是属性，是为了描述一个组件的特征而存在的。它是父组件传递给子组件的。使用props通过上一个页面传递新建一个 PropsTest.js 文件exprot default class PropsTestexte...

2020-05-27

80浏览

0评论

vue中component组件的props使用详解

本文介绍了 vue中component组件的props使用详解，分享给大家，具体如下：
props使用方法Vue.component('my-component',{ props:['message'], template:'<div class=...

2020-05-27

62浏览

0评论

VueJS组件之间通过props交互及验证的方式

props 是父组件用来传递数据的一个自定义属性。父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 "prop"。父组件通过props将数据传递给子组...

2020-05-27

73浏览

0评论

React教程之Props验证的具体用法（Props Validation）

Props验证对于组件的正确使用是一种非常有用的方式。它可以避免随着你的应用的程序越来越复杂从而出现很多的bug和问题。并且，它还可以是你的程序变得更易读。那如何对Props...

2020-05-27

41浏览

0评论

JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】

本文实例讲述了JS图片延迟加载插件LazyImgv1.0用法。分享给大家供大家参考，具体如下：注：LazyImg 必须定义lazy-data属性，属性值是src的图片路径引入JS文件：<script type="text/ja...

2020-05-27

113浏览

0评论

使用MUI框架模拟手机端的下拉刷新和上拉加载功能

mui框架基于htm5plus的XMLHttpRequest，封装了常用的Ajax函数，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型；本着极简的设计原则，mui提供了mui.ajax方...

2020-05-27

110浏览

0评论

node-sass安装失败的原因与解决方法

前言我们一般在利用npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。
这是使用 sass 的同...

2020-05-27

57浏览

0评论

Nodejs进阶之服务端字符编解码和乱码处理

写在前面在web服务端开发中，字符的编解码几乎每天都要打交道。编解码一旦处理不当，就会出现令人头疼的乱码问题。不少从事node服务端开发的同学，由于对字符编码码相关知识了解...

2020-05-27

44浏览

0评论

JS实现匀加速与匀减速运动的方法示例

本文实例讲述了JS实现匀加速与匀减速运动的方法。分享给大家供大家参考，具体如下：/* * 动画帧函数 * * */ var requestFrame=function(){ var prefixList=['webkit','moz','...

2020-05-27

69浏览

0评论

利用yarn代替npm管理前端项目模块依赖的方法详解

本文主要给大家介绍了关于yarn代替npm管理前端项目模块依赖的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。什么是 yarn?简单来说，yarn 是一个...

2020-05-27

56浏览

0评论

JS实现颜色的10进制转化成rgba格式的方法

本文实例讲述了JS实现颜色的10进制转化成rgba格式的方法。分享给大家供大家参考，具体如下：当我们在已知一个整数如（0~256x256x256x256 之间的颜色值），想获得关于它的3原色加一个...

2020-05-27

57浏览

0评论

详解基于 axios 的 Vue 项目 http 请求优化

对于需要大量使用 http 请求的项目，我们通常会选择对 http 请求的方法进行二次封装，以便增加统一的拦截器，或者统一处理阻止重复提交之类的逻辑。Vue.js 的项目中我们选择使用...

2020-05-27

47浏览

0评论

JS沙箱模式实例分析

本文实例讲述了JS沙箱模式。分享给大家供大家参考，具体如下：//SandBox(['module1,module2'],function(box){});/**** @function* @constructor* @param [] array 模块名数...

2020-05-27

36浏览

0评论

JavaScript基础进阶之数组方法总结(推荐)

数组常用方法总结：下面我只总结了es3中常用的数组方法，一共有11个。es5中新增的9个数组方法，后续再单独总结。1个连接数组的方法：concat（）2个数组转换为字符串的方法：join（）、toStrin...

2020-05-27

62浏览

0评论

zTree获取当前节点的下一级子节点数实例

使用zTree插件实现树形图中，需要获取当前点击的父节点的子节点数的需求，使用treeNode.children获取子节点数据集合,使用length方法获取集合长度。
将当前节点的treeNode传入即...

2020-05-27

52浏览

0评论

基于react组件之间的参数传递(详解)

1、父组件向子组件传递参数class Child extends Component {　　　 componentDidMount(){　　　　　let name = this.props.default;　　　　　 console,log(name);　　　...

2020-05-27

37浏览

0评论

JS一个简单的注册页面实例

如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="js/jquery-1.8.0.min.js"></script> <script>// $(fun...

2020-05-27

47浏览

0评论

对于Javascript 执行上下文的全面了解

在这篇文章中，将比较深入地阐述下执行上下文 – JavaScript中最基础也是最重要的一个概念。相信读完这篇文章后，你就会明白javascript引擎内部在执行代码以前到底做了些什么，为...

2020-05-27

40浏览

0评论

基于ES6 Array.of的用法(实例讲解)

ES6为Array增加了of函数用已一中明确的含义将一个或多个值转换成数组。因为，用new Array()构造数组的时候，是有二意性的。构造时，传一个参数，表示生成多大的数组。构造时，传多个...

2020-05-27

49浏览

0评论

javascript基础进阶_深入剖析执行环境及作用域链

执行环境执行环境定义了变量或函数有权访问的其他函数，决定了他们各自的行为。每个执行环境都有一个与之关联的变量对象。变量对象环境中定义的所有变量和函数都保存在这个对...

2020-05-27

36浏览

0评论

纯js实现画一棵树的示例

用纯js画一棵树。思路：1、一棵树的图片，作为页面背景；2、通过html5中的canvas画布进行遮罩；3、定时每隔10ms，从下往上清除1px的遮罩；<!DOCTYPE html><html><head><meta charset="U...

2020-05-27

52浏览

0评论

zTree异步加载展开第一级节点的实现方法

在 setting 中的 callback 中加上 onAsyncSuccess:onAsyncSuccess 回调函数 , 然后实现回调函数 var isFirst = true;function onAsyncSuccess(event, treeId) { if (is...

2020-05-27

48浏览

0评论

Vue学习笔记之表单输入控件绑定

表单输入绑定
基础用法
文本
<input v-model:"msg" placeholder="edit me"/>### 多行文本<textarea name="" id="" cols="30" rows="10" v-model:"msg"></textarea>### 复选...

2020-05-27

69浏览

0评论

简单谈谈关于Angular Cli打包的事

本文主要给大家介绍了关于Angular Cli打包的事，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。一、引言
Angular从开发再到生产环境部署都离不开Angular Cli...

2020-05-27

32浏览

0评论

Angular实现下载安装包的功能代码分享

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html ng-app="myPro"><head><meta charset="UTF-8"><title>angular-实现下载安装包的功能</title><script...

2020-05-27

50浏览

0评论

浅谈Vue.js中的v-on(事件处理)

Vue.js的事件处理
监听事件
我们可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。<div class="box"> {{msg}} <input type="button" value="按钮" v-on:click=...

2020-05-27

56浏览

0评论

JavaScript正则表达式的贪婪匹配和非贪婪匹配

所谓贪婪匹配就是匹配重复字符是尽可能多的匹配，比如："aaaaa".match(/a+/); //["aaaaa", index: 0, input: "aaaaa"] 非贪婪匹配就是尽可能少的匹配，用法就是在量词后面加上一...

2020-05-27

41浏览

0评论

详解vue-cli本地环境API代理设置和解决跨域

前言
我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，localhost是没有办法设置cookie的。我们可...

2020-05-27

48浏览

0评论

JSON在Javascript中的使用（eval和JSON.parse的区别）详细解析

JSON 和XML比较json的长度和xml比起来更加短小json读取速度更快json可以使用JavaScript的内置方法直接进行解析，转化成javascript对象，非常方便。在Javascript使用eval将接送...

2020-05-27

49浏览

0评论

jQuery实现注册会员时密码强度提示信息功能示例

本文实例讲述了jQuery实现注册会员时密码强度提示信息功能。分享给大家供大家参考，具体如下：1.效果如图所示：2.html代码：<p><span>设置密码：</span><input type="password" id="e...

2020-05-27

49浏览

0评论

JavaSctit 利用FileReader和滤镜上传图片预览功能

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File或 Blob对象指定要读取的文件或数据。1、FileReader接口的方法FileReade...

2020-05-27

55浏览

0评论

详解Vue2.0 事件派发与接收

由于vue2.0 移除了1.0中的$dispatch 和$broadcast 这两个组件之间通信传递数据的方法 ,官方的给出的最简单的升级建议是使用集中的事件处理器,而且也明确说明了一个空的vue...

2020-05-27

33浏览

0评论

vue如何使用 Slot 分发内容实例详解

vue我自己还在摸索学习中，今天学习了使用 Slot 分发内容，给自己留个小笔记
使用slot分发内容我们要注意2点<app> 组件不知道它会收到什么内容。这是由使用 <app> 的父组件决定...

2020-05-27

43浏览

0评论

js使用generator函数同步执行ajax任务

本文实例为大家分享了js使用generator函数同步执行ajax任务的具体代码，供大家参考，具体内容如下
function request(url, callback) { fetch(url, {mode: 'cors', credentials...

2020-05-27

61浏览

0评论

javascript观察者模式实现自动刷新效果

本文实例为大家分享了js观察者模式实现自动刷新的具体代码，供大家参考，具体内容如下// author wangbinandi@gmail.comconst observable = obj => { const observers = Symbol...

2020-05-27

54浏览

0评论

Node.js如何使用Diffie-Hellman密钥交换算法详解

简介
Diffie-Hellman（简称DH）是密钥交换算法之一，它的作用是保证通信双方在非安全的信道中安全地交换密钥。目前DH最重要的应用场景之一，就是在HTTPS的握手阶段，客户端、服务端利...

2020-05-27

45浏览

0评论

js实现鼠标跟随运动效果

鼠标跟随运动效果展示
1、使用命令创建基本结构ul.cursorPlay#cursorPlay>li*12>a>img+div>span
2、给span标签添加字段
3、设置基本的样式
1、cursorPlay的宽度 992px，高度6...

2020-05-27

62浏览

0评论

webpack踩坑之路图片的路径与打包

刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里(bundle)。下面我们就来分析下在webpack项目中图...

2020-05-27

38浏览

0评论

浅谈angular4生命周期钩子

理解
Angular提供了生命周期钩子，把这些关键生命时刻暴露出来，赋予我们在它们发生时采取行动的能力。可以将钩子函数理解为在合适的时候做合适的事情。
钩子函数
ng4主要提供...

2020-05-27

34浏览

0评论

Angular2里获取（input file）上传文件的内容的方法

最近在用Angular2，需要有一个上传文件的功能，但是又不想用库，所以直接用原生的input file 标签。<input type="file" id="newUpload" >然后想获取上传的内容，于是先想了个愚蠢的...

2020-05-27

41浏览

0评论

node.js-v6新版安装具体步骤(分享)

1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O...

2020-05-27

49浏览

0评论

vue组件初学_弹射小球(实例讲解)

1. 定义每个弹射的小球组件( ocicle )2. 组件message自定义属性存放小球初始信息(可修改)
{ 　　　top: "0px", //小球距离上方坐标　　　left: "0px", //小球距离左...

2020-05-27

40浏览

0评论

浅谈react.js中实现tab吸顶效果的问题

在react项目开发中有一个需求是，页面滚动到tab所在位置时，tab要固定在顶部。实现的思路其实很简单，就是判断当滚动距离scrollTop大于tab距离页面顶部距离offsetTop时，将tab的pos...

2020-05-27

45浏览

0评论

详谈js原型继承的一些问题

当我们使用原型链继承时，需要谨慎的定义原型上的方法和属性，因为这可能带来意外的结果。一、谨慎的定义原型上的方法。当我们想为一个构造函数的原型上定义一个方法时，一定要在...

2020-05-27

热门文章