- 博客(43)
- 收藏
- 关注

转载 如何终止ajax请求?数据处理太慢,我不想加载了,要求中断重新开始?使用jQuery或者原生JavaScript进行处理?
一:请求次数多的情况下我们可爱能会遇到;二:异步执行没有返回具体参数,或者说后台显示返回success,前台显示空白;三:网络加载失败;以上情况我们需要配合用户体验,我们可以在终止循环提示用户网络状态加载异常,重新加载;1、采用jQuery的ajax方式:<script src = "jQuery.js"></script><body>...
2018-09-03 16:44:31
5894
1

转载 vue如何通过控制路由改变相邻页面的数据?
首先,刚开始肯定大家都会想到,我们可以通过拼接地址,利用URL的属性,动态获取路由的query值或者parmas值,通过获取页面跳转路由ID参数实时更新数据,但是这只是适合于小型项目;其实我们可以完整的利用vue的生命周期,created,用watch侦听获取实时数据的参数ID,之后通过created同步获取更新上个页面的数据变化;点击用户头像 => 进入用户个人中心,在用户个人中心里点...
2018-09-03 16:15:33
881
转载 微信小程序map、video、canvas地图组件添加覆盖物
微信小程序在微信小程序中video、map、canvas等组件的层级都最高的 但是,同样的有一个视图容器可以覆盖在这些“顶级”组件之上的Video在video之上添加覆盖物<video src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f020169...
2018-09-04 00:07:47
2174
转载 微信小程序把玩image的13中mode
image组件也是一个程序不可缺少的,可以这样说一个app中image组件随处可以看到,一般 image有两种加载方式第一种是网络图片第二种是本地图片资源,都用src属性去指定。重点属性:这里写图片描述三种缩放模式这里写图片描述九种剪切方式这里写图片描述wxml&lt;!--3中是缩放模式 scaleToFill 不保持纵横比缩放图片,使图片的宽...
2018-08-31 23:18:35
1979
原创 封装axios,这篇博客一定很有用?
axios都知道是vue2的ajax,有点不专业,但你是可以理解的;但是只知道单纯的和ajax使用,那就未免太浅了,更别说自己都工作这么些年份了;目录结构吗? src -api --api.js --http.js只要你熟悉vue这个还用说,可以看着axios和vuex的官方文档自己动手封装下哈;以下是api.js的内容,这里填写的是项目的URL字段请求地址;...
2018-07-10 17:27:35
3590
转载 美团小程序框架 mpvue mvvm框架互通
mpvue (github 地址请参见)是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。
2018-07-03 23:43:01
485
翻译 mongodb安装 3.4 win10系统
MongoDB是现在非常流行的非关系型数据库,广泛应用在web开发,网站建设上,具有速度快,易操作的特点。下载安装包:到官网下载最新的msi版MongoDB。我这里用的是3.4.10版本;安装位置:为了更好的配置环境变量,我默认C盘;选择complete;设置存储路径和日志路径:可以手动搭建,我这里采用cmd动态搭建;设置存储路径和日志路径。可以用cmd命令,也可以用手工去创建目录D:\>...
2018-06-26 17:31:44
1012
转载 ajax如何处理缓存?
解决方法:1、给请求链接加随机数,如果用的是jQuery,直接设置: $.ajaxSetup({cache: false});2、把type改成post,并随便设置设置一个参数data: 'a=b'(一定要设置参数,否则仍然会被cache)3、说说生成不一样的数,就用随机数 Math.random();或者或者时间戳 + new Date();例子 代码如下 $.ajax({ type:"G...
2018-06-10 21:36:33
669
转载 微信小程序,实现内嵌网页的分享?
自从微信小程序支持内嵌网页之后,呼声高涨得不得了。的确,这个确实让我开发我们公司的小程序高效了很多,主要是可以引入现有的功能完整的普通网页。需求是这样子的:小程序启动授权等操作成功后直接跳转到内嵌网页,内嵌的网址也就是公司的官网产品项目,而后,产品项目里面的各个网页都能支持分享操作,当然,对方打开的一定是你分享的那个页面而不是整个小程序初始页面。解决思路:官方提供的转发接口 onShareAppM...
2018-06-10 15:01:33
3179
转载 微信小程序知识点
微信小程序,阅读本文请了解vue和小程序的区别?vue和小程序双向绑定异同,二者接口设置;今年微信小程序更新比较频繁:但是虽然更新了,基础还是这些;重点:登录授权(弹窗授权,自带弹窗授权2018.4更新之后已经不可以再次使用,我们可以使用自己编写的dialog组件调用,通过<button open-type="getUserInfo" lang="zh_CN" bindge...
2018-06-06 14:05:37
376
转载 git的使用及安装流程?
1、安装(基于win7系统)官网下载【https://gitforwindows.org/】配置安装环境:下载完成默认c盘安装路径,可以自定义。 [此后一路NEXT即可] 配置账户信息打开cmd或powershell,输入git config --global user.name "xxxxx" //绿色部分为GitHub用户名git config --global ...
2018-06-01 16:03:20
306
原创 最近前端面试遇到的问题?
解释下Es6的promise,$.ajax , setTimeout ,异步回调机制,说明下解决二次回调地狱的方法?vue的单页面分享如何实现?小程序的扫码调用实现步骤+api调用思想?作为一名前端为什么要接触后台的东西,你觉得node好吗?node我不认为是好东西,你觉得呢?(这个问题是面试官的坑)Git分支的命令?...
2018-05-20 16:59:51
421
转载 原生ajax加载步骤?
<script>window.onload=function(){ var oBtn = document.getElementById("btn1"); oBtn.onclick = function() { //1.创建ajax对象 //只兼容非ie6的浏览器,在ie6浏览器上运行会提示没有被定义 //va...
2018-05-10 10:10:25
412
转载 最新前端面试题
jq的$(function(){})与window.onload的区别?1.$(function(){})不会被覆盖,而window.onload会被覆盖,个人感觉$(function(){})不会被覆盖的原因是将其放入到了一个队列中,在对应时机一次出队。 2. $(function(){})在window.onload执行前执行的,$(function(){})类似于原生js中的DOMConte...
2018-04-09 21:14:27
424
转载 svn与git的区别(总结)
版本控制器的作用:1. 可以协同代码管理,让多人开发代码得以实现。2. 回归到以前的任何一个时间点的代码处(好比:开始写了很多代码,后面有修改了一些,突然IDE崩溃,但是发现还是以前的代码更好,这个时候无法回去,这个时候没有后悔药吃,但是可以使用版本备份,但是即花费空间和花费时间)。3. 由于上面的版本备份造成版本众多,难于找到正确的版本(SVN有专门的日志记录了文件的每一次修改,可以通过查看日志...
2018-04-04 13:15:25
30312
3
转载 vue的基础
vue构建脚手架应用npm install vue-cli -gvue init webpack 《temple-name》项目名模板名:webpack pwa simple webpack-simple browerify browerify-simplecd 项目名npm install 安装项目依赖npm run dev ...
2018-04-04 11:04:02
257
转载 Ajax 的全面总结
Ajax在前端开发中有着举足轻重的地位,关于Ajax的使用和注意事项一直是一个重要的话题,借此机会,本文希望对Ajax做一个全面的总结,彻底揭开Ajax的神秘面纱。一.什么是AjaxAjax(Asynchronous JavaScript and XML),可以理解为JavaScript执行异步网络请求。通俗的理解的话就是,如果没有Ajax技术,改变网页的一小部分(哪怕是一行文字、一张图片)都需要...
2018-03-30 09:00:34
1335
转载 localStroage使用
localstroage提供了几个方法:1.存储:localstroage.setItem(key,value)如果key存在时,更新value2.获取:localstroage.gettItem(key)如果key不存在返回null3.删除:localstroage.removeItem(key)一旦删除,key对应的数据将全部删除。4.全部清除:localstr...
2018-03-29 18:43:21
552
1
转载 mongoDB+nodde.js封装增删改查的代码
var mongo=require("mongodb");//@2.2.11var MongoClient = mongo.MongoClient;var assert = require('assert');var host="localhost";var port="27017";var Urls = 'mongodb://localhost:27017/demo2';//ad...
2018-03-28 20:52:41
278
转载 Mongoose简要API
Mongoose是在node.js环境下对mongodb进行便捷操作的对象模型工具因此,要使用mongoose,则必须安装node.js环境以及mongodb数据库。mongoose使mongodb操作更简单便捷。可以在github中获得其源码,也可以在这里查看api文档,英文的,文档内容较多,因此本文特意总结下mongoose的schema数据模型定义以及简单的增删改查api。connectco...
2018-03-28 17:34:34
287
转载 MongoDB
MongoDB 基于c++语言编写的介于关系型和非关系型之间的非关系型数据库MongoDB 的数据单元是文档 文档 ----》 mysql 行数据集合 ---》 mysql 表 js ---》 相当于对象 {'name':'小芳','age':18}命名规范:1、集合名不能是空字符串;2、不能包含 /a /n --- 转义 字符;3.不能以system开头 系统集合的保留前缀;4...
2018-03-28 10:02:21
292
转载 mysql cmd 常用命令
安装wampserver 的可以在MySQL console 打开cmd环境变量配置配置好以后,打开cmd连接:mysql -h主机地址 -u用户名 -p用户密码 (注:u与root可以不用加空格,其它也一样) 断开:exit (回车) 显示系统变量的名称和值:show variables;显示最后一条执行的SQL语句所产生的错误、警告等信息:show warnings;显示系统特定资源的状态:...
2018-03-26 10:37:55
152
转载 数据库表
表头:每一列的名字(类型,个数。。。。。)列:具有相同数据类型数据的集合;(表头规定每列字数,超出规定报错)行:每一行用来描述某个人/物的具体信息;(一条完整的数据字段)键:用来识别某个特定的人或者是物的属性或方法,键的值在当前列中具有唯一性;值:行的具体信息,每个值必须与该列的数据类型相同;数据类型:sql将数据类型分为三类;1、数值类型{--整数型:{--迷你整型:tinyint ,使用一个字...
2018-03-26 09:21:33
380
原创 静态资源管理器升级版配合路由
//静态资源管理器//path ---joinvar express=require('express');var path=require('path');//初始化一个入口函数var app=express();//express.static():搭建静态资源管理器(静态资源服务器)console.log(path.join(__dirname));//文件目录console.log(pat...
2018-03-22 20:26:43
181
原创 开启路由
var express=require('express');var router=require('./router/router');var app=express();//使用路由 开启指向路由app.use('/',router);app.listen(3070,function(){ console.log('程序正在执行')})...
2018-03-22 20:25:35
176
原创 router.js
//存放我们封装的路由 var express=require('express');//创建路由 var router=express.Router(); //配置路由 router router.get('/',function(req,res){ res.send('首页') }) router.get('/list',function(req,res){ ...
2018-03-22 20:24:52
2014
原创 冒泡排序
window.onload = function () {// var arr = [5,1,3,8,2,9,6]; var arr = [1, 3, 5, 9, 7] //m是监控轮数 n是监控次数 var m = 0, n = 0; //1、一个控制轮数,元素个数-1轮,一个...
2018-03-22 20:23:23
162
原创 //用对象方法实现数组去重
//用对象方法实现数组去重Array.prototype.unique = function() { var newArr = []; for (var i = 0; i < this.length; i++) { if(newArr.indexOf(this[i]) == -1){ newArr.push(this[i]); ...
2018-03-22 20:22:24
273
原创 利用json去重 原型--实现继承
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" content="text/html" name="01"> <title>利用json去重 原型--实现继承</title&g
2018-03-22 20:21:24
426
原创 数组去重排序01
//用对象方法实现数组去重Array.prototype.unique = function() { var newArr = []; for (var i = 0; i < this.length; i++) { if(newArr.indexOf(this[i]) == -1){ newArr.push(this[i]); ...
2018-03-22 20:18:41
171
原创 js重要知识点
1、Div+css布局与table布局区别?Table兼容性很好,IE下先加载表格后加载文字;table对老式浏览器兼容很好Div+css是现在主流布局2、数据类型Undifined、number、nan、null、object、string、boolean、function3、Iframe优缺点原样展现网页,可以随意调用,方便内容修改,网页统一有致减少代码量,第三方加载快捷(框架结构,代码复杂移...
2018-03-22 20:07:18
555
转载 MySQL
什么是数据库?--存放数据的容器为什么要使用数据库?数据库分类:关系型数据库:MySQL Oracle sqlServer非关系型数据库:Hadoop 存储大数据mongoDB 文档型数据库Redis 键值高缓存数据库两者区别:是否可以使用sql语句做为数据操作的方法;MySQL优势:1、多语言支持;2、可移植性好;3、开源/免费;4、高效---》 支持多线程,充分...
2018-03-22 20:06:05
172
转载 静态资源管理器 练习
//静态资源管理器//path ---joinvar express=require('express');var path=require('path');//初始化一个入口函数var app=express();//express.static():搭建静态资源管理器(静态资源服务器)console.log(path.join(__dirname));//文件目录console.log(pat...
2018-03-22 14:10:46
247
转载 微信小程序面试题
1、简单描述下微信小程序的相关文件类型?答:微信小程序项目结构主要有四个文件类型,如下:一、WXML (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。二、WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式,二、js 逻辑处理,网络请求三、json...
2018-03-21 18:34:42
48604
2
转载 Nodejs 笔记 02
--可读--可写--可读可写--写入之后读出事件:--data 当数据可读时触发--end 没有更多数据时触发--error 在接收和写入过程中发生错误时触发--finish 所有数据被写入到底层系统时触发(了解)http 内置模块请求页面...
2018-03-21 13:03:31
205
转载 node.js笔记
模块化编写稍大一点的程序时一般都会将代码模块化。在node.js中每一个文件就是一个模块,而文件路劲就是我们的模块名;怎么使用模块?在编写每个模块时,都有三个(require(记载依赖模块)/exports(暴露接口)/module(存档模块ID))预先定义的变量可供使用。require require(path相对路径和绝对路径)require 函数 用于在当前模块中加载和使用别的模块,传...
2018-03-20 13:01:23
170
转载 JavaScript作用域
作用域 在深入学习JavaScript作用域之前,首先要了解一下,究竟什么是作用域。几乎所有的编程语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。 我们先了解一下JavaScript的工作原理,引擎,编译器,作用域三者是如何协同工作来完成javascript代码的执行的。 引擎:从头到尾负责整个JavaScript程...
2018-03-19 20:45:52
195
转载 SeaJS 是什么?
seajs的价值原生javascript的一个弱项,就是不支持模块化,说白了就是没有其他语言的import,include等语句。所以开发者就只有2个选择:把所有的东西写到一起,或者通过全局变量来交互 这至少造成以下几个问题: 1、污染全局变量,容易发生命名空间冲突,难以维护 2、无法按需加载 由于javascript官方迟迟未能解决这些问题,所以就有民间的社区提出标准,希望能自行解决,弥补语言的...
2018-03-19 20:39:27
2891
转载 Node.js是什么?
Node.js是什么?他不是一门语言,而是一门技术,也不是JavaScript框架||库基于谷歌v8引擎和libuv库封装的一个供js运行在浏览器之外的运行平台;Node.js跳过了http服务器,---》速度更快,性能更牛X;Node.js单线程多进程异步非阻塞 I/O模型特点:异步I/O与事件驱动(callback)缺点:大量的匿名函数加大开发和调试的难度应用范围:1.高并发的业务 ---》...
2018-03-19 14:03:05
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人