自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 React总结

React:一切皆组件事件传参箭头函数传参非箭头函数传参受控组件与非受控组件第三方实例化react路由 【 王者 】路由 - 》 实现单页面应用( SPA single page application )React router 市面上版本React router 3.xReact router 4.x [ 5.x ]不同之处: React rout...

2019-09-04 21:54:20 214

原创 vue列表循环的非响应式情况

html: <div id="app"> <button @click="modifyFirst">修改为休息</button> <ul> <li v-for="item in todos" :key="item.id"> <p>{{it...

2019-08-01 21:33:17 214

原创 对象的合并

对象的合并:方案一:Object.assign({},obj1,obj2)方案二:Object.keys(obj)方案三:Object.values(obj)

2019-08-01 21:22:16 121

原创 vue与组件通讯(下)

一、 slot:作用:开辟一个空间给未来的元素使用 (未来的元素:组件的内容)2.5 slot slot-scope具名插槽slot-scope2.6 v-slot二、. 组件的生命周期我们想要使用组件,那么就得在组件的特定阶段完成特点的任务 【 特定时间点,完成特点任务 】名词: 钩子: 【 姜太公钓鱼,愿者上钩 】 机遇特...

2019-08-01 21:16:58 98

原创 解决vue-swiper的banner无法滑动现象

css代码<style> .swiper-container { width: 600px; height: 300px; }</style>html代码 <div id="app"> <input type="text" v-model="num"> <div class="swiper-co...

2019-07-31 21:43:52 2282

原创 vue与组件通信(上)

一、组件Vue有两大核心内容指令组件什么是组件化?(为什么要用组件)为了避免多人开发造成的冲突为了加快开发效率为了便利更新与维护组件化:就是使用具有独立功能的一个整体【组件】来进行项目开发的一个趋势什么是组件组件是一个html、css、js、img等的一个聚合体在Vue中使用了一个叫做单文件组件的技术来实现组件 xxx.vue–经过编译才能运行Vue里面怎么使...

2019-07-30 21:56:32 73

转载 前端必备HTTP技能之HTTP请求头响应头中常用字段详解

作为一名前端开发人员,肯定少不了要和网络打交道,因为要从服务器端拉取数据,从服务端获取数据最常用的方式还是通过HTTP请求。给服务器发请求的时候有请求头,接受服务器响应的时候有响应头,客户端和服务器端互相沟通需要的信息都是通过这些“头”来传送,这些信息是一些类似key:value的键值对。了解这些“头”中字段的含义对于理解整个请求过程有很大的帮助。这里列举了常用的“头”字段的解释以及例子,本文可以...

2019-07-29 17:26:17 2650

转载 csdn博客中字体设置(颜色、大小、背景色),加粗,斜体

CSDN编辑器markdown字体、颜色与字号的设置 - Richard_Cai - CSDN博客https://blog.csdn.net/cai2016/article/details/53730962Markdown文字加粗与斜体以及换行 - 简书https://www.jianshu.com/p/59b2e251be2c...

2019-07-29 11:39:04 527

转载 读懂diff

作者: 阮一峰日期: 2012年8月29日diff是Unix系统的一个很重要的工具程序。它用来比较两个文本文件的差异,是代码版本管理的基石之一。你在命令行下,输入:$ diff <变动前的文件> <变动后的文件>diff就会告诉你,这两个文件有何差异。它的显示结果不太好懂,下面我就来说明,如何读懂diff。一、diff的三种格式由于历史原因,diff...

2019-07-29 11:34:34 117

转载 JS六种继承方式

JavaScript 常见的六种继承方式面向对象编程很重要的一个方面,就是对象的继承。A 对象通过继承 B 对象,就能直接拥有 B 对象的所有属性和方法。这对于代码的复用是非常有用的。大部分面向对象的编程语言,都是通过“类”(class)实现对象的继承。传统上,JavaScript 语言的继承不通过 class(ES6 引入了class 语法),而是通过“原型对象”(prototype)实现。...

2019-07-29 11:21:27 97

转载 深入Vue2.x的虚拟DOM diff原理

作者简介:汪玉林,高级工程师,增值产品部前端Leader,目前团队负责手Q游戏中心、手Q游戏运营、手Q阅读等项目,有丰富的Web前端架构经验。一、前言Vue的核心是双向绑定和虚拟DOM(下文我们简称为vdom),关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》,vdom是树状结构,其节点为vnode,vnode和浏览器DOM中的Node一一对应,通过vnode的e...

2019-07-29 11:19:06 85

转载 Vue 虚拟DOM 和 Diff算法

Vue 虚拟DOM 和 Diff算法vue2.0加入了virtual dom,有点向react靠拢的意思。vue的diff位于patch.js文件中,复杂度为O(n)。 了解diff过程,我们先从虚拟dom开始。虚拟dom所谓的virtual dom,也就是虚拟节点。它通过JS的Object对象模拟DOM中的节点,然后再通过特定的render方法将其渲染成真实的DOM节点 dom diff ...

2019-07-29 10:54:07 184

转载 Promise 的基础用法

Promise 的含义Promise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件--更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了语法,原生提供了Promise所谓Promise ,简单说就是一个容器,里面保存着某个未来才回结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise 对象的...

2019-07-17 22:20:18 73

原创 Node.js模块

commonjs规范前端模块化:AMD,CMD,CommonjsNode 应用由模块组成,采用 CommonJS 模块规范。定义module每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。暴露接口CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即module.exp...

2019-07-16 21:30:41 65

转载 什么是node?

1.Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境2.Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效事件驱动: 任务执行,发布者,订阅者,事件驱动 ( on emit )非阻塞: 执行某一个任务的同时也可以执行其他任务阻塞: 执行某一个任务,这个任务如果没有执行完成,其他任务必须等待同步: 上一个任务结束之后,...

2019-07-15 21:14:04 203

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除