- 博客(31)
- 收藏
- 关注
RSS订阅转载 vue中使用高德地图 (亲测好用!)
问题来源项目需要是使用到地图，并不是所有页面都用到，所以采用异步加载当时引入地图开始在vue项目目录下创建plugins文件夹，并在里面创建amap.js 文件/* * 异步创建script标签 */export default function MapLoader (key) { return...
2019-12-21 10:35:57
1239
1
原创 移动web开发_flex布局
移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2 flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分1.3 建议如果是pc端页面布局，还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flex2.0 f...
2019-12-14 00:24:36
117
原创 微信小程序+面试
1、微信开放者平台和微信公众号平台的区别是什么？公众号平台倾向的是 前端开发工程师开放者平台倾向的是 后台开发人员 || 移动端开发人员2、app与小程序之间的区别是什么？小程序可以理解为app的一个功能分支，它要基于相应的app才能运行。3、小程序的优势与劣势是什么？优势： 方便，体积小，成本低。劣势： 体积小，样式单一，性能相对原生的app来说，会差一些。4、小程序默认的项目结...
2019-12-02 21:31:26
264
原创 解决报错：NavigationDuplicated {_name NavigationDuplicated, name NavigationDuplicated}
问题：点击同一个路由会报错，但不影响使用，报错如下：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dwCjbAEo-1573565341043)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\1572059272584.png)]解决办法：import VueRouter fr...
2019-11-12 21:29:59
504
原创 移动端遇到的问题
项目中头部为公共结构样式，右侧都有个返回按钮，但在首页面上需要隐藏解决方法：<span slot="left" icon="left-arrow" @click="goBack()" v-show="!(path ==='/home')">返回</span> data() { return { path: '' } ...
2019-11-12 21:29:20
104
原创 Vuex
Vuex概述vuex是实现组件全局状态(数据)管理的一种机制，可以方便的实现组件之间数据的共享。使用Vuex管理数据的好处：A. 能够在vuex中集中管理共享的数据，便于开发和后期进行维护B. 能够高效的实现组件之间的数据共享，提高开发效率C. 存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新Vuex的基本使用安装vuex依赖包npm i vuex ...
2019-11-12 21:28:25
134
原创 调用接口
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函...
2019-11-12 21:28:00
90
原创 前端模块化
1.模块化的分类A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为：Require.js 2).CMD(Common Module Definition,通用模块定义) 代表产品为：Sea.jsB.服务器端的模块化 服务器端的模块化规范是使用CommonJS规范： 1...
2019-11-12 21:27:22
112
原创 webpack
webpack1.webpack的概念webpack是一个流行的前端项目构建工具(打包工具)，可以解决目前web开发的困境。webpack提供了模块化支持，代码压缩混淆，解决js兼容问题，性能优化等特性，提高了开发效率和项目的可维护性2.webpack的基本使A.创建项目目录并初始化创建项目，并打开项目所在目录的终端，输入命令： npm init -yB.创建首页及js文件...
2019-11-12 21:26:35
122
原创 Vue脚手架
Vue脚手架的基本用法Vue脚手架可以快速生成Vue项目基础的架构。其官网地址为：https://cli.vuejs.org/zh/使用步骤：A.安装3.x版本的Vue脚手架： npm install -g @vue/cliB.基于3.x版本的脚手架创建Vue项目： 1).使用命令创建Vue项目 命令：vue create my-project ...
2019-11-12 21:25:54
491
原创 Vue单文件组件
单文件组件的组成结构tamplate 组建的模板区域script 业务逻辑区域style 样式区域代码如下：//建一个App.vue单文件<template> 组件代码区域</template>// js代码区域<script>export default { data() { return {}; }, meth...
2019-11-12 21:25:24
87
原创 Vue-Router路由
路由的基本概念与原理后端路由概念：本质：SPA单页面应用程序前端路由概念：根据不同的用户事件，显示不同的页面内容本质：用户事件与事件处理函数之间的对应关系Vue Router的使用步骤(★★★)是 Vue.js 官方的路由器管理。基本使用步骤：A.导入js文件<script src="lib/vue_2.5.22.js"></script>...
2019-11-12 21:24:49
170
原创 vue组件
day03组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素，封装可重用的代组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件...
2019-11-12 21:23:11
130
原创 vue常用特性
day02Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就...
2019-11-12 21:22:21
125
原创 vue指令
Vue 是什么？国产框架Vue：渐进式JavaScript框架官网：http://cn.vuejs.org/v2/guide/易用：熟悉HTML、CSS、JavaScript知识后，可以快速上手Vue灵活：在一个库和一套完整框架之间自如伸缩高效：20KB运行大小，超快虚拟DOM指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现...
2019-11-12 21:21:03
80
原创 如何实现图片上传功能
实现图片上传功能需求：选择图片头像，将所选头像图片展示在页面上并将地址保存在隐藏域中，再发送ajax创建代码：/ 当用户选择文件的时候$('#avatar').on('change', function() { // 用户选择到的文件 // this.files[0] var formData = new FormData(); formData.append('avatar', ...
2019-10-14 10:11:28
996
原创 如何获取地址栏的id (参数)
获取地址栏的id需求：获取到地址栏传递过来的id值代码：方法一：(需要兼容性好)//创建URLSeachParams对象，使用对象来获取地址栏的参数 var temp = new URLSearchParams(location.search); var id = temp.get('id'); // console.log(id);方法二：(函数封装)//从...
2019-10-13 20:01:07
3492
原创 项目中如何做登录拦截功能
拦截功能需求：当在login.html页面时未登录账号，不能实现在地址栏输入地址进行跳转接口：解决方法：在每个html页面最上面写上如下代码代码：<script src="/login/status"></script> //登录状态的请求地址<script> //如果用户没有登录，就跳转到登录页面，要求用户登录 if (!isLo...
2019-10-11 20:33:07
850
原创 day02_jQuery
day02 - jQuery学习目标：能够操作 jQuery 属性能够操作 jQuery 元素能够操作 jQuery 元素尺寸、位置1.1. jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ;1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如 元素里面的 href ，比如...
2019-10-09 17:28:34
118
原创 day01_jQuery
day01 - jQuery1.1. jQuery 介绍1.1.1 JavaScript 库 JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放...
2019-10-09 17:15:48
97
原创 ajax封装代码
ajax的函数封装完整版，了解原理看得懂即可 function ajax (options) { // 存储的是默认值 var defaults = { type: 'get', url: '', data: {}, header: { 'Content-Type': 'application/x-www-form-urlencoded'...
2019-09-24 20:08:14
663
原创 Ajax(一)：ajax基础使用
Ajax基础Ajax的作用和特点作用：在前端网页发送请求获取后台服务器的数据特点：异步请求(不会刷新页面)，局部刷新Ajax的应用场景页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表Ajax的运行环境Ajax技术需要运行在网站环境中才能生效Ajax运行原理及实现Ajax运行原理Ajax 相当于浏览器发送请求与接收响应的代理...
2019-09-24 19:53:20
229
原创 JavaScript基础第04天笔记
JavaScript基础第04天笔记1 - 数组1.1 数组的概念数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组JS 中创建数组有两种方式：利用 new 创建数组var 数组名 = new Array() ；...
2019-09-07 12:38:46
73
原创 JavaScript基础第05天笔记
JavaScript基础第05天笔记1 - 作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域（函数作用域）1.2 全局作用域作用于所有代码执行的环...
2019-09-07 12:37:57
66
原创 JS高级第四天---正则表达式
1.正则表达式概述是一个对象，用来匹配字符串的规则主要作用：匹配替换提取2.正则表达式在JS中使用2.1 正则表达式的创建通过 RegExp对象来创建 正则表达式var regexp = new RegExp(正则表达式，模式);console.log(regexp);这种方法用的少利用字面量创建 正则表达式var rg = /123/;一般都使用...
2019-09-07 12:34:42
113
原创 JS高级第三天
1.函数的定义和调用1.1 函数的定义方式自定义函数 (命名函数)function fn(){}函数表达式 (匿名函数)var fn = function(){} 利用 new Function(‘参数1’，‘参数2’,‘函数体’);比较麻烦，用的比较少所有函数都是 Function 的实例(对象)函数也属于对...
2019-09-07 12:33:53
69
原创 JavaScript基础第06天笔记
JavaScript基础第06天笔记1 - 内置对象1.1 内置对象 JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方...
2019-09-05 21:51:40
151
原创 JS高级第二天
1.构造函数和原型1.1 在ES6之前，是没有类的，是用构造函数来定义的创建对象可以通过以下三种方式：对象字面量var obj1 = {};new Object() var obj2 = new Object();自定义构造函数function Person(name,age){ this.name = name; this.age = age;}var...
2019-09-04 20:12:57
117
原创 JS高级第一天
1.面向过程编程介绍1.2面向过程编程 POP面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了1.3面向对象编程 OOP(Object Oriented Programming)面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。 面向对象的特性：封装性继承性抽象性(多态)1.4面向过程和面向对象的...
2019-09-02 16:29:00
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人