- 博客(83)
- 收藏
- 关注
RSS订阅转载 axios封装
// 封装请求import axios from 'axios'import { ElMessage } from 'element-plus'// 请求const http = axios.create({ baseURL: "https://www.liulongbin.top:8888/api/private/v1", timeout: 6000})// 请求拦截http.interceptors.request.use(config => { //请求头设...
2022-04-11 11:35:16
176
原创 vue面试题
1、在vue中created与activated有什么区别？created():在实例创建完成后被立即调用，created()只会触发一次activated()：是在路由设置时，才会有这个生命周期。在被 keep-alive 缓存的组件激活时调用。2、在vue项目中scss scoped穿透符>>>无效的解决方案有哪些可以使用 /deep/ 操作符( >>> 的别名)3、为什么在v-for中的key不推荐使用随机数或者index呢？那要怎么使用才比较好呢
2022-03-16 14:48:43
1152
翻译 面试问题2
1.页面间传值的方法因最近尝试实现客户端与服务端分离，服务端只提供接口，客户端用html+js实现，分成两个独立的项目部署，因项目是个人项目，客户端展示不考虑使用像Angular、Vue、Native这种前端框架实现，于是全部使用静态页面实现，请求数据用ajax，在开发的过程中，就遇到了页面之间传值的问题。解决方法post提交表单跳转的方式肯定不行了，因服务端并不处理这些请求参数，连到...
2018-12-21 16:14:12
720
翻译 面试问题
1.事件冒泡，阻止冒泡（事件轮询）何为事件冒泡：HTML DOM模型是个树形结构，元素之间有相互嵌套的关系，比如<div><a href="new_url">Click Me</a> </div>中div是父元素而a是子元素。如果父子元素都绑定了同一个事件比如onClick，当内层的子元素的事件被触发时，该事件会被传递到父元素中。1. 阻...
2018-12-21 15:42:01
361
转载 JS中兼容实现android和ios系统手机打开相机并可选择相册功能
一般实现 实现android手机打开相机选择相册功能：<input class="js_upFile cover1" type="file" name="cover" accept="image/*" capture="camera" multiple/> 这段代码在ios手机上只能打开相机，不能选择相册 实现苹果手机打开相册及打开相机功能：<i
2018-12-09 09:56:34
5614
1
翻译 面试题
1.cookie,sessionStorage和localStorage的区别sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。共同点：都是保存在浏览器端，且同源的。区别：cookie数据始终在同源的http请求中携带（...
2018-10-10 11:43:10
169
转载 window系统如何安装Git以及Git小乌龟，实现git命令
1.下载git客户端http://download.csdn.net/detail/liuyigangliu/9765265 下载git，已测试可用。2.安装git就像安装一个软件一样，选择路径后，每次保持默认选项确定就好。3.下载tortoisegithttps://tortoisegit.org/download/去官网选择适合自己电脑的版本下载4.安装tortoisegit同样选择默认安装。...
2018-04-26 10:07:40
721
原创 上传图片并压缩处理
这个功能是支持多图上传的，一般手机拍张照也要在3M左右。我们来看具体怎么压缩吧！采用的weui框架代码。不清楚的可以weui/weui 以下为具体的功能实现js// 图片数组 var imgarr=[]; // 点击添加图片 $(
2018-01-29 15:33:05
2317
转载 JavaScript模块化 --- Commonjs、AMD、CMD、ES6 modules
随着前端js代码复杂度的提高，JavaScript模块化这个概念便被提出来，前端社区也不断地实现前端模块化，直到es6对其进行了规范，下面就介绍JavaScript模块化。JavaScript模块化是如何一步一步地发展起来的，并且也会主要对这些模块化方式做一个简单的比较。 第一阶段：无模块化JavaScript最初的作用仅仅是验证表单，后来会添加一些动画，但是这些js
2017-12-15 14:35:06
285
转载 完整原型链详细图解（构造函数、原型、实例化对象）
一、首先说一下什么是构造函数：构造函数：用来在创建对象时初始化对象。特点：构造函数名一般为大写字母开头；与new运算符一起使用来实例化对象。举例：[javascript] view plain copyfunction Person(){} //Person构造函数 var p=new Person(
2017-10-25 16:33:59
633
原创 让参数拼接更便捷
function forLoadHref(jStr){ var jsonStr ='' if (typeof jStr=='string') { return jsonStr; } else{ for(var key in jStr){ jsonStr += (jStr[key] instan
2017-10-19 13:56:36
273
原创 prototype补习1
// 基本数据类型// string, boolean, number--> String, Boolean, Number// 只有这三种的字面量 "11", 12, true 是基本类型// {}、/reg/、function(){}, [1, 2]对象// Date 只能通过new方式使用[只能是Date对象的方式使用]// null, undefined:
2017-09-23 19:07:30
285
转载 JavaScript是如何实现继承的(六种方式)
前言：大多OO语言都支持两种继承方式： 接口继承和实现继承 ，而ECMAScript中无法实现接口继承，ECMAScript只支持实现继承，而且其实现继承主要是依靠 原型链 来实现。1.原型链基本思想：利用原型让一个引用类型继承另外一个引用类型的属性和方法。构造函数，原型，实例之间的关系：每个构造函数都有一个原型对象，原型对象包含一个指向构造函数的指针，而实例都包含一个指向原型
2017-08-15 17:59:43
2366
翻译 关于javascript-prototype继承
1.最基本的用法 把ClassA的一个实例赋值给ClassB， ClassB就继承了ClassA的所有属性。 代码入下： function ClassA() { this.a='a'; } function ClassB() { this.b='b'; } ClassB.prototype=new ClassA(
2017-08-15 17:57:08
229
转载 JS中的phototype
javascript的方法可以分为三类：a 类方法b 对象方法c 原型方法例子：function People(name){ this.name=name; //对象方法 this.Introduce=function(){ alert("My name is "+this.name); }}//类方
2017-08-15 16:03:40
181
转载 Vue2.0总结———vue使用过程常见的一些问题
Vue目前的的开发模式主要有两种：1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了webpack可以进行配置，配置多文件入口，进行多页面开发第二种Vue开发，结合webpack打包完文件会很大，怎么解决这个问题?1.webpack代码拆分：code-spliting
2017-06-28 15:21:56
601
转载 Vue2.0与 [百度地图] 结合使用———vue+webpack+axios+百度地图实现组件之间的通信
Vue2.0与 [百度地图] 结合使用：1.vue init webpack-simple vue-baidu-map2.下载axios cnpm install axios;3.在main.js中引入axios，并使用 import axios from 'axios' /* 把axios对象挂到Vue实例上面，其他组件在使用axios的时候直接 this.
2017-06-28 15:20:52
2950
转载 自定义vue全局组件use使用、vuex的使用
自定义vue全局组件use使用(解释vue.use()的原理)我们在前面学习到是用别人的组件：Vue.use(VueRouter)、Vue.use(Mint)等等。其实使用的这些都是全剧组件，这里我们就来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理而我们再用Axios做交互，则不能使用Vue.use(Axios)，因为Axios没有install自定义一个
2017-06-28 15:20:19
1272
转载 Vue2.0的变化(2)———vue2.0动画的变化、vue-2.0路由的变化
之前讲解的都是vue1.0的使用，现在我们开始介绍vue2.0，这里的介绍是在vue1.0的基础上进行介绍的，主要介绍的是同vue1.0版本相比2.0的变化vue2.0动画的变化:现在变成: 运动东西(元素,属性,路由.....);class的定义: .fade-enter{} //初始状态 .fade-enter-active{} //变
2017-06-28 15:19:14
324
转载 Vue2.0的变化(1)——vue2.0组件定义/生命周期/循环/自定义键盘/过滤器/组件通信的变化
之前讲解的都是vue1.0的使用，现在我们开始介绍vue2.0，这里的介绍是在vue1.0的基础上进行介绍的，主要介绍的是同vue1.0版本相比2.0的变化vue2.0的变化1.在每个组件模板中,组件的定义有一点变化且不再支持片段代码之前可以写片段代码： 我是标题 我是组件 现在--必须有一个根元素来包裹片段代码 Vue.comp
2017-06-28 15:18:39
312
转载 Vue1.0学习总结(5)———vue-router的使用
vue-router的使用：vue—>适合在单页面的应用，即适合SPA开发vue-resource: 交互vue-router: 路由下载：因为这里用的是vue1.0,所以下载vue-router0.7.13版本，后面会继续讲解vue2.0查看版本信息：bower info 包名下载：bower install vue-router下面讲解vue1.0中
2017-06-28 15:18:11
375
转载 Vue1.0学习总结(4)———Vue1.0自定义组件、Vue1.0组件之间的通信、slot的使用
Vue自定义组件:组件:就是一个大的对象:new Vue({})就是一个组件定义一个组件:1.全局组件: var Aaa=Vue.extend({ template:'我是一个标题' }); Vue.component('aaa',Aaa);a)给自定义的组件添加数据: data必须是函数的形式,函数必须返回
2017-06-28 15:17:38
433
转载 Vue1.0学习总结(3)———vue1.0的生命周期、vue计算属性computed的使用、vue实例(vm)上方法总结、vue结合动画使用
vue的生存周期：(1.0版本)vue自身提供钩子函数：1)created-->实例已经创建(实例创建完成执行)2)beforeCompile-->在实例编译之前执行3)compiled-->在编译之后执行4)ready-->把数据插入到文档中时执行 相当于jquery中的window.onload5)beforeDestroy-->销毁之前6)destroyed-->
2017-06-28 15:17:07
421
转载 Vue1.0学习总结(2)———交互(vue-resoucre的使用)
vue1.0的交互：vue-resoucre的使用angular：$http (ajax对象)vue想做交互：必须引入另一个库vue-resoucre(vue本身不支持交互)方法：在没有使用vue-cli的时候要放在服务区环境下，如放入php的环境中格式： this.$http.get('/someUrl', [data], [options]).then(suc
2017-06-28 15:16:28
293
转载 Vue1.0学习总结(1)———指令、事件、绑定属性、模板、过滤器
Vue1.0学习总结(1)———指令、事件、绑定属性、模板、过滤器vue： 一个mvvm框架（库），和angular相似比价容易上手，小巧----------------------------------------------------------------vue与angular 的区别： vue——简单，易学 指令以v-xxx; 一片ht
2017-06-28 15:15:43
452
转载 学习JavaScript你必须掌握的8大知识点！
一、JavaScript思维导图之的学习二、 JavaScript思维导图之 三、JavaScript思维导图之四、JavaScript思维导图之五、JavaScript思维导图之 六、 JavaScript思维导图之 七、JavaScript思维导图之八、JavaScr
2017-04-06 17:59:25
9391
4
转载 vueJs写一个分页
Vuejs-分页 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}html{font-size: 12px;}address,caption,cite,code,dfn,em,strong,th,var{f
2017-04-06 17:54:50
1450
原创 手机端滚动加载下一页
if (!NeuF) var NeuF = {}; NeuF.ScrollPage = function (obj, options, callback) { var _defaultOptions = { delay: 500, marginBottom: 200 }; //默认配置：延迟时间delay和滚动条距离底部距离marginBottom options = $.exte
2017-01-10 11:31:14
1177
转载 CSS3两个动画顺序衔接播放
CSS3两个动画顺序衔接播放问题描述：第一个动画先播放，播放完成后，第二个动画紧接着播放。解决办法：1. 将第二个的延迟时间（animation-delay） 设置成第一个的持续时间( animation-duration );2. 多个动画应用时用逗号分隔开;此时，CSS3的动画代码就要分开写了，不能再简写了，诸如animation:rotate-back
2016-11-24 16:54:00
13436
原创 json获取以某某开头的key值
var jsonString='{"name":"傅红雪","name001":"24","name003":"刺客","da":"1","003":"3"}'; var jsonObj = JSON.parse(jsonString); for(var item in jsonObj){ if(item.indexOf("name")!=-1){
2016-10-28 15:23:27
3504
1
转载 源码推荐：17款抽奖源码下载，非常实用
1.jQuery抽奖圆盘旋转插件今天我们要来分享一款很酷的jQuery抽奖插件，这款jQuery抽奖插件是一个可以旋转的圆盘，我们只需点击抽奖按钮即可启动圆盘旋转，最后圆盘停止后指针所指的就是你本次抽奖获得的奖品，赶紧来试一下吧。在线预览 源码下载2.jQuery抽奖动画特效之前我们分享过一款jQuery抽奖圆盘旋转插件，动画效果也是不错的。今
2016-09-29 17:30:09
11777
转载 jquery.mousewheel.js
body{padding:0;margin:0; overflow:hidden } ul{list-style:none;} .div_01,.div_02,.div_03,.div_04{width:100%;margin:0 auto; text-align: center;} .div_01{background: #b20909;} .div_02{backgro
2016-09-26 17:45:29
566
转载 前端定位组件
前端定位组件，旨在优化纯HTML5 Geolocation定位能力弱，定位成功率不高的问题，提供简单、易用的接口帮助业务层获取用户当前的位置信息（需用户授权），以降低开发成本，提升定位精准度。这是一个腾讯出品的定位组件，初步测试表现良好，目前正在使用，支持IOS10的GPS和IP定位http://lbs.qq.com/tool/component-geolocation.html
2016-09-23 13:51:51
2403
1
转载 网站常用验证码效果
换一换 body{padding:0;margin:0;} ul{padding:0;margin:0;} .box{ width:600px;height: auto;margin:0 auto; } .box>div{margin-top: 15px;font-size: 1
2016-09-21 11:18:00
279
转载 jquery 放大镜
放大镜*{margin:0;padding:0;list-style: none}#div1{width:200px;height:200px;position:absolute;left:100px;border:1px solid #000;top:100px;border:1px solid #000;}#span1{width:80px;height:80px;backgr
2016-09-21 11:09:45
209
转载 H5拖拽应用——简单购物车
无标题文档*{margin:0;padding:0;}li{list-style:none; float:left; width:200px; border:1px #000 solid; margin:30px;}li img{ height:260px;width:200px;}p{ height:20px; border-bottom:1px #333 dashed;}
2016-09-21 11:05:25
1945
1
转载 jq自定义插件—$.fn的使用之(打字机）
原理： 把html里的代码读进来， 然后跳过“”之间的代码， 顺便保存了内容的格式， 然后一个定时器，逐个输出。 用到的基础知识：jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(object); jQuery
2016-09-02 10:23:55
1167
原创 jq自定义插件—$.fn的使用之(轮播图)兼容性都ok
图片轮播html,body{padding: 0;margin: 0;}ul,ul li{list-style: none;margin: 0;padding: 0;}.box{}#banner{position: relative;height:auto;overflow: hidden;}#banner u
2016-09-02 10:22:30
1576
转载 微信官方jssdk Demo
1.html部分html>html>head>meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> meta charset="utf-8"> title>微信JS-SDK Demotitle> meta name="viewport" content="width=device-width,
2016-09-01 16:37:16
2095
转载 不规则菱形格子
无标题文档div{ width:800px;height:500px}.bb, .aa, .cc{ float:left}.bb li{ width:80px; height:80px; float:left; margin-right:33px;transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-tr
2016-08-03 17:06:12
661
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人