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