JavaScript - 教程之家

48浏览

0评论

JS内部事件机制之单线程原理

任务队列主线程：正在执行的代码，会生成函数调用栈。 macro-task（宏任务，新名：task）包括：script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI rendering。 micro-...

2020-05-27

51浏览

0评论

JS实现的JSON序列化操作简单示例

本文实例讲述了JS实现的JSON序列化操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JOSN对象</title> <scrip...

2020-05-27

46浏览

0评论

JavaScript设计模式之建造者模式实例教程

本文实例讲述了JavaScript设计模式之建造者模式。分享给大家供大家参考，具体如下：一、建造者模式模式概念建造者模式可以将一个复杂的对象的构建与其表示相分离，使得同样的构建...

2020-05-27

39浏览

0评论

JavaScript设计模式之单例模式简单实例教程

本文实例讲述了JavaScript设计模式之单例模式。分享给大家供大家参考，具体如下：一、单例模式概念单例就是保证一个类只有一个实例，实现方法一般是先判断实例存在与否，如果存在直...

2020-05-27

41浏览

0评论

vue-router 源码之实现一个简单的 vue-router

前言
通过上篇，我们知道前端理由的两种实现方法，Hash 路由与 History 路由，并且用它们分别实现了一个前端路由。
接下来我们就将 Vue 与 Hash 路由结合，实现一个非常简单的 vue-...

2020-05-27

38浏览

0评论

React Native基础入门之调试React Native应用的一小步

React Native(以下简称RN)为传统前端开发者打开了一扇新的大门。其中，使用浏览器的调试工具去Debug移动端的代码，无疑是最吸引开发人员的特性之一。试想一下，当你在手机屏幕按...

2020-05-27

54浏览

0评论

vue-router 源码实现前端路由的两种方式

在学习 vue-router 的代码之前，先来简单了解一下前端路由。前端路由主要有两种实现方法： Hash 路由 History 路由先来看看这两种方法的实现原理。接着我们将用它们来简单实...

2020-05-27

55浏览

0评论

JavaScript设计模式之构造函数模式实例教程

本文实例讲述了JavaScript设计模式之构造函数模式。分享给大家供大家参考，具体如下：一、构造函数模式概念构造函数用于创建特定类型的对象——不仅声明了使用过的对象，构造函数...

2020-05-27

42浏览

0评论

React Native基础入门之初步使用Flexbox布局

前言在上篇中，笔者分享了部分安装并调试React Native应用过程里的一点经验，如果还没有看过的同学请点击《React Native基础&入门教程：调试React Native应用的一小步》。在本篇...

2020-05-27

48浏览

0评论

js实现各浏览器全屏代码实例

现代浏览器包括ie11，可以直接用h5的全屏api实现
低版本的IE需要通过ActiveX插件实现；//直接上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></ti...

2020-05-27

51浏览

0评论

JavaScript设计模式之工厂模式简单实例教程

本文实例讲述了JavaScript设计模式之工厂模式。分享给大家供大家参考，具体如下：一、工厂模式概念工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类。该模...

2020-05-27

37浏览

0评论

vue awesome swiper异步加载数据出现的bug问题

本人第一次使用vue awesome。踩到的坑确实不少。官网上面的用法写的很简单，按照上面做法基本会遇到如下这个问题轮播第二次之后，首屏会自动跳过网上找了很多资料，都不能解决这...

2020-05-27

47浏览

0评论

详解Vue中使用Echarts的两种方式

