JavaScript - 教程之家

57浏览

0评论

深入浅析var,let,const的异同点

一、let和var区别1.关于变量提升,var能变量提升，let不能
// 关于var 如下所示console.log(a); //输出undefined，此时就是变量提升var a = 2; console.log(a); //2//相当于下...

2020-05-27

51浏览

0评论

JavaScript设计模式之缓存代理模式原理与简单用法示例

本文实例讲述了JavaScript设计模式之缓存代理模式原理与简单用法。分享给大家供大家参考，具体如下：一、原理：缓存代理可以为一些开销大的运算结果提供暂时的存储，在下次运算时，如...

2020-05-27

80浏览

0评论

opencv 识别微信登录验证滑动块位置

目标识别微信登录新账号，需要拖动滑块验证时，目标块相对于图片的位置前提相关信息: 滑块与目标位置的距离是随机的，且在一定范围内，设其最大最小值为[min, max] 滑块滑到距离...

2020-05-27

50浏览

0评论

JavaScript设计模式之模板方法模式原理与用法示例

本文实例讲述了JavaScript设计模式之模板方法模式原理与用法。分享给大家供大家参考，具体如下：一、模板方法模式：一种只需使用继承就可以实现的非常简单的模式。二、模板方法模...

2020-05-27

37浏览

0评论

JavaScript使用享元模式实现文件上传优化操作示例

本文实例讲述了JavaScript使用享元模式实现文件上传优化操作。分享给大家供大家参考，具体如下：一、享元模式是一种用于性能优化的模式，主要优化方式为，若系统中因为创建了大量类...

2020-05-27

59浏览

0评论

JavaScript设计模式之职责链模式应用示例

本文实例讲述了JavaScript设计模式之职责链模式。分享给大家供大家参考，具体如下：一、职责链的定义：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将...

2020-05-27

58浏览

0评论

React-router4路由监听的实现

