JavaScript - 教程之家

38浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

39浏览

0评论

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

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

2020-05-27

33浏览

0评论

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

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

2020-05-27

25浏览

0评论

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

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

2020-05-27

33浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

27浏览

0评论

JavaScript中arguments和this对象用法分析

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

2020-05-27

39浏览

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

46浏览

0评论

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

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

2020-05-27

39浏览

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

34浏览

0评论

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

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

41浏览

0评论

JS实现自定义弹窗功能

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

2020-05-27

56浏览

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

44浏览

0评论

JavaScript常见JSON操作实例分析

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

2020-05-27

39浏览

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

35浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

51浏览

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

45浏览

0评论

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

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

2020-05-27

43浏览

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

40浏览

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

51浏览

0评论

vue devtools的安装与使用教程

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

2020-05-27

60浏览

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

55浏览

0评论

深入理解Promise.all

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

53浏览

0评论

详解js的视频和音频采集

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

64浏览

0评论

React中如何引入Angular组件详解

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

2020-05-27

55浏览

0评论

NodeJs项目中关闭ESLint的方法

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

2020-05-27

44浏览

0评论

使用jquery DataTable和ajax向页面显示数据列表的方法

首先在html页面定义好相关长度的行和列，假设table的id=data-table“”使用jquery DataTable在js中这么写$(function() { $('#data-table').DataTable( { order : [ [ 1,...

2020-05-27

84浏览

0评论

详解在React中跨组件分发状态的三种方法

当我问自己第一百次时，我正在研究一个典型的CRUD屏幕：“我应该将状态保留在这个组件中还是将其移动到父组件？”。如果需要对子组件的状态进行轻微控制。您可能也遇到了同样的问...

2020-05-27

67浏览

0评论

JQuery Ajax动态加载Table数据的实例讲解

我们在jsp定义一个select和一个table，要求实现根据select的选值，动态加载table数据。<select id="type" name="type" onchange="reloadTable(this)"></select><table id="impo...

2020-05-27

88浏览

0评论

详解Vue开发微信H5微信分享签名失败问题解决方案

关于Vue中路由使用history模式，开发微信H5页面分享时在安卓上签名有效成功，但是在IOS设备上一直报错签名失效问题问题描述:在Vue开发过程中，路由使用History模式下，在使用微信分...

2020-05-27

60浏览

0评论

Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法

1. 引入jquery和vue.js<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script type="text/javascript" src="htt...

2020-05-27

68浏览

0评论

Angular动画实现的2种方式以及添加购物车动画实例代码

前言在前端应用中，动画是一个常见的场景。在使用了一系列的动画库之后，终于需要自己来实现一个动画了。这次的动画则是基于 Angular 框架。我的场景是一个类似于添加购物车的...

2020-05-27

38浏览

0评论

vue2.0的虚拟DOM渲染思路分析

1、为什么需要虚拟DOM前面我们从零开始写了一个简单的类Vue框架（文章链接），其中的模板解析和渲染是通过Compile函数来完成的，采用了文档碎片代替了直接对页面中DOM元素的操作，在...

2020-05-27

206浏览

0评论

vue异步axios获取的数据渲染到页面的方法

我们在vue，数据很多事异步获取来的，如果在template直接使用，会报错，undefined。因为先渲染后得到的数据，那如何才能不报错呢？computed!!!举个例子 index.vue 忽略坑人的传参方式。...

2020-05-27

74浏览

0评论

vue修改对象的属性值后页面不重新渲染的实例

最近项目在使用vue，遇到几次修改了对象的属性后，页面并不重新渲染，场景如下：HTML页面如下：<template v-for="item in tableData"> <div :class="{'redBorder':item.red}">...

2020-05-27

102浏览

0评论

JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】

本文实例讲述了JavaScript引用类型之基本包装类型。分享给大家供大家参考，具体如下：为了操作基本类型值，ECDMAScript提供了3个特殊的引用类型——基本包装类型Boolean、Number...

2020-05-27

57浏览

0评论

jquery ajax加载数据前台渲染方式不用for遍历的方法

如下所示：var provinces = res.res;var html = [];var option_select='<option value="" >请选择</option>';var tpl = '<option value="{1}" data-id="{1}" data-name="{0}"...

2020-05-27

68浏览

0评论

JavaScript引用类型Function实例详解

本文实例讲述了JavaScript引用类型Function。分享给大家供大家参考，具体如下：Function类型函数是对象，函数名是指针：每个函数都是Function类型的实例。由于函数是对象，因此函数名...

2020-05-27

96浏览

0评论

解决vue数组中对象属性变化页面不渲染问题

做checkbox多选功能的时候遇到了一个坑，逻辑怎么看都对，但是就是有bug，最后发现数组那里值变了页面勾选没有重新渲染。换了关键词搜索找到了相关方法。其实之前读文档教程的时...

2020-05-27

82浏览

0评论

Vue实现按钮旋转和移动位置的实例代码

1.静态效果图Chrom移动端浏览模式下可拖动按钮处于任意位置，并且点击可旋转按钮2.代码<template> <div id="app"> <div class="icon-add-50" :style="iconstyle" @click='cl...

2020-05-27

56浏览

0评论

基于bootstrap页面渲染的问题解决方法

本人不擅长前台，写此文只是讲一下我解决页面渲染的一个小的解决办法，或许这个方法大家早知道了，但是应该还会有像我一样还在纠结的小伙伴，帮助一下像我一样的不擅长前台的童鞋。...

2020-05-27

59浏览

0评论

JavaScript引用类型RegExp基本用法详解

本文实例讲述了JavaScript引用类型RegExp基本用法。分享给大家供大家参考，具体如下：1、正则表达式定义三个标志：全局模式g，不区分大小写模式i，多行模式m。1) 字面量定义var patte...

2020-05-27

89浏览

0评论

vue中Axios的封装与API接口的管理详解

如图，面对一团糟代码的你~~~真的想说，What F~U~C~K！！！回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axi...

2020-05-27

热门文章