JavaScript - 教程之家

78浏览

0评论

详解如何在React组件“外”使用父组件的Props

在写SDK项目的时候碰到一个问题：在直播间初始化SDK时使用默认主题，在专题页初始化SDK时使用其它主题。默认主题在打包时挂在全局环境下供多个页面使用，定制主题需要在初始化SDK...

2020-05-27

67浏览

0评论

详解ES6语法之可迭代协议和迭代器协议

ECMAScript 2015的几个补充，并不是新的内置或语法，而是协议。这些协议可以被任何遵循某些约定的对象来实现。
有两个协议：可迭代协议和迭代器协议。
可迭代协议
可迭代协议允许...

2020-05-27

63浏览

0评论

深入理解ES6之数据解构的用法

一对象解构对象解构语法在赋值语句的左侧使用了对象字面量let node = { type: true, name: false}//既声明又赋值let { type, name} = node;//或者先声明再赋值let typ...

2020-05-27

91浏览

0评论

javascript用rem来做响应式开发

电脑版的商城昨晚做完了，今天赶着做手机端的，提到手机端的网站第一个想到的就是要适应不同手机屏幕的宽度，保证在不同手机上都能正常显示给用户，我之前做这类网站都是无脑引进b...

2020-05-27

84浏览

0评论

详解基于vue-cli配置移动端自适应

之前写过一篇关于移动端屏幕适配：移动端屏幕适配的解决，今天来聊一聊基于vue-cli配置的移动端屏幕适配问题。配方还是一样：手淘的 lib-flexible + rem配置 flexible安装 lib-fl...

2020-05-27

89浏览

0评论

在vue中通过axios异步使用echarts的方法

现实的工作中, 数据不可能是像之前的demo演示的那样把数据写死的. 所有的数据都应该通过发送请求进行获取, 所以, 这篇文章, 我将在Vue项目中使用Echarts: 在Vue中引入Echar...

2020-05-27

61浏览

0评论

vuejs实现递归树型菜单组件

前言
前段时间使用vue做了一套后台管理系统，其中使用最多就是递归组件，也因为自己对官方文档的不熟悉使得自己踩了不少坑，今天写出来和大家一起分享。递归组件
组件在它的模板...

2020-05-27

101浏览

0评论

详解webpack-dev-server使用http-proxy解决跨域问题

文档资料webpack关于webpack-dev-server开启proxy的官方介绍
Vue-cli proxyTable 解决开发环境的跨域问题——虽然这篇是写vue的，不过用在webpack-dev-server上也是一样的
ht...

2020-05-27

69浏览

0评论

基于vue实现网站前台的权限管理(前后端分离实践)

Javascript做为当下的热门语言，用途很广泛，从前端到后端处处可见其存在，该技术如今在我们项目内部也大量使用来开发诸如CMS系统以及其他其他一些数据分析系统的前端页面，为此个...

2020-05-27

86浏览

0评论

react-redux中connect的装饰器用法@connect详解

最近在琢磨react中的一些小技巧，这篇文章记录一下在redux中用装饰器来写connect。通常我们需要一个reducer和一个action，然后使用connect来包裹你的Component。假设你已经有...

2020-05-27

119浏览

0评论

Vue+Flask实现简单的登录验证跳转的示例代码

本文介绍了Vue+Flask实现简单的登录验证跳转，分享给大家，具体如下:
文件位置： login.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Login</tit...

2020-05-27

58浏览

0评论

关于axios如何全局注册浅析

前言最近用 Vue 写项目的时候，用到 axios ，因为 axios 不能用 Vue.use() （详细介绍可以参考这篇文章），所以在每个 .vue 文件中使用 axios 时就需要 import ， .vue 文件少的话还好...

2020-05-27

71浏览

0评论

高性能的javascript之加载顺序与执行原理篇

前言javascript在浏览器中的性能，可以认为是开发者所面临的最严重的可用性问题，今天，自己看完高性能的javascript的加载和执行这一章，聊聊怎么解决js的加载顺序和执行的原理，下面...

2020-05-27

80浏览

0评论

详解angularjs 学习之 scope作用域

简介Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个存储应用数据模型的对象，有可用的方法和属性。Scope 可应用在视图和控制器上。作...

2020-05-27

116浏览

0评论

js实现一个简单的MVVM框架示例

以前都是默默地看园子里的文章，猥琐的点赞，今天也分享一下自己用js实现的一个简单mvvm框架。最初只做了自动绑定事件，后面又参考学习了vue，knouckout以及argular实现方式，以及结...

2020-05-27

312浏览

0评论

利用Angular2 + Ionic3开发IOS应用实例教程

从 Angular1 到 Angular2
Angular2 作为著名前端 MVVM 架构 Angular1 的继承者，从一定程度上说，引领了新一代 Web 前端开发技术的革新。从最新版的 ember.js, react.js, vue.j...

2020-05-27

100浏览

0评论

vue2.0 如何把子组件的数据传给父组件(推荐)

在父组件 App.vue 中引用子组件 A.vue，把 A中的数据传给App.ps:没看父组件传给子组件的先看看去。1、代码子组件 A.vue<template> <div> <h3>这里是子组件的内容</h3> <butto...

