2020 年 9月随笔档案 - wen22

git教程

摘要：git基础教程 Git基础教程 Git基础教程在日常工作中，经常会用到Git操作。但是对于新人来讲，刚上来对Git很陌生，操作起来也很懵逼。本文帮助理解Git的基本原理，掌握常用的一些命令。一、Git工作流程 image.png 以上包括一些简单而常用的命令，但是先不关心这些，先来了解下面这4个阅读全文

posted @ 2020-09-17 22:23 wen22 阅读(98) 评论(0) 推荐(0)

git介绍

摘要：git介绍 git总结（默认已将安装好了git）一、git是什么 git是目前世界上最先进的分布式版本控制系统版本控制：指对软件开发过程中各种程序代码、配置文件及说明文档等文件变更的管理，是软件配置管理的核心思想之一。集中式版本控制系统的版本库是集中存放在中央服务器的，而干活的时候，用的都是阅读全文

posted @ 2020-09-17 22:20 wen22 阅读(204) 评论(0) 推荐(0)

vue周测题

摘要：vue周测题 1、MVVM的理解 Model view viewmodel 2.vue中html上如何加载data中数据（列举三种）插值表达式、v-text、v-html 3、如何绑定属性和事件v-on@v-bind: 4、vue中常见的事件修饰符有哪些，分别是做什么的？.stop阻止冒泡.pr 阅读全文

posted @ 2020-09-14 20:37 wen22 阅读(195) 评论(0) 推荐(0)

webpack的使用

摘要：webpack的使用 1.2 静态资源多了带来的问题网页加载速度慢，因为我们要发起很多的二次请求要处理错综复杂的依赖关系 1.3 如何解决上述问题合并、压缩(gzip)、精灵图、图片的Base64编码可以使用webpack解决各个包之间的复杂依赖关系 1.4 什么是webpack web 阅读全文

posted @ 2020-09-14 20:13 wen22 阅读(98) 评论(0) 推荐(0)

监听事件，计算函数