1. 直接引入echarts先npm安装echartsnpm install echarts --save开发：main.jsimport myCharts from './comm/js/myCharts.js'Vue.use(myCharts)myCharts.js/** * 各种画echar...

2020-05-27

30浏览

0评论

JavaScript设计模式之代理模式简单实例教程

本文实例讲述了JavaScript设计模式之代理模式。分享给大家供大家参考，具体如下：一、代理模式概念代理，顾名思义就是帮助别人做事，GoF对代理模式的定义如下：代理模式（Proxy），为其他对...

2020-05-27

44浏览

0评论

Vue props用法详解(小结)

Vue props用法详解
组件接受的选项之一 props 是 Vue 中非常重要的一个选项。父子组件的关系可以总结为：props down, events up父组件通过 props 向下传递数据给子组件；子组件...

2020-05-27

37浏览

0评论

详解VUE中常用的几种import（模块、文件）引入方式

1 引入第三方插件import echarts from 'echarts'2 引入工具类第一种是引入单个方法import {axiosfetch} from './util';下面是写法，需要export导出
export function axiosfet...

2020-05-27

57浏览

0评论

jQuery阻止事件冒泡实例分析

本文实例讲述了jQuery阻止事件冒泡。分享给大家供大家参考，具体如下：我们在平时的开发过程中，肯定会遇到在一个div（这个div可以是元素）包裹一个div的情况，但是呢，在这两个div上都添...

2020-05-27

55浏览

0评论

vue 设置路由的登录权限的方法

index.js将需要登录权限的路由设置meta属性meta:{requireAuth:true}, main.js在main.js内直接写对路由的验证router.beforeEach((to, from, next) => { if (to.matched.som...

2020-05-27

63浏览

0评论

jQuery实现获取form表单内容及绑定数据到form表单操作分析

本文实例讲述了jQuery实现获取form表单内容及绑定数据到form表单操作。分享给大家供大家参考，具体如下：在日常开发的过程中，难免会用到form表单，我们需要获取表单的数据保存到数...

2020-05-27

48浏览

0评论

JS实现显示当前日期的实例代码

写在前面：　　在做项目中，经常会用到显示当前日期这个功能，在此，记录下来，方便日后查阅。先给大家展示下效果图：　　由于功能较简单，这里就直接将代码搬上来吧<%-- Created by Inte...

2020-05-27

65浏览

0评论

jQuery实现表单动态添加与删除数据操作示例

本文实例讲述了jQuery实现表单动态添加与删除数据操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用户名注册...

2020-05-27

48浏览

0评论

详解Vue SPA项目优化小记

概述之前做了一个React项目和Vue的项目，在做完后不加任何优化的情况下，这2个项目的首屏加载平均时间居然达到了20+s，好一点能进10s，差一点快30s，完全不能忍，优化势在必行，本文章记...

2020-05-27

91浏览

0评论

解析vue data不可以使用箭头函数问题

首先需要明确，a() {}和 b: () => {}是不同的 let obj = { a() {}, // 相当于 a:function() {}, b: () => {}}1 VUE.js 源码解析注意此处只设计核心代码这段代码也是U...

2020-05-27

49浏览

0评论

Vue iview-admin框架二级菜单改为三级菜单的方法

最近在用 iview-admin的Vue后台模板，从git上下载后发现左侧导航栏最多支持到二级菜单,也发现很多童鞋在问如何实现三级菜单。在实际的应用场景中还是会出现三级菜单的需求的，...

2020-05-27

40浏览

0评论

vue.js轮播图组件使用方法详解

之前用jQuery写过轮播组件，用的jquery动画实现的图片滑动效果。这个组件的滑动特效是原生js搭配vue的数据绑定实现的，不依赖其他库，虽然可以再vue.js中引入swiper,但是引入类...

2020-05-27

53浏览

0评论

VUE 3D轮播图封装实现方法

本文为大家分享了VUE 3D轮播图封装的具体代码，供大家参考，具体内容如下一、体验地址VUE 3D轮播图二、实现功能点
（1）、无缝轮播
（2）、进入变大、离开缩小（类3d切换效果）三、js代码...

2020-05-27

83浏览

0评论

基于React+Redux的SSR实现方法

为什么要实现服务端渲染(SSR)
总结下来有以下几点： SEO，让搜索引擎更容易读取页面内容首屏渲染速度更快（重点），无需等待js文件下载执行的过程代码同构，服务端和客户端可以共...

2020-05-27

111浏览

0评论

echarts同一页面中四个图表切换的js数据交互方法示例

需求：点击tab页，切换四个不同的图表，ajax向后台请求数据，展示在四个不同的图表中。其余的就不多说，直接上js代码了示例代码：$(function() { $("#heart").on("click", function() {...

2020-05-27

95浏览

0评论

详解vue-cli中模拟数据的两种方法

在main.js中引入vue-resource模块，Vue.use(vueResource). 1.使用json-server(不能用post请求)接下来找到build目录下的webpack.dev.conf.js文件，在const portfinder = requir...

2020-05-27

93浏览

0评论

JS实现点击按钮可实现编辑功能

具体代码如下所示：
<script type="text/javascript">//修改密码//抓取到的数据function edit() {document.getElementById("ps").style.display = "none";document.getElemen...

2020-05-27

54浏览

0评论

微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb

发现问题重新启动微信小程序编辑器的时候遇到了这样的一个问题：tabBar.list[3].selectedIconPath 大小超过 40kb

微信小程序开发的过程之中总会出现这样或者那样的错误，需要...

2020-05-27

82浏览

0评论

用Node编写RESTful API接口的示例代码

前言
本文介绍了如何用Node开发web程序，并通过一个todo list练习来介绍如何创建符合RESTful风格的API接口。创建HTTP服务器
用Node创建HTTP服务器是非常方便的。
创建HTTP服...

2020-05-27

42浏览

0评论

Redux实现组合计数器的示例代码

Redux是一种解决数据共享的方案import {createStore} from 'redux';import React from 'react';import ReactDOM from 'react-dom';import {connect, createProvider} from...

2020-05-27

153浏览

0评论

浅谈在react中如何实现扫码枪输入

触发原理
原理就是监听键盘输入，比如扫一个为6970596130126的69条形码，用扫码枪扫一下会在光标位置依次输出：6
9
7
0
5
9
6
1
3
0
2
6
但这不是完整的，所以需要写一个函数scanEv...

2020-05-27

244浏览

0评论

解决vue项目打包后提示图片文件路径错误的问题

vue项目打包后在production模式下提示图片 ‘404（not found），在dev环境下好好的，打包了就提示这个错误。这是为什么呢，以前第一次使用vue-cli构建项目的的时候只有两个图片文件，当...

2020-05-27

90浏览

0评论

React组件内事件传参实现tab切换的示例代码

本文介绍了React组件内事件传参实现tab切换的示例代码，分享给大家，具体如下：组件内默认onClick事件触发函数actionClick, 是不带参数的, 不带参数的写法: 如onClick= { acti...

2020-05-27

55浏览

0评论

jQuery实现table表格checkbox全选的方法分析

本文实例讲述了jQuery实现table表格checkbox全选的方法。分享给大家供大家参考，具体如下：今天在页面中使用jQuery实现了全选框操作，如图：具体的实现过程很简单：第一步设计一个简...

2020-05-27

102浏览

0评论

jQuery实现炫丽的3d旋转星空效果

本文实例讲述了jQuery实现炫丽的3d旋转星空效果。分享给大家供大家参考，具体如下：该特效也是在Jquery插件库中找到的，感觉效果不错，说不定以后项目中要有绚丽的星空背景，拿来即用...

2020-05-27

65浏览

0评论

vue两个组件间值的传递或修改方式

1、可以用公共的父组件来实现；2、可以在store.js里面在设置公共变量；3、也可以用本地存储localStorage.setItem()和localStorage.getItem()，通过修改本地存储的值和获取修改后...

2020-05-27

113浏览

0评论

vue使用ElementUI时导航栏默认展开功能的实现

本文主要参考：http://element.eleme.io/#/zh-CN/component/menu在使用elementUI的时候发现，能够展开的导航栏是不能展开的，效果这里先不演示了。可以在上边的网站上看到。现在...

2020-05-27

60浏览

0评论

手把手教你用Node.js爬虫爬取网站数据的方法

开始之前请先确保自己安装了Node.js环境，还没有安装的的童鞋请看一下安装教程......https://www.freexyz.cn/article/113677.htmhttps://www.freexyz.cn/article/57687.htm直接开...

2020-05-27

48浏览

0评论

JavaScript实现浅拷贝与深拷贝的方法分析

本文实例讲述了JavaScript实现浅拷贝与深拷贝的方法。分享给大家供大家参考，具体如下：平时使用数组复制时，我们大多数会使用‘='，这只是浅拷贝，存在很多问题。比如let arr = [1,2...

2020-05-27

47浏览

0评论

JavaScript实现图片懒加载的方法分析

本文实例讲述了JavaScript实现图片懒加载的方法。分享给大家供大家参考，具体如下：懒加载是非常实用的提升网页性能的方式，当访问一个页面的时候，只显示可视区域内的图片，其它的图...

2020-05-27

92浏览

0评论

vue实现自定义多选与单选的答题功能

本来实现多选单选这个功能，vue组件中在表单方面提供了一个v-model指令，非常的善解“猿”意，能把我们的多选单选功能很完美的且很强大得双向绑定起来，实现多选单选任意选根本不在...

2020-05-27

53浏览

0评论

微信小程序实现左右联动的实战记录

前言最近在学习小程序，实现了左右联动的功能，记录一下思绪，方便以后参考。最终的界面如下, 点击左边任意一个项目，右边会跳到相应项目的起始位置，右边滑动，左则会跳到相应的位置。...

2020-05-27

161浏览

0评论

JavaScript实现京东购物放大镜和选项卡效果的方法分析

本文实例讲述了JavaScript实现京东购物放大镜和选项卡效果的方法。分享给大家供大家参考，具体如下：购物网站点击商品后，都会有一个查看物品图片，并且可以放大仔细观察物品的功能...

2020-05-27

59浏览

0评论

Nodejs实现爬虫抓取数据实例解析

开始之前请先确保自己安装了Node.js环境，如果没有安装，大家可以到下载安装。1.在项目文件夹安装两个必须的依赖包npm install superagent --save-devsuperagent 是一个轻量的,...

2020-05-27

92浏览

0评论

微信小程序开发之改变data中数组或对象的某一属性值

前言：在小程序的开发中，我们在view中便利data中数组或对象时，很多情况下需要在js中动态改变数组或者对象中某一香的属性值。
效果图：我给大家总结了案例如下：
wxml如下：<scroll-vi...

2020-05-27

46浏览

0评论

JavaScript递归函数解“汉诺塔”算法代码解析

“汉诺塔”是一个著名的益智游戏。塔上有3根柱子和一套直径各不相同的空心圆盘。开始时柱子上的所有圆盘都按照从小到大的顺序堆叠。目标是通过每次移动一个圆盘到另一根柱...

2020-05-27

60浏览

0评论

基于jQuery使用Ajax动态执行模糊查询功能

使用Ajax动态执行模糊查询功能•必须：需要一个执行查询的接口：说明：1.搜索模块仅仅使用了boostrap的样式以及Jquery.js文件2.因为我使用的layui的弹出层里面做的搜索ifram...

2020-05-27

热门文章