2020-05-27

118浏览

0评论

深入理解requireJS-实现一个简单的模块加载器

在前文中我们不止一次强调过模块化编程的重要性，以及其可以解决的问题：① 解决单文件变量命名冲突问题② 解决前端多人协作问题③ 解决文件依赖问题④ 按需加载（这个说法其实很...

2020-05-27

65浏览

0评论

vue2.0 父组件给子组件传递数据的方法

在父组件 App.vue 中引用子组件 A.vue，把 name 的值传给 A 组件。1、安装在桌面新建一个文件夹$ cd 到文件中$ npm install -g vue-cli$ vue init webpack . $ npm install$...

2020-05-27

85浏览

0评论

仿淘宝JSsearch搜索下拉深度用法

我们首先给出本次关于JSsearch程序的相关源码：https://gitee.com/skyogo/JSsearch我们下载JSsearch1.0 Community版本下载好了之后我们再下载一个类似淘宝的购物页面然后，我们...

2020-05-27

75浏览

0评论

基于jquery的on和click的区别详解

使用jQuery写js时，有些用on写行为函数，有些用click，弄清二者区别很重要。以下是用于测试二者区别的HTML代码。<!DOCTYPE html><%@ page language="java" contentType="text/htm...

2020-05-27

72浏览

0评论

解析Angular 2+ 样式绑定方式

引言开发ngx（angular 2+ 以后都直接称为ngx）也有1年半的时间了，刚开始开发的时候使用的还是angular2 RC版，现在已经出angular5了，时光飞逝啊！
ngx从设计之初就是一个component-bas...

2020-05-27

87浏览

0评论

vue2.0 兄弟组件(平级)通讯的实现代码

1、前戏吧先看看前两篇文章：父组件传给子组件子组件传给父组件看图看图看图！！！个人理解：这明显是生活中弟弟打电话哥哥一样，双方都需要手机，需要信号发射塔。弟弟 => A组件...

2020-05-27

91浏览

0评论

动态加载权限管理模块中的Vue组件

本文我们主要来聊聊登录以及组件的动态加载。登录状态保存
当用户登录成功之后，需要将当前用户的登录信息保存在本地，方便后面使用。具体实现如下：登录成功保存数据
在登录操作...

2020-05-27

123浏览

0评论

vue watch自动检测数据变化实时渲染的方法

本文介绍了vue watch自动检测数据变化实时渲染的方法，分享给大家，具体如下:
首先确认 watch是一个对象，一定要当成对象来用。
对象就有键，有值。
键：就是你要监控的那个家伙，比...

2020-05-27

97浏览

0评论

详解Vue快速零配置的打包工具——parcel

本文介绍了Vue快速零配置的打包工具——parcel，分享给大家，具体如下：特性快速打包打包所有资源自动转换代码拆分模块热替换友好的错误记录如何工作
Parcel 将资源...

2020-05-27

81浏览

0评论

Parcel 打包示例(React HelloWorld)

Parcel 打包特点
极速打包时间Parcel 使用 worker 进程去启用多核编译。同时有文件系统缓存，即使在重启构建后也能快速再编译。将你所有的资源打包Parcel 具备开箱即用的对...

2020-05-27

96浏览

0评论

浅谈vue的props，data，computed变化对组件更新的影响

