87浏览

0评论

vue使用element-ui的el-input监听不了回车事件的解决方法

原因今天在使用element-ui时，el-input组件监听不了回车事件，如下代码没有想要的效果：<el-input class="search-input" placeholder="请输入内容" v-model="searchText" @keyup....

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

79浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

102浏览

0评论

javascript用rem来做响应式开发

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

• 2020-05-27

101浏览

0评论

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

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

• 2020-05-27

105浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

vuejs实现递归树型菜单组件

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

• 2020-05-27

115浏览

0评论

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

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

• 2020-05-27

81浏览

0评论

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

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

• 2020-05-27

97浏览

0评论

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

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

• 2020-05-27

134浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

关于axios如何全局注册浅析

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

• 2020-05-27

82浏览

0评论

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

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

• 2020-05-27

93浏览

0评论

详解angularjs 学习之 scope作用域

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

• 2020-05-27

129浏览

0评论

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

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

• 2020-05-27

342浏览

0评论

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

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

• 2020-05-27

109浏览

0评论

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

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

• 2020-05-27

129浏览

0评论

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

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

• 2020-05-27

82浏览

0评论

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

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

• 2020-05-27

106浏览

0评论

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

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

• 2020-05-27

83浏览

0评论

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

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

• 2020-05-27

85浏览

0评论

解析Angular 2+ 样式绑定方式

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

• 2020-05-27

100浏览

0评论

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

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

• 2020-05-27

106浏览

0评论

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

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

• 2020-05-27

137浏览

0评论

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

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

• 2020-05-27

112浏览

0评论

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

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

• 2020-05-27

95浏览

0评论

Parcel 打包示例(React HelloWorld)

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

• 2020-05-27

109浏览

0评论

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

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

• 2020-05-27

82浏览

0评论

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

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

• 2020-05-27

86浏览

0评论

基于JavaScript实现抽奖系统

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

• 2020-05-27

116浏览

0评论

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

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

• 2020-05-27

97浏览

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

66浏览

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

91浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

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

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

• 2020-05-27

82浏览

0评论

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

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

• 2020-05-27

86浏览

0评论

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

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

• 2020-05-27

65浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

vue自定义指令directive实例详解

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

• 2020-05-27

83浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

详解AngularJS之$window窗口对象

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

• 2020-05-27

91浏览

0评论

VueJs监听window.resize方法示例

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

• 2020-05-27

65浏览

0评论

angularjs 页面自适应高度的方法

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

• 2020-05-27

87浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

119浏览

0评论

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

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

• 2020-05-27

148浏览

0评论

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

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

• 2020-05-27

86浏览

0评论

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

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

• 2020-05-27