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
JS的Ajax与后端交互数据的实例
JS中很多地方会使用Ajax与后台进行数据交互。Ajax是通过http，使得JS与后端进行数据通信，由于Ajax的异步特性，可以使多个Ajax请求同时访问后端，对页面的局部数据进行逻辑处理，并渲...
2020-05-27
JS+HTML5实现获取手机验证码倒计时按钮
效果图如下所示：HTML： <input type="button" value="获取验证码"> CSS： input[type=button] width: 150px; height: 30px; background-color: #ff3000; border: 0; border...
2020-05-27
解决jquery的ajax调取后端数据成功却渲染失败的问题
获取后端数据后，进行前端的页面渲染，数据读到了，渲染却失败了，经过无数次排查，发现了问题：主要问题就是id的唯一性$("#id")一般可以获得相应的对象，但是如果此时页面有多个同样的id...
2020-05-27
vue.js提交按钮时进行简单的if判断表达式详解
前言本文主要介绍的是vue.js提交按钮时进行简单的if判断表达式的相关内容，分享出来供大家参考学习，是一个简单的业务需求，下面话不多说了，看图说话1：当充值金额没有填写的时候，会...
2020-05-27
JS实现自定义弹窗功能
众所周知，浏览器自带的原生弹窗很不美观，而且功能比较单一，绝大部分时候我们都会按照设计图自定义弹窗或者直接使用注入layer的弹窗等等。前段时间在 慕课网 上看到了一个自定...
2020-05-27
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
JavaScript常见JSON操作实例分析
本文实例讲述了JavaScript常见JSON操作。分享给大家供大家参考，具体如下：1、JSONJSON，JavaScript Object Notation)(JavaScript对象表示法) ，是存储和交换文本信息的语法，是基于J...
2020-05-27
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
微信小程序wepy框架笔记小结
该框架是腾讯内部基于小程序的开发框架，设计思路基本参考VUE，开发模式和编码风 格上80%以上接近VUE优势
组件化开发
小程序虽然有标签可以实现组件复用，但仅限于模板片段层面的...
2020-05-27
js使用ajax传值给后台,后台返回字符串处理方法
之前使用js获取后台生成的JSON字符串，然后给select填充值，这次需要重新获取一次。这里的目标是，在一个input输入框里，输入一个用户名，判断是否为空，是否不存在，如果存在返回几个字...
2020-05-27
JavaScript引用类型Date常见用法实例分析
本文实例讲述了JavaScript引用类型Date常见用法。分享给大家供大家参考，具体如下：Date类型使用自UTC1970年1月1日午夜（零时）开始经过的毫秒数来保存日期。创建日期对象的方法：(1)...
2020-05-27
Vue2.0 实现歌手列表滚动及右侧快速入口功能
1 歌手列表歌手列表页类似于手机通讯录，我们也将其作为一个基础组件独立出来，这部分的逻辑比较简单，这里不做过多的讲解// base/listview/listview.vue<template> <scroll cla...
2020-05-27
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
Vue 开发音乐播放器之歌手页右侧快速入口功能
快速入口的列表是其实是之前处理的歌手的数据中的关于title的列表shorcutList属性是计算属性 通过ret数组中的title计算到的所以我们要在singer.vue组件中将数据传入到list-...
2020-05-27
通过jquery的ajax请求本地的json文件方法
自己学习jquery的ajax的经历，记录一下ajaxTestDemo.html 在body里面放一个id为test的div<div id="test"></div>第一步还是要先加载jquery文件 jquery.min.js<script> $(funct...
2020-05-27
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
vue devtools的安装与使用教程
一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入该文件夹下四.依次输:1:npm install2:npm run build...
2020-05-27
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
深入理解Promise.all
异步之PromisePromise.allPromise.all接收的promise数组是按顺序执行的还是一起执行的，也就是说返回的结果是顺序固定的吗？目前有两种答案： 应该是同步执行的，但是这样就有效率...
2020-05-27
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
ng-template 是用来定义模板的，当使用ng-template定义好一个模板之后，可以用ng-container和templateOutlet指令来进行使用。<ng-template #loading> <button (click)="login()...
2020-05-27
详解js的视频和音频采集
今天要写的，不是大家平时会用到的东西。因为兼容性实在不行，只是为了说明下前端原来还能干这些事。
大家能想象前端是能将摄像头和麦克风的视频流和音频流提取出来，再为所欲为...
2020-05-27
jQuery 实现批量提交表格多行数据的方法
批量提交用jquery操作起来还是很方便的，主要的思路就是 在动态生成表格时每一行都存下这条数据的唯一id，然后监听选择，把选中的数据放入数组，最后提交到后台就OK了。先上一部分...
2020-05-27
React中如何引入Angular组件详解
前言为了在我的编辑器中使用 Angular，我用 Angular 编写了一个重命名功能。而为了使用它，我得再次使用一次 customEvent ，而在这个微前端架构的系统中，其事件通讯机制已经相当的...
2020-05-27
NodeJs项目中关闭ESLint的方法
ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。
但有时如果我们复制了另一个格式不一样的项目文件，就会被E...
2020-05-27
使用jquery DataTable和ajax向页面显示数据列表的方法
首先在html页面定义好相关长度的行和列，假设table的id=data-table“”使用jquery DataTable在js中这么写$(function() { $('#data-table').DataTable( { order : [ [ 1,...
2020-05-27
详解在React中跨组件分发状态的三种方法
当我问自己第一百次时，我正在研究一个典型的CRUD屏幕：“我应该将状态保留在这个组件中还是将其移动到父组件？”。如果需要对子组件的状态进行轻微控制。您可能也遇到了同样的问...
2020-05-27
JQuery Ajax动态加载Table数据的实例讲解
我们在jsp定义一个select和一个table，要求实现根据select的选值，动态加载table数据。<select id="type" name="type" onchange="reloadTable(this)"></select><table id="impo...
2020-05-27
详解Vue开发微信H5微信分享签名失败问题解决方案
关于Vue中路由使用history模式，开发微信H5页面分享时在安卓上签名有效成功，但是在IOS设备上一直报错签名失效问题问题描述:在Vue开发过程中，路由使用History模式下，在使用微信分...
2020-05-27
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
Angular动画实现的2种方式以及添加购物车动画实例代码
前言在前端应用中，动画是一个常见的场景。在使用了一系列的动画库之后，终于需要自己来实现一个动画了。这次的动画则是基于 Angular 框架。我的场景是一个类似于添加购物车的...
2020-05-27
vue2.0的虚拟DOM渲染思路分析
1、为什么需要虚拟DOM前面我们从零开始写了一个简单的类Vue框架（文章链接），其中的模板解析和渲染是通过Compile函数来完成的，采用了文档碎片代替了直接对页面中DOM元素的操作，在...
2020-05-27
vue异步axios获取的数据渲染到页面的方法
我们在vue，数据很多事异步获取来的，如果在template直接使用，会报错，undefined。因为先渲染后得到的数据，那如何才能不报错呢？computed!!!举个例子 index.vue 忽略坑人的传参方式。...
2020-05-27
vue修改对象的属性值后页面不重新渲染的实例
最近项目在使用vue，遇到几次修改了对象的属性后，页面并不重新渲染，场景如下：HTML页面如下：<template v-for="item in tableData"> <div :class="{'redBorder':item.red}">...
2020-05-27
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
本文实例讲述了JavaScript引用类型之基本包装类型。分享给大家供大家参考，具体如下：为了操作基本类型值，ECDMAScript提供了3个特殊的引用类型——基本包装类型Boolean、Number...
2020-05-27
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
JavaScript引用类型Function实例详解
本文实例讲述了JavaScript引用类型Function。分享给大家供大家参考，具体如下：Function类型函数是对象，函数名是指针：每个函数都是Function类型的实例。由于函数是对象，因此函数名...
2020-05-27
解决vue数组中对象属性变化页面不渲染问题
做checkbox多选功能的时候遇到了一个坑，逻辑怎么看都对，但是就是有bug，最后发现数组那里值变了页面勾选没有重新渲染。换了关键词搜索找到了相关方法。其实之前读文档教程的时...
2020-05-27
Vue实现按钮旋转和移动位置的实例代码
1.静态效果图Chrom移动端浏览模式下可拖动按钮处于任意位置，并且点击可旋转按钮2.代码<template> <div id="app"> <div class="icon-add-50" :style="iconstyle" @click='cl...
2020-05-27
基于bootstrap页面渲染的问题解决方法
本人不擅长前台，写此文只是讲一下我解决页面渲染的一个小的解决办法，或许这个方法大家早知道了，但是应该还会有像我一样还在纠结的小伙伴，帮助一下像我一样的不擅长前台的童鞋。...
2020-05-27
JavaScript引用类型RegExp基本用法详解
本文实例讲述了JavaScript引用类型RegExp基本用法。分享给大家供大家参考，具体如下：1、正则表达式定义三个标志：全局模式g，不区分大小写模式i，多行模式m。1) 字面量定义var patte...
2020-05-27
vue中Axios的封装与API接口的管理详解
如图，面对一团糟代码的你~~~真的想说，What F~U~C~K！！！回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axi...
2020-05-27
vue使用ajax获取后台数据进行显示的示例
实例如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="/vue.min.js"></script> <script src="/vue-resource.min...
2020-05-27
JavaScript面向对象继承原理与实现方法分析
本文实例讲述了JavaScript面向对象继承原理与实现方法。分享给大家供大家参考，具体如下：1、构造函数、原型和实例的关系构造函数有一个原型属性prototype指向一个原型对象。原...
2020-05-27
video.js 实现视频只能后退不能快进的思路详解
主要思路是点击进度条需要获取拖动前的时间点，我用mouseup事件去处理的，获得到了oldTime 就好办，然后根据需求限制拖动快进快退，因为项目允许回看，不允许快进，所以得记录maxTime，记...
2020-05-27
vue-cli初始化项目中使用less的方法
什么是less?Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。引言现在前端的vue框架越来越火，vue-cli作为vue项目的...
2020-05-27
使用layer弹窗和layui表单实现新增功能
1.需求：使用layer在弹窗内完成新增，成功后提示并刷新页面（父页面，list页面）2.实现 a* 页面效果图 b*页面代码 --构建from表单<div id="add-main" style="display: none;">...
2020-05-27
koa上传excel文件并解析的实现方法
1.中间键使用 koa-bodynpm install koa-body --saveconst koaBody = require('koa-body');app.use(koaBody({ multipart: true, formidable: { maxFileSize: 200 * 1024 *...
2020-05-27
angular6.x中ngTemplateOutlet指令的使用示例
在使用angular进行开发的时候,通过属性绑定向组件内部传值的方式,有时候并不能完全满足需求,比如我们写了一个公共组件,但是某个模板使用这个公共组件的时候,需要在其内部添...
2020-05-27
微信小程序url传参写变量的方法
具体代码如下所示：<navigator url="../../pages/newsDetail/newsDetail?id={{news.id}}"> <view class="list-item"> <view class="little-item"> <view class="le...
2020-05-27