本文介绍了vue的props，data，computed变化对组件更新的影响，分享给大家，废话不多说，直接上代码/** this is Parent.vue */<template> <div> <div>{{'parent data : ' + parentDat...

2020-05-27

70浏览

0评论

详解JavaScript基础知识（JSON、Function对象、原型、引用类型）

1、JSON概念：JavaScript 对象表示法(JavaScript Object Notation)，是一种轻量级的数据交换格式特点：易于程序员编写和查看；易于计算机解析和生成数据结构：Object对象格式 { key...

2020-05-27

70浏览

0评论

基于JavaScript实现抽奖系统

用JavaScript实现一个简单的抽奖系统，有【开始】按钮和【停止】按钮。
功能：
- 点开始按钮开始抽奖，随机出现奖品名称；
- 点停止按钮即可停止抽奖；
- 按下回车键可切换开始抽...

2020-05-27

101浏览

0评论

详解layui中的树形关于取值传值问题

本文介绍了layui中的树形关于取值传值问题，分享给大家，具体如下：这个是我们需要的效果，实际操作中会先执行渲染然后在执行方法，然后我们发现树形的JSON是空，调试了N遍一直以为是...

2020-05-27

85浏览

0评论

vue单页面打包文件大？首次加载慢？nginx带你飞，从7.5M到1.3M蜕变过程(推荐)

　　找到nginx多网站配置文件：类似 nginx/sites-available/www.baidu.comserver { listen 80; index index.html index.htm index.nginx-debian.html; server_name www.ba...

2020-05-27

52浏览

0评论

使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析

安装环境安装node.js并配置环境变量安装淘宝镜像，npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack，cnpm install webpack -g 安装脚手架n...

2020-05-27

76浏览

0评论

微信小程序实现流程进度的图样式功能

最近正在做微信小程序，需要实现一个流程进度的图样式如下面
需求：没完成的灰色小圆点表示完成的使用蓝色小圆点设置当前状态使用有外圈的小圆点表示实现起来比较简单，实...

2020-05-27

67浏览

0评论

AngularJS监听ng-repeat渲染完成的两种方法

本文实例讲述了AngularJS监听ng-repeat渲染完成的两种方法。分享给大家供大家参考，具体如下：监听ng-repeat渲染完成有两种方法一、最实用的方法:<ul class="pprt_content">...

2020-05-27

59浏览

0评论

基于VUE移动音乐WEBAPP跨域请求失败的解决方法

在学习一位vue大牛的课程《VUE2.0移动端音乐App开发》时，由于vue的版本原因遇到了一些问题这是其中之一，花费了很多的时间去解决虽然搞定了这个问题，但是很多东西理解也不是很...

2020-05-27

66浏览

0评论

微信小程序实现image组件图片自适应宽度比例显示的方法

本文实例讲述了微信小程序实现image组件图片自适应宽度比例显示的方法。分享给大家供大家参考，具体如下：一. 了解image组件由于image有默认的固定的宽度和高度，这样我们在做图...

2020-05-27

72浏览

0评论

详解layui弹窗父子窗口之间传参数的方法

本文介绍了layui弹窗父子窗口之间传参数的方法，分享给大家，具体如下：1、父页面打开子页面并向子页面传参数
function setChooseValues(ret){ var oView = document.getEle...

2020-05-27

53浏览

0评论

移动web开发之touch事件实例详解

前面的话iOS版Safari为了向开发人员传达一些特殊信息，新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘，所以在为移动Safari开发交互性网页时，常规的鼠标和键盘事件根本不...

2020-05-27

57浏览

0评论

vue自定义指令directive实例详解

下面给大家介绍vue自定义指令directive，具体内容如下所示：官网截图实例vue除了一些核心的内部定义的指令（v-model,v-if,v-for,v-show）外，vue也允许用户注册自己的一些功能性的指...

2020-05-27

69浏览

0评论

React-native桥接Android原生开发详解

在开发RN的漫漫长河中,早晚有那么一天要接触到安卓的原生开发,笔者来介绍一下其中的酸甜苦辣.对于一个不懂android的小白来说,刚开始有点难,不过都是万事开头难.语言是想通...

2020-05-27

75浏览

0评论

详解AngularJS之$window窗口对象

一个浏览器窗口对象的引用。它是一个全局对象，在window中是全局可用的，但是它导致一些问题。在Angular中也经常通过$window服务提到它，因此它可以被重写、删除及测试。
验证代...

2020-05-27

80浏览

0评论

VueJs监听window.resize方法示例

Vuejs 本身就是一个 MVVM 的框架。但是在监听 window 上的事件时，往往会显得力不从心。比如这次是 window.resize恩，我做之前也是百度了一下。看到大家伙都为这个问题而发...

2020-05-27

56浏览

0评论

angularjs 页面自适应高度的方法

需求在angularjs构建的业务系统中，通过ui-view路由实现页面跳转，初始化进入系统后，右侧内容区域需要自适应浏览器高度。实现方案在ui-view所在的Div添加directive，directive中...

2020-05-27

71浏览

0评论

使用Vue开发一个实时性时间转换指令

前言最近有一个说法，如果你看见某个网站的某个功能，你就大概能猜出背后的业务逻辑是怎么样的，以及你能动手开发一个一毛一样的功能，那么你的前端技能算是进阶中高级水平了。比如...

2020-05-27

53浏览

0评论

基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式

本文讲述如何实现拥有酷炫背景视频的登录页面，浏览器窗口随意拉伸，背景视频及前景登录组件均能完美适配，背景视频可始终铺满窗口，前景组件始终居中，视频的内容始终得到最大限度的...

2020-05-27

90浏览

0评论

swiper动态改变滑动内容的实现方法

假设当前显示的是1，往左滑动一个递减1，往右滑动一个递增1body下面添加如下代码<div class="swiper-container temp"> <div class="swiper-wrapper"> <div class="swiper-slid...

2020-05-27

131浏览

0评论

详解微信小程序审核不通过的解决方法

前言
近来，微信小程序一直活跃在开发者的眼球中。很多开发者都投身微信小程序的开发中，而这些开发者，总是需要面对最后一道难题：如何以一种优雅的姿势来通过微信官方的审核。本...

2020-05-27

73浏览

0评论

基于vue监听滚动事件实现锚点链接平滑滚动的方法

基于vue监听滚动事件，实现锚点链接平滑滚动近日在做一个vue项目的餐饮模块，小编需要实现一个菜单列表显示的功能(如图所示：左边为菜单类别，右边显示相对应的菜品)小编将此分为三...

2020-05-27

72浏览

0评论

vue-scroller记录滚动位置的示例代码

问题描述:列表页进入详情页，或者tab页切换，然后再返回列表页，希望能切换到之前滚动位置解决问题思路:切换到其他页面前记录位置，返回列表页的时候返回位置。这就需要借助vue-rou...

2020-05-27

热门文章