JavaScript - 教程之家

50浏览

0评论

基于webpack4搭建的react项目框架的方法

介绍
框架介绍，使用webpac构建的react单页面应用，集成antd。使用webpack-dev-server启动本地服务，加入热更新便于开发调试。使用bundle-loader进行代码切割懒加载
手动搭建，不使...

2020-05-27

38浏览

0评论

angular6.0使用教程之父组件通过url传递id给子组件的方法

在angular6.0使用教程：angular主从组件章节我们介绍了父组件向子组件传递数据，当时是在同一个页面传递数据的。而本章的angular数据传递将是在不同页面间的传递，即list组件页面...

2020-05-27

75浏览

0评论

详解angular如何调用HTML字符串的方法

前面的文章我们介绍过angular6.0的数据绑定，也就是前面页面如何调用后台的数据，我们接触到了调用普通数据——如：调用产品详情{{post.content}}。在使用中，我们会发现，如果按原来...

2020-05-27

78浏览

0评论

nodejs的路径问题的解决

最近公司的一个开发项目，后端用的是nodejs。这两天需要打包给客户演示，就让公司一个小伙把之前3D机房的打包工具移植过来。打包之后，发现原本在开发环境下的跑的好好的项目，不能...

2020-05-27

74浏览

0评论

D3.js实现拓扑图的示例代码

最近写项目需要画出应用程序调用链的网路拓扑图，完全自己写需要花费些时间，那么首先想到的是echarts,但echarts的自定义写法写起来非常麻烦，而且它的文档都是基于配置说明的，对...

2020-05-27

62浏览

0评论

关于Vue组件库开发详析

前言2017年是Vue.js大爆发的一年，React迎来了一个强有力的竞争对手，王者地位受到挑战（撰写此文时github上Vue与React的star数量已逼近）。我们团队这一年有十多个大型项目采用了V...

2020-05-27

117浏览

0评论

vue + webpack如何绕过QQ音乐接口对host的验证详解

前言最近在使用vue2.5+webpack3.6撸一个移动端音乐项目, 获取全部歌单json数据时遇到了接口对host和referer的限制，故不能直接在前端使用jsonp对接口数据的读取。一、先实...

QQ

2020-05-27

44浏览

0评论

jsonp跨域获取数据的基础教程

前言由于浏览器有同源策略，所以要想获取非同源（协议，域名，端口三者有一不同都算非同源）的页面的数据，就得进行跨域(1) jsonp原理
由于script标签的src属性可以访问非同源的js脚本，...

2020-05-27

63浏览

0评论

Vue实现双向绑定的原理以及响应式数据的方法

一、vue中的响应式属性Vue中的数据实现响应式绑定1、对象实现响应式：是在初始化的时候利用definePrototype的定义set和get过滤器，在进行组件模板编译时实现water的监听搜集依...

2020-05-27

46浏览

0评论

vue中的数据绑定原理的实现

本文主要介绍了vue中的数据绑定原理的实现，分享给大家，也给自己留个笔记，具体如下：
vue中的响应式数据绑定是通过数据劫持和观察者模式来实现的。当前学习源码为vue2.0
源码关键...

2020-05-27

66浏览

0评论

vue 解决addRoutes动态添加路由后刷新失效问题

前言
某些场景下我们需要利用addRoutes动态添加路由，但是刷新后就会失效，前段时间项目里刚好遇到了这个应用场景，所以就花时间研究了一下，做下分享跟记录，说的不对的地方，请大家指...

2020-05-27

50浏览

0评论

angularjs 的数据绑定实现原理

在angularjs1.X 中存在了三种数据绑定的方式，用于数据的同步、展示。在 angularjs 1.3 之前，angularjs 只存在两种方式： two-way-binding 和 one-way-bindng , 而后则引入了称...

2020-05-27

48浏览

0评论

Angularjs中的$apply及优化使用详解

前言对于一个在前端属于纯新手的我来说，Javascript都还是一知半解，要想直接上手angular JS，遇到的阻力还真是不少。不过我相信，只要下功夫，即使是反人类的设计也不是什么大的问题...

2020-05-27

153浏览

0评论

webpack手动配置React开发环境的步骤

React提供了create-react-app的快速构建工具, 但作为一个专业的程序员(老司机), 面对复杂的项目, 入门级的构建工具, 是远远不够的, 我们这里从零开始, 用webpack, 手动配置...

2020-05-27

45浏览

0评论

JS限制输入框输入的实现代码

1.文本框只能输入数字代码(小数点也不能输入)代码如下:<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,''...

2020-05-27

53浏览

0评论

原生JS实现列表子元素顺序反转的方法分析

本文实例讲述了原生JS实现列表子元素顺序反转的方法。分享给大家供大家参考，具体如下：编写一个函数将一个列表里面的所有子元素顺序反转，问题不难但是解决的方法却有多种，而且性...

2020-05-27

59浏览

0评论

JS将网址url转化为JSON格式的方法

网上方法很多，各种奇技淫巧，这里贴上一种较为正常的思路。主要利用split对获取的字符串不断进行分割，最后获得所需要的格式。代码如下<!DOCTYPE html><html lang="en"><head>...

2020-05-27

55浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

57浏览

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

43浏览

0评论

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

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

2020-05-27

48浏览

0评论

Vue props用法详解(小结)

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

61浏览

0评论

jQuery阻止事件冒泡实例分析

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

53浏览

0评论

详解Vue SPA项目优化小记

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

2020-05-27

102浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

104浏览

0评论

基于React+Redux的SSR实现方法

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

2020-05-27

119浏览

0评论

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

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

2020-05-27

99浏览

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

100浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

热门文章