JavaScript - 教程之家

108浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

64浏览

0评论

解析Angular 2+ 样式绑定方式

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

109浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

69浏览

0评论

Parcel 打包示例(React HelloWorld)

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

64浏览

0评论

基于JavaScript实现抽奖系统

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

69浏览

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

46浏览

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

64浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

55浏览

0评论

vue自定义指令directive实例详解

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

71浏览

0评论

详解AngularJS之$window窗口对象

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

2020-05-27

68浏览

0评论

VueJs监听window.resize方法示例

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

2020-05-27

52浏览

0评论

angularjs 页面自适应高度的方法

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

122浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

101浏览

0评论

angular.js和vue.js中实现函数去抖示例（debounce）

问题描述
搜索输入框中，只当用户停止输入后，才进行后续的操作，比如发起Http请求等。学过电子电路的同学应该知道按键防抖。原理是一样的：就是说当调用动作n毫秒后，才会执行该动作...

2020-05-27

57浏览

0评论

使用npm安装最新版本nodejs

# 安装 nodejs 以下介绍的是命令行安装方法，读者也可以到 nodejs官网上下载安装最新版。
sudo apt-get install nodejs-legacysudo apt-get instatll npm升级npm为最...

2020-05-27

80浏览

0评论

ajax请求data遇到的问题分析

使用jquery，post请求data:那里要使用data:JSON.stringify(data)$.ajax({ type:"POST", async : false, url:"../../gzq/circle/deleteTeam", dataType:"json", contentType:"...

2020-05-27

72浏览

0评论

nodejs 最新版安装npm 的使用详解

# 安装 nodejs以下介绍的是命令行安装方法，读者也可以到nodejs官网上下载安装。sudo apt-get install nodejs-legacysudo apt-get instatll npm升级npm为最新版本sudo npm i...

2020-05-27

52浏览

0评论

React Native 真机断点调试+跨域资源加载出错问题的解决方法

写在前面闲来无事，折腾了一下React Native，相比之前，开发体验好了不少。但在真机断点调试那里遇到了跨域资源加载出错的问题，一番探索总算解决，目测是RN新版本调试服务的bug。遇...

2020-05-27

53浏览

0评论

Nuxt.js实战详解

一、为什么选择Nuxt.js多数是基于webpack构建的项目，编译出来的html文件，资源文件都被打包到js中，以下图404页面代码为例。从代码中可以看出，这样的页面是不利于搜索引擎优化(S...

2020-05-27

56浏览

0评论

Nuxt.js踩坑总结分享

构建问题
1. 如何在 head 里面引入js文件?
背景: 在<head>标签中，以inline的形式引入flexible.js文件。本项目主要为移动端项目，引入flexible.js 实现移动端适配问题。
Nu...

2020-05-27

86浏览

0评论

详解vue-meta如何让你更优雅的管理头部标签

在 Vue SPA 应用中，如果想要修改HTML的头部标签，或许，你会在代码里，直接这么做:// 改下titledocument.title = 'what?'// 引入一段scriptlet s = document.createElement('s...

2020-05-27

44浏览

0评论

vue 动态修改a标签的样式的方法

公司要做一个类似今日头条的项目，用前后端分离的方式做成HTML5页面，先在微信中运行，领导说想看看效果怎么样。今日头条头部的导航是可以滚动和添加类别的，我们这个项目也是一样...

2020-05-27

49浏览

0评论

分享ES6的7个实用技巧

Hack #1 交换元素利用数组解构来实现值的互换let a = 'world', b = 'hello'[a, b] = [b, a]console.log(a) // -> helloconsole.log(b) // -> worldHack #2 调试我们经常使...

2020-05-27

177浏览

0评论

react-router4 配合webpack require.ensure 实现异步加载的示例

实现异步加载的方法，归根结底大都是根据webpack的require.ensure来实现第一个是自己使用require.ensure实现，第二种使用loader实现今天我们说的是使用bundle-loader来实现，这...

2020-05-27

111浏览

0评论

JavaScript实现删除数组重复元素的5种常用高效算法总结

本文实例讲述了JavaScript实现删除数组重复元素的5种常用高效算法。分享给大家供大家参考，具体如下：这里就 js 如何实现数组去重整理出5种方法，并附上演示Demo 以及源码。1.遍...

2020-05-27

53浏览

0评论

js实时监控文本框输入字数的实例代码

需求：实时监控文本输入框的字数，并加以限制1、实时监控当前输入字数，直接使用onkeyup事件方法，给输入框加maxlength属性限制长度。如：<div> <textarea id="txt" maxlength="10"><...

2020-05-27

58浏览

0评论

解决js ajax同步请求造成浏览器假死的问题

一、问题的起因今天做一个需求遇到了这么个情况，就是用户个人中心有个功能，点击按钮，可以刷新用户当前的积分，这个肯定需要使用到ajax的同步请求了，当时喀喀喀三下五除二写玩了，大...

2020-05-27

81浏览

0评论

jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法

做项目的时候遇到这个问题，，按理说只要是会套模板的，就不该出现这种低级问题。然后我的后台并没有模板，，并且我的js,jquery水平是小学水平，所以这个也困扰了我将近一下午。在此总...

2020-05-27

59浏览

0评论

解决Linux无法正常安装与卸载Node.js的方法

前言
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。学习Nodejs首先需要会安装环境。实际生产环境，Node.js...

2020-05-27

55浏览

0评论

web前端vue实现插值文本和输出原始html

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解...

2020-05-27

热门文章