React-router 4
React Router4是一个纯React重写的包，现在的版本中已不需要路由配置，一切皆组件。
问题出发点
最近在一个新的H5项目中使用了react router 4 ("react-router-d...

2020-05-27

153浏览

0评论

Nuxt配合Node在实际生产中的应用详解

上个星期，甲方说要在应用上做一个促活活动（其实就是让用户领OFO的骑车券），考虑到之前在我另一个应用上已经做过客户端token验证，想想，撸起袖子直接在之前的Node上开搞吧。Nuxt这个...

2020-05-27

64浏览

0评论

解决vue 中 echart 在子组件中只显示一次的问题

问题描述一次项目开发过程中，需要做一些图表，用的是百度开源的 echarts。 vue推荐组件化开发，所以就把每个图表封装成子组件，然后在需要用到该图表的父组件中直接使用。实际开发...

2020-05-27

90浏览

0评论

详解Nuxt.js部署及踩过的坑

Nuxt.js 提供了两种发布部署应用的方式：服务端渲染应用部署和静态应用部署。静态应用部署就不说了，主要说说服务端渲染应用部署。官方推荐部署方式
关于服务端渲染应用部署，...

2020-05-27

76浏览

0评论

echarts实现地图定时切换散点与多图表级联联动详解

1. 摘要
最近做项目遇到个统计相关需求，一个页面中大概四个或更多图形统计，百度地图、饼图、柱状图、线型图。百度地图上显示所有店面在全国各地大概位置，目前暂定每省一个，在...

2020-05-27

41浏览

0评论

使用Nuxt.js改造已有项目的方法

前言如果我们需要对现有的vue项目进行ssr改造，使用nuxt.js是一个不错的选择。这里用作例子的“现有项目”是一个“高仿”饿了么外卖APP的spa。不过我没有把全部功能开发出来（...

2020-05-27

40浏览

0评论

解决koa2 ctx.render is not a function报错问题

最近在学习使用koa2，在尝试用koa2复写之前用express写的一个入口文件的时候发现命令行报错ctx.render is not a function

项目路径如下

app.js是之前用express写的入口...

2020-05-27

40浏览

0评论

详解vue axios用post提交的数据格式

vue框架推荐使用axios来发送ajax请求，之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求，现在我自己搭博客时使用了post方法，结果发现后台（nod...

2020-05-27

61浏览

0评论

微信小程序methods中定义的方法互相调用的实例代码

当调用test2时：
methods = { test(age){ console.log('test', age); }, test2(){ console.log(this.methods); this.methods.test('222'); con...

2020-05-27

50浏览

0评论

React styled-components设置组件属性的方法

问题最近在试着用react做一个音乐播放器，在这之前其实并不了解styled-components，但由于使用css in js并且想实现hover效果，百度各种解决方案后发现了styled-components这个好...

2020-05-27

61浏览

0评论

详解如何在vue-cli中使用vuex

前言众所周知，vuex 是一个专为 vue.js 应用程序开发的状态管理模式，在构建一个中大型单页应用中使用vuex可以帮助我们更好地在组件外部管理状态。而vue-cli是vue的官方脚手架，...

2020-05-27

52浏览

0评论

详解vuex中mutation/action的传参方式

前言
在vuex中提交 mutation 是更改状态的唯一方法，并且这个过程是同步的，异步逻辑都应该封装到 action 里面。对于mutation/action，有一个常见的操作就是传参，也就是官网上说的...

2020-05-27

62浏览

0评论

快速解决处理后台返回json数据格式的问题

最近在做一个移动端前端项目，需要大量处理php后台开发同事返回给我的json数据，但是返回的数据格式不是很规范，导致我这边经常会出现以下图各种格式问题：于是我就加上JSON.parse...

2020-05-27

51浏览

0评论

nodejs之koa2请求示例(GET,POST)

GET 请求在 koa 中，GET请求获取请求数据request对象中的 query 方法和 querystring 方法， query方法返回的是格式化好的参数，querystring 方法返回的是请求字符串。废话不多说，...

2020-05-27

46浏览

0评论

基于Bootstrap下拉框插件bootstrap-select使用方法详解

写在前面：在这次的项目中，没有再使用liger-ui做为前端框架了，改为了Bootstrap,这次也好接触下新的技术，在学习的过程中发现，Bootstrap的一些组件基本都是采用class的形式，就是给一...

2020-05-27

32浏览

0评论

JavaScript实现的DOM绘制柱状图效果示例

本文实例讲述了JavaScript实现的DOM绘制柱状图效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;...

2020-05-27

41浏览

0评论

微信小程序开发背景图显示功能

这两天开发微信小程序，在设置背景图片时，发现在wxss里面设置 background-image:(url) 属性，不管是开发工具还是线上都无法显示。经过查资料发现，background-image 只能用网络url...

2020-05-27

48浏览

0评论

利用js将ajax获取到的后台数据动态加载至网页中的方法

动态生成二级菜单树：<script>jQuery(function($) {/**********获取未处理报警信息总数**************/var result;$.ajax({async:false,cache:false,url: "alarm_findPageAla...

2020-05-27

36浏览

0评论

JavaScript中arguments和this对象用法分析

本文实例讲述了JavaScript中arguments和this对象用法。分享给大家供大家参考，具体如下：在函数内部有两个特殊的对象 : arguments和this。1、arguments对象js函数不介意定义多...

2020-05-27

45浏览

0评论

jquery 通过ajax请求获取后台数据显示在表格上的方法

1、引入bootstrap和jquery的cdn<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="external no...

2020-05-27

53浏览

0评论

JS的Ajax与后端交互数据的实例

JS中很多地方会使用Ajax与后台进行数据交互。Ajax是通过http，使得JS与后端进行数据通信，由于Ajax的异步特性，可以使多个Ajax请求同时访问后端，对页面的局部数据进行逻辑处理，并渲...

2020-05-27

51浏览

0评论

JS+HTML5实现获取手机验证码倒计时按钮

效果图如下所示：HTML： <input type="button" value="获取验证码"> CSS： input[type=button] width: 150px; height: 30px; background-color: #ff3000; border: 0; border...

2020-05-27

45浏览

0评论

解决jquery的ajax调取后端数据成功却渲染失败的问题

获取后端数据后，进行前端的页面渲染，数据读到了，渲染却失败了，经过无数次排查，发现了问题：主要问题就是id的唯一性$("#id")一般可以获得相应的对象，但是如果此时页面有多个同样的id...

2020-05-27

56浏览

0评论

vue.js提交按钮时进行简单的if判断表达式详解

前言本文主要介绍的是vue.js提交按钮时进行简单的if判断表达式的相关内容，分享出来供大家参考学习，是一个简单的业务需求，下面话不多说了，看图说话1：当充值金额没有填写的时候，会...

2020-05-27

52浏览

0评论

JS实现自定义弹窗功能

众所周知，浏览器自带的原生弹窗很不美观，而且功能比较单一，绝大部分时候我们都会按照设计图自定义弹窗或者直接使用注入layer的弹窗等等。前段时间在慕课网上看到了一个自定...

2020-05-27

66浏览

0评论

vue.js与后台数据交互的实例讲解

第一步：引入js库：<script src="../js/common/vue.min.js"></script><script src="../js/common/vue-resource.js"></script>前端代码：<!DOCTYPE html><html><head><meta charse...

2020-05-27

57浏览

0评论

JavaScript常见JSON操作实例分析

本文实例讲述了JavaScript常见JSON操作。分享给大家供大家参考，具体如下：1、JSONJSON，JavaScript Object Notation)(JavaScript对象表示法) ，是存储和交换文本信息的语法，是基于J...

2020-05-27

52浏览

0评论

angularJs中$http获取后台数据的实例讲解

1.html<div ng-app="module" ng-controller="ctrl"> <table border="1" width="600"> <tr> <td>网站名称</td> <td>网址</td> </tr> <tr ng-repeat="v in data">...

2020-05-27

49浏览

0评论

微信小程序wepy框架笔记小结

该框架是腾讯内部基于小程序的开发框架，设计思路基本参考VUE，开发模式和编码风格上80%以上接近VUE优势
组件化开发
小程序虽然有标签可以实现组件复用，但仅限于模板片段层面的...

2020-05-27

54浏览

0评论

js使用ajax传值给后台,后台返回字符串处理方法

之前使用js获取后台生成的JSON字符串，然后给select填充值，这次需要重新获取一次。这里的目标是，在一个input输入框里，输入一个用户名，判断是否为空，是否不存在，如果存在返回几个字...

2020-05-27

59浏览

0评论

JavaScript引用类型Date常见用法实例分析

本文实例讲述了JavaScript引用类型Date常见用法。分享给大家供大家参考，具体如下：Date类型使用自UTC1970年1月1日午夜（零时）开始经过的毫秒数来保存日期。创建日期对象的方法：(1)...

2020-05-27

72浏览

0评论

Vue2.0 实现歌手列表滚动及右侧快速入口功能

1 歌手列表歌手列表页类似于手机通讯录，我们也将其作为一个基础组件独立出来，这部分的逻辑比较简单，这里不做过多的讲解// base/listview/listview.vue<template> <scroll cla...

2020-05-27

63浏览

0评论

jQuery中ajax请求后台返回json数据并渲染HTML的方法

html实例<table border="0" class="restaurant_food" cellspacing="0" cellpadding="1"> <input type="text" name="dishes" value="" class="seek_product" placeholder="...

2020-05-27

53浏览

0评论

Vue 开发音乐播放器之歌手页右侧快速入口功能

快速入口的列表是其实是之前处理的歌手的数据中的关于title的列表shorcutList属性是计算属性通过ret数组中的title计算到的所以我们要在singer.vue组件中将数据传入到list-...

2020-05-27

51浏览

0评论

通过jquery的ajax请求本地的json文件方法

自己学习jquery的ajax的经历，记录一下ajaxTestDemo.html 在body里面放一个id为test的div<div id="test"></div>第一步还是要先加载jquery文件 jquery.min.js<script> $(funct...

2020-05-27

47浏览

0评论

jQuery AJAX 方法success()后台传来的4种数据详解

1.后台返回一个页面js代码/**(1)用$("#content-wrapper").html(data);显示页面*/$.ajax({ async : false, cache : false, type : 'POST', url : 'area/prepareCreate', err...

2020-05-27

62浏览

0评论

vue devtools的安装与使用教程

一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入该文件夹下四.依次输:1:npm install2:npm run build...

2020-05-27

69浏览

0评论

vue js秒转天数小时分钟秒的实例代码

具体代码如下所示；SecondToDate: function(msd) {var time =msdif (null != time && "" != time) {if (time > 60 && time < 60 * 60) {time = parseInt(time / 60.0) + "分...

2020-05-27

65浏览

0评论

深入理解Promise.all

异步之PromisePromise.allPromise.all接收的promise数组是按顺序执行的还是一起执行的，也就是说返回的结果是顺序固定的吗？目前有两种答案：应该是同步执行的，但是这样就有效率...

2020-05-27

46浏览

0评论

Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法

ng-template 是用来定义模板的，当使用ng-template定义好一个模板之后，可以用ng-container和templateOutlet指令来进行使用。<ng-template #loading> <button (click)="login()...

2020-05-27

65浏览

0评论

详解js的视频和音频采集

今天要写的，不是大家平时会用到的东西。因为兼容性实在不行，只是为了说明下前端原来还能干这些事。
大家能想象前端是能将摄像头和麦克风的视频流和音频流提取出来，再为所欲为...

2020-05-27

47浏览

0评论

jQuery 实现批量提交表格多行数据的方法

批量提交用jquery操作起来还是很方便的，主要的思路就是在动态生成表格时每一行都存下这条数据的唯一id，然后监听选择，把选中的数据放入数组，最后提交到后台就OK了。先上一部分...

2020-05-27

71浏览

0评论

React中如何引入Angular组件详解

前言为了在我的编辑器中使用 Angular，我用 Angular 编写了一个重命名功能。而为了使用它，我得再次使用一次 customEvent ，而在这个微前端架构的系统中，其事件通讯机制已经相当的...

2020-05-27

70浏览

0评论

NodeJs项目中关闭ESLint的方法

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。
但有时如果我们复制了另一个格式不一样的项目文件，就会被E...

2020-05-27

热门文章