- 博客(31)
- 收藏
- 关注
RSS订阅
原创 原生JavaScript常用数组/字符串方法与遍历
数组方法数组常用方法改变数组自身方法push() 数组末尾添加n项/ pop()数组末尾移除一项 *****shift() / unshift()reserve() 数组反向排序 / sort() 数组正向排序(仅适用于一元数组)splice(index,removelength,[ele,ele1…]) 删除/插入/替换 *****不改变数组自身方法join(‘...
2019-06-22 13:10:05
318
转载 动态组件中Vue提供的is属性和keep-alive高性能组件
动态组件什么是动态组件？可以改变的组件使用通过 Vue 提供了一个 component + is 属性动态组件指的就是 component这个组件案例<div id="app"> <button @click = "change"> 切换 </button> <keep-alive include=""> ...
2019-08-05 09:56:35
166
原创 动态组件切换及其Vue提供的is属性和keep-alive高性能组件
动态组件什么是动态组件？可以改变的组件使用通过 Vue 提供了一个 component + is 属性动态组件指的就是 component这个组件案例<div id="app"> <button @click = "change"> 切换 </button> <keep-alive include=""> ...
2019-08-05 09:52:38
238
原创 Vue中两大特性指令和组件创建流程
指令 – 用来操作dom组件 – 组件是html css js 等的一个聚合体为什么要使用组件？组件化将一个具备完整功能的项目的一部分进行多处使用加快项目的进度可以进行项目的复用要想实现组件化，那么我们使用的这一部分就必须是完整的，我们把这个完整的整体就称之为组件插件： index.html img css js如果能将 html css js img...
2019-07-03 17:17:18
234
转载 简单理解token机制
人人都是产品经理百家号17-12-1520:15在简单理解cookie/session机制这篇文章中，简要阐述了cookie和session的原理。本文将要简单阐述另一个同cookie/session同样重要的技术术语：token。什么是tokentoken的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个...
2019-07-02 09:05:08
273
转载 npm的命令参数 --save-dev和 --save两者有什么区别
我们在安装npm包的时候经常会遇到 --save-dev 和 --save 这两个命令参数，两个命令都是往package.json文件里写入信息，两者有什么区别呢？–save 会把依赖包名称添加到 package.json 的 dependencies 键下，而 --save-dev 会添加到 devDependencies 键下。dependencies 是运行时的依赖，而devDe...
2019-07-01 20:06:04
214
转载 删除node_modules文件夹
方法一：npm install rimraf -grimraf node_modules方法二：rmdir /s/q your_app_dir方法三：rm -f /node_modules
2019-07-01 19:37:45
276
转载 WebPack npm --save-dev --save | -D -S区别
-S：--save的简写，等同于npm run start 只需输入npm start，这两个效果是一样的。-D：--sav...
2019-07-01 16:34:17
455
原创 Vue之cli安装
四、cli （ 王者 ）什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpackcli目前有哪些版本？cli2 cli3cli3对电脑的配置有一定要求cli如何使用？cli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3的版本如果我们还想使用cli...
2019-06-30 21:48:08
344
转载 JS中的原型和原型链（图解）
JS中的原型和原型链讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键：1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。2、所有的引用类型都有一个’_ _ proto_ _'属性(也叫隐式原型，它是一个普通的对象)。3、所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。4、所有引用类型，它的...
2019-06-30 21:09:43
152
原创 Vue中事件高级用法 （ 修饰符 ）
事件高级用法 （ 修饰符 ）修饰符的由来业务： 阻止事件冒泡这是我们需要在我们的事件处理程序中添加阻止事件冒泡行为,但是我们发现，e.stopPropagation() 我们书写了三次，总结： 这么书写会导致代码重复，浪费性能new Vue({ el: '#app', methods: { bigHandler ( e ) { ...
2019-06-29 18:53:01
469
1
原创 Vue中数据双向绑定原理王者级附带青铜级mixins组件混入
原理（ 王者 ）数据驱动当数据发生改变时，视图也会进行更新，这叫做数据驱动，也就是数据驱动视图深入响应式原理数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新双向数据绑定原理当我们使用 v-model 指令绑定了表单元素时，那么我们可以在视图直接获得数据，当视图发生改变时，数据也会进行更新综上： 三者都是应用了同一个底层原理，这个底层原理由es5的...
2019-06-29 18:41:19
377
原创 Vue中watch侦听器&&computed计算属性以及 methods用法(核心)
watch作用用来监听data中定义的数据，当data中定义的数据发生了变化，那么watch中的key就会触发watch是一个对象watch: {}watch中可以设置多个类型的键值使用方式（ 重点 ）方法<div id="app"><div class="container"> <div class="row"> &l...
2019-06-29 18:25:47
447
原创 Vue基本指令v-for,v-show/if,v-else/else-if,v-bind,v-on以及综合业务
mutache 语法糖基础模板语法v-forv-for数组 v-for = " (item,index) in arr " item是arr中每一个元素对象 v-for = "(item,key,index) in obj " item是obj的属性值json类型数据嵌套类型数据key:给没一个循环的列表添加一个唯一的标识使用指...
2019-06-29 16:52:42
498
原创 swiper和自定义指令
swiper作用： 用来实现移动端，pc端滑动操作swiper是一个第三方的库学习 swiper 官网文档 https://www.swiper.com.cn/ <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper...
2019-06-27 22:07:25
781
转载 yarn命令入门
npm 的方式npm install -g yarn关于安装更多的详情，你可以访问官网链接：https://yarnpkg.com/en/docs/install安装完成后，你可以测试下自己的版本yarn --version开始使用我们新建一个文件夹yarn测试下输入命令:yarn init一路enter下去就行然后我们试着加一些依赖：...
2019-06-27 17:39:37
328
原创 Vue生命周期过程详解
生命周期 （ 王者 ）什么是生命周期？vue中的生命周期指的是 组件 从创建到销毁一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（ 这些方法具备一些功能），我们给这些方法起了个名字叫做（ 生命周期钩子函数/ 组件钩子 ）为什么要学习生命周期？因为我们想在生命周期钩子中实现项目功能，那么我们必须知道每一个钩子函数的具体用途这个生命周期是谁的生命周期？组件项目中...
2019-06-27 16:33:31
922
原创 Vue过渡效果 && 动画
使用形式在 CSS 过渡和动画中自动应用 class <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <script src="../../Vue@2.6.10.js">&l...
2019-06-26 21:22:50
188
原创 Vue过滤器(局部和全局过滤)
过滤器什么是过滤器？用来格式化数据的一个函数 例如: $ 10 ‘$’ + price 日期的格式化Vue 1.x 版本借鉴了 angular , 提供 10 个过滤器， 包括有： 日期 小数点位数保留 货币 大小写 等Vue 2.x 废弃了这 10个过滤器，但是它提供了自定义过滤器的方式使用方式全局定义过滤器 <p> ...
2019-06-26 19:28:49
1495
原创 Vue中slot 插槽（新旧版本）
slot 插槽作用/概念: 预先将将来要使用的内容进行保留具名插槽： 给slot起个名字slot 作用域插槽旧： slot-scope使用流程在组件的模板中书写slot插槽，并将当前组件的数据通过 v-bind 绑定在 slot标签上在组件使用时，通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据通过 slotProp.xxx 就可...
2019-06-26 11:36:35
538
原创 Vue组件通信
组件通信为什么要进行组件通信？组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信组件通信的方式有以下几种（ 王者级 ）父子组件通信使用props来实现子父组件通信自定义事件 自定义事件 1. 自定义的 通过 $on 定义 $emit触发 ...
2019-06-26 08:31:57
195
原创 虚拟dom && diff算法 （ 王者 ）
1. 虚拟dom是什么？简称vdom,它是一个Object对象模型，用来模拟真实dom节点的结构2. 虚拟dom的使用基本流程获取数据（ ajax fetch ）创建vdomvdom的由来？但是我们的网页结构一般都是很复杂的，这时我们使用vdom去模拟dom结构，发现vdom这个对象模型// 太大了，也长了，所以我们想，如果能在js中也能够书写 dom标签结构那就好...
2019-06-24 22:32:43
166
原创 fetch简介及其和axios区别
fetch ( javascript 原生提供 )fetch要手动进行一次数据格式化，但是axios是内部进行了数据的格式化fetch get 方法请求数据，参数要直接连接在url上fetch 格式化数据 有三种 处理方法.json() 格式化 json 类型数据， 将 json类型 string 转换成 json 对象.text() 格式化文本.blob() 格式化二进制数据...
2019-06-22 17:32:09
966
原创 axios总结
GET数据格式 (请求跨域请求线上数据 - 卖座) get_be_data(){ axios({ url: 'https://m.maizuo.com/gateway', headers: { ...
2019-06-21 21:59:23
205
原创 Vue初步认识，前端发展历史
htmlhtml [1990]----> html5 [2008.1.12]csscss 1.0 1996css 2.0 1998css 3.0 2001EcmaScript1997年诞生2015 EcmaScript 20152016 EcmaScript 2016 dart语言 vs javascript随着前端项目的逻辑越来越复杂和难以维护...
2019-06-21 19:54:27
1464
原创 npm 使用入门
官网:https://www.npmjs.com/安装：无需安装查看当前版本：$ npm -v更新：$ npm install npm@latest -g初始化工程$ npm init$ npm init --yes 默认配置安装包使用npm install会读取package.json文件来安装模块。安装的模块分为两类dependencies和devDepende...
2019-06-21 19:46:07
453
原创 前端的异步流程 （吃鸡王牌 农药王者 ）
前端的异步流程 （吃鸡王牌 农药王者 ）传统的原生异步回调函数事件使用异步流程工具（ 别人封装好的东西 ）(*****)es6 Promise Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise 所谓Promise ，简...
2019-06-21 19:36:15
470
原创 自定义第三方模块上传
@第三方模块思考： 我们是不是能将自己封装的自定义模块变成第三方模块？分析： 第三方模块具备的特性： 1. 有一定的功能 2. 存储在: http://www.npmjs.com 中解决： 自定义模块的上传（ http://www.npmjs.com ）创建package.json文件$ npm init -y在http://w...
2019-06-21 16:49:59
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人