05 2020 档案

递归组件与vue路由
摘要：递归：函数自己调用自己 //递归可以将复杂的问题简化 //递归特征：必须有一个能结束递归的条件 例如： 1.阶乘 function jiecheng(n) { if(n 1) return 1; return n * jiecheng(n-1) } 2.fibonaci数列 function fib 阅读全文
posted @ 2020-05-29 20:06 Akby 阅读(790) 评论(0) 推荐(0)
过滤器和自定义指令等...
摘要：Vue过滤器和自定义指令 Vue过滤器： 怎么理解：将后台返回的数据换一种形式输出，不改变原来的数据 应用场景:后台返回的状态码（性别，支付状态），商品价格 面试时：最后你再说如何使用，例如：有全局的，局部过虑器 全局过滤器 Vue.filter('过滤器',对应的过滤器函数) 例如： Vue.fi 阅读全文
posted @ 2020-05-28 19:20 Akby 阅读(175) 评论(0) 推荐(0)
组件封装和通讯的方法
摘要：vue组件的定义 ● 组件(Component)是Vue.js最强大的功能之一 ● 组件可以扩展HTML元素，封装可重用代码 ● 在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能 ● 有些情况下，组件也可以表现用 is 特性进行了扩展的原生的HTML元素 ● 所有的Vue组件同时 阅读全文
posted @ 2020-05-27 18:50 Akby 阅读(251) 评论(0) 推荐(0)
vue组件通讯
摘要：一、你对组件化的理解 ，组件树 参考：https://cn.vuejs.org/v2/guide/components.html 二、 vue组件通讯：组件之间数据是怎么传递的 父子通讯： 父->子：props 在子组件中通过props接收： props:[]或{} 通常接收时通过 { } 来接收父 阅读全文
posted @ 2020-05-24 14:16 Akby 阅读(159) 评论(0) 推荐(0)
vue 3.x （四）
摘要：vuex复习 一、vue-devtools vue-devtools 国内chrome插件下载地址：https://crxdl.com/ (不用FQ) 二、vuex vuex是什么：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态（面试中：vu 阅读全文
posted @ 2020-05-21 18:42 Akby 阅读(303) 评论(0) 推荐(0)
vue 3.x （三）
摘要：环境地址切换： 一、环境切换简介： ​ 听过录音，你肯定听说过你的项目有多个接口，开发时，如何进行接口地址的切换或管理？ 接口开发环境： ​ 1.本地环境: npm run serve 自动走测试接口：https://test.365msmk.com/ ​ 2.测试环境 https://test.3 阅读全文
posted @ 2020-05-20 19:05 Akby 阅读(219) 评论(0) 推荐(0)
vue 3.x （二）
摘要：vue路由 vue路由主要用于实现单页应用（SPA） vue路由模式：history,hash(默认) 路由懒加载（让组件按需加载） 例如： const Home = () => import('组件路径'); const Shopping = () => import('../views/shop 阅读全文
posted @ 2020-05-19 18:53 Akby 阅读(201) 评论(0) 推荐(0)
vue 3.x（一）
摘要：vue版本情况 vue最新版本：2.6 vue-cli:最新4.x vue-devtools:5.3.3 二、统一用vue-cli 3.x脚手架写项目 vue-cli官网：https://cli.vuejs.org/zh/ 安装vue-cli npm install -g @vue/cli 创建项目 阅读全文
posted @ 2020-05-18 18:03 Akby 阅读(329) 评论(0) 推荐(0)
webpack集成ts（typescript）
摘要：typscript是什么？ Typescript是一种基于静态类型检查的强类型语言 弱类型：javaScript是动态运行的弱类型语言，例如： var a=1; a='hello' 强类型 列如： let str: string = 'hello ts'; str=1下面会给你显示：不能将类型“99 阅读全文
posted @ 2020-05-16 19:49 Akby 阅读(3203) 评论(0) 推荐(0)
class类和import,export，原型，原型链
摘要：ES6 Class 类 概念： 在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。 class 的本质是 function。 它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。 类表达式可以为匿名或命名。 // 匿名类 let Exampl 阅读全文
posted @ 2020-05-14 13:01 Akby 阅读(565) 评论(0) 推荐(0)
es6 数组和字符串的扩展方法
摘要：字符串：主要新增了模板字符串 数组新增方法： Array.from:将类数组或迭代对象转换成数组 类数组和数组的相同点： 可以通过下标来访问，并且可以通过.length来获取类数组的元素个数 类数组和数组的区别： 类数组不能使用数组的各种api方法，数组没有问题 如何将一个类数组转换成数组？ 第一种 阅读全文
posted @ 2020-05-13 11:06 Akby 阅读(2521) 评论(0) 推荐(0)
pormise封装ajax（简单封装）
摘要：先创建一个js文件然后开始封装ajax： function ajax(url,mehtod='get',data){ return new Promise((resolve,reject)=>{ // 创建ajax对象 //兼容问题 if(window.XMLHttpRequest){ var xh 阅读全文
posted @ 2020-05-12 11:24 Akby 阅读(331) 评论(0) 推荐(0)
JS 二
摘要：常用 ES2015(简称：ES6) let和const: let：定义变量 * let和var的区别 * 1.var可以重复定义，let不可以重复定义 * 2. var有变量提升，let没有变量提升 （也可以叫预解析） * 3. var没有块级作用域,let有块级作用域 */ const :定义常量 阅读全文
posted @ 2020-05-11 20:32 Akby 阅读(123) 评论(0) 推荐(0)
JS
摘要：JS简介及知识体系： JavaScript包括三部分：EcmaScript（ES）,DOM,BOM EcmaScript:JS核心语法 var,if,for,Array,String,RegExp,数据类型 Ecma组织下的TC39委员会制定的 ES1.0 1997年发布 ES2.0 1998年发布 阅读全文
posted @ 2020-05-11 19:48 Akby 阅读(119) 评论(0) 推荐(0)
webpack结合vue搭建开发环境
摘要：基于vue的脚手架确实为我们简化了开发流程，统一了项目目录规范，现在我们自己基于前面的webpack配置，搭建一个基于vue的开发环境，这是一个渐进的过程 那与vue集成需要哪些关键要素呢？ 1、安装babel环境（因为vue基于ES6+来开发的） 2、集成.vue文件的(由vue作者开发的单文件组 阅读全文
posted @ 2020-05-09 21:38 Akby 阅读(850) 评论(0) 推荐(0)
webpack环境搭建
摘要：1. webpack是什么? webpack是一款模块化及打包构建工具（支持ES6 modules,AMD,CommonJS等规范） 2. 之前用什么来替代webpack 在webpack出现以前，前端开发者们用sea.js,require.js来实现模块化 并且在webpack出现之前端开发者主要 阅读全文
posted @ 2020-05-08 19:41 Akby 阅读(233) 评论(0) 推荐(0)
小程序分析
摘要：封装登录功能：模板复用方式 通过 wxlogin（布尔值）状态来处理是否登录，以及显示和隐藏 检测登录状态的方法 一、 登录： 允许授权： //处理允许登录的功能 processLogin(e) { console.log('点击允许获取用户信息：',e) if (!e.detail.userInf 阅读全文
posted @ 2020-05-07 22:20 Akby 阅读(270) 评论(0) 推荐(0)
面试题划“重点”
摘要：人资问题 1.自我介绍 2.项目介绍 3.为什么要离职 4.学历，年龄 5.兴趣，爱好，抗压力 6.公司薪资构成， 7.公司团队构成 8.项目流程 技术问题 H5,CSS,JS 分析： H5新增标签，H5新增的API,H5如何在IE低版本上兼容，（html5shiv.js） CSS: css权重 c 阅读全文
posted @ 2020-05-07 19:57 Akby 阅读(122) 评论(0) 推荐(0)
微信小程序的api使用和封装
摘要：小程序登录 天使童装 1.微信授权 通过wx.login()获取code值，只是一个临时凭证 通过code利用wx.request调用小程序登录接口来换取token,代码如下： wx.login({ success(res) { console.log('wx.login:',res) let {c 阅读全文
posted @ 2020-05-06 19:56 Akby 阅读(1178) 评论(0) 推荐(0)
css3实现一个过渡效果
摘要：代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http 阅读全文
posted @ 2020-05-02 21:47 Akby 阅读(318) 评论(0) 推荐(0)
如何用css3实现一个扇形？
摘要：思路跟画实体三角形一个道理,只不过多了一个圆角属性 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init 阅读全文
posted @ 2020-05-02 21:45 Akby 阅读(1179) 评论(0) 推荐(0)