摘要：监听器和计算属性监听器：作用：监听vue实例上的数据变化怎么用 new Vue({ watch:{ 要监听的变量(变化后的值,变化之前的值){ // 监听的变量一发生改变就会执行这里的方法 } } }) 监听路由的变化 new Vue({ watch:{ $route(变化后的值,变化之前的阅读全文

posted @ 2020-09-13 22:42 wen22 阅读(182) 评论(0) 推荐(0)

vue路由

摘要：Vue路由路由的概念后端路由：根据不同URL地址，服务端响应不同的资源。前端路由：针对于单页面应用来说，根据不同的地址，展示不同的界面，称之为前端路由。怎么使用路由引入路由的js 创建路由实例。 new VueRouter 配置地址和组件的映射关系。 routes 把路由实例挂载到vue上阅读全文

posted @ 2020-09-13 22:40 wen22 阅读(233) 评论(0) 推荐(0)

插槽

摘要：插槽属性的覆盖在引用子组件的时候，可以在标签上设置一些属性的，如id、name、class、style等这些属性会直接设置到组件的根标签上如果根标签上有重复的属性引用的时候设置的属性会覆盖之前的属性。对于class和style不会进行覆盖，而是进行合并操作如果想在组件中获取到父组件传递过阅读全文

posted @ 2020-09-10 23:13 wen22 阅读(143) 评论(0) 推荐(0)

VUE-组件

摘要：VUE-组件全局组件定义的三种方式使用Vue.extend配合Vue.component方法：varlogin=Vue.extend({template:'<h1>登录</h1>'});Vue.component('login',login);直接使用Vue.component方法：Vue.co 阅读全文

posted @ 2020-09-09 21:20 wen22 阅读(121) 评论(0) 推荐(0)

vue动画

摘要：vue动画使用过渡类名 <div id="app"> <input type="button" value="动起来" @click="myAnimate">  <transition name="fade"> <div v-s 阅读全文

posted @ 2020-09-09 21:07 wen22 阅读(137) 评论(0) 推荐(0)

vue生命周期和vue-resource

摘要：vue生命周期和vue-resource 生命周期：定义：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ vue生命周期详解： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文

posted @ 2020-09-09 13:27 wen22 阅读(228) 评论(0) 推荐(0)

vue过滤器和修饰符

摘要：vue过滤器和修饰符 1、过滤器 Vue.js允许你自定义过滤器，过滤器可以用在两个地方（1）mustache插值和 v-bind表达式添加在JavaScript表达式的尾部由“管道”符指示。作用：在我们页面显示值之前加一层过滤，展示我们过滤后的值。注意事项过滤器可以用在两个地方：双花括阅读全文

posted @ 2020-09-07 21:00 wen22 阅读(173) 评论(0) 推荐(0)

vue 经典案例

摘要：1、走马灯 <body> <div id='app'> <button @click="start">浪起来</button> <button @click="stop">低调</button> <h3>{{title}}</h3> </div> </body> <script> const vm 阅读全文

posted @ 2020-09-05 20:47 wen22 阅读(1185) 评论(0) 推荐(0)

vue初始

摘要：vue初识定义：Vue.js是一套构建用户界面的框架，只关注视图层 Vue.js是前端的主流框架之一，和Angular2+、React.js一起，并成为前端三大主流框架！优点： 1、使用框架，能够提高开发的效率 2、提高代码的维护性，提高效率 3、让用户不再操作DOM元素，解放了用户的双手，让程阅读全文

posted @ 2020-09-05 20:39 wen22 阅读(140) 评论(0) 推荐(0)

ES6练习题

摘要：ES6练习题考试题一、简答题 1、let、const、var定义变量的区别是什么？ let 块作用域没有变量提升不能重复声明属于顶层对象 const 声明常量，不能修改必须初始化块作用域没有变量提升不能重复声明属于顶层对象 var 没有块的概念可以夸块访问，但是不能跨函数访问阅读全文

posted @ 2020-09-04 19:25 wen22 阅读(2421) 评论(0) 推荐(0)

ES6模块化

摘要：ES6模块化创造原因：现在的web系统越来越庞大、复杂，需要团队分工，多人协作，大型系统的javascript文件经常存在复杂的依赖关系，后期的维护成本会越来越高。 JavaScript模块化正式为了解决这一需求而诞生。环境配置：目前浏览器不支持ES6模块化的语法，所以我们在node里进行测试阅读全文

posted @ 2020-09-03 21:12 wen22 阅读(150) 评论(0) 推荐(0)

ES6类

摘要：ES6类定义： class Animal { //构造函数，创建这个类时会执行的函数 constructor(color){ //this当前对象 console.log("构造") this.color=color } } const myCat = new Animal("白"); conso 阅读全文

posted @ 2020-09-03 20:58 wen22 阅读(119) 评论(0) 推荐(0)

set/weakset map/weakset

摘要：set/weakset map/weakset set用法定义：是ES6的一种新的数据结构及（值的集合） Set跟其他数据结构不同的地方就在于：它的值不会有重复项。（1）使用： let set = new Set([13,3,4,5]) set.add(3)// add添加元素 // 获取set 阅读全文

posted @ 2020-09-03 20:51 wen22 阅读(272) 评论(0) 推荐(0)

async/await语法

摘要：async/await语法这是ES7的语法，它是基于generator函数做的语法（常用） async function 函数名（）{ let obj = await getName() return obj } 函数名().then(res=>{ //得到函数的返回值 }) 阅读全文

posted @ 2020-09-03 20:07 wen22 阅读(152) 评论(0) 推荐(0)

generator生成器函数

摘要：generator生成器函数定义： function后面加了* 函数体里有 yield关键字 function* Hello(name) { yield `hello${name}`; yield `how are you`; yield `bye`; } 表现形式调用这个函数，不会立即执行函数阅读全文

posted @ 2020-09-03 20:02 wen22 阅读(121) 评论(0) 推荐(0)

数组练习

摘要：数组练习 const list = [{ id: 1, name: "刘备" }, { id: 2, name: "关羽" }, { id: 3, name: "张飞" }, { id: 9, name: "孙权" }, { id: 4, name: "诸葛亮" }, { id: 6, name: 阅读全文

posted @ 2020-09-02 21:26 wen22 阅读(103) 评论(0) 推荐(0)

解决异步（重点promise函数）

摘要：解决异步（重点promise函数） 1. 回调函数的方式 function func(callback){ setTimeout(()=>{ callback("异步数据") },1000) } func(function (res){ console.log(res) }) 2. 通过Promis 阅读全文

posted @ 2020-09-02 21:10 wen22 阅读(437) 评论(0) 推荐(0)

iterator遍历器

摘要：iterator遍历器 1、数组默认实现了迭代器，所以可以通过for of遍历 2、对象没有实现迭代器，所以不能通过for of 遍历 3、Array[Symbol.iterator] 对应是一个函数，这个函数返回一个对象，对象中有个next方法，next方法返回一个对象{value:"",done 阅读全文

posted @ 2020-09-02 20:58 wen22 阅读(241) 评论(0) 推荐(0)

各种遍历方法（重点for....of）

摘要：各种遍历方法（重点for....of） 1、普通传统的遍历 let arr = [1,2,3,4,5]; //普通遍历方法 for(let i=0;i<arr.length;i++){ console.log(arr[i]); } 2、foEach()参数第一个值，第二个索引 arr.forEach 阅读全文

posted @ 2020-09-02 20:50 wen22 阅读(828) 评论(0) 推荐(0)

ES6代理proxy

摘要：ES6代理 1、proxy的实现 let my = { location : "市区", housePrice : 20000 } //在我们获取数据前进行处理；//参数第一要代理的对象第二处理函数 let intermediaryAgent = new Proxy(my,{ //get函数阅读全文

posted @ 2020-09-02 20:39 wen22 阅读(191) 评论(0) 推荐(0)

Symbol新数据类型

摘要：Symbol新数据类型 symbol解决了重命名的问题，解决对象的属性名冲突。描述信息每个Symbol都是独一无二的通过遍历是获取不到symbol 使用 Object.getOwnPropertySymbols let name2 = Symbol("name"); let age = Sy 阅读全文

posted @ 2020-09-02 20:10 wen22 阅读(123) 评论(0) 推荐(0)

函数（rest 箭头）

摘要：函数（rest 箭头） 1、参数的默认值传统方式： function fn (n,a) { var name = n||''; var age = a||18||''; if(name){ console.log(name); } } ES6新方式： function fn1 (a,n='zs') 阅读全文

posted @ 2020-09-01 17:08 wen22 阅读(408) 评论(0) 推荐(0)

公告