自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue的自定义组件插件过渡动画等

文章目录Vue列表循环非响应式情况自定义指令混入 mixin异步组件自定义插件过渡和动画Vue项目的快速构建工具 cliVue列表循环非响应式情况数组的length无法响应,就算length为零,dom还是存在解决:使用arr=null; arr.splice(0)当你利用索引直接设置一个数组项比如 vm.items[index]=newValue这样的情况就无法响应,无法更改要更改...

2019-08-01 20:30:59 626

原创 Vue的插槽 生命周期以及过滤器

文章目录Vue的插槽slot 具名插槽slot 作用域插槽v-slot插槽Vue生命周期swiper 第三方类库(轮播图)过滤器Vue的插槽slot 具名插槽 类比: 游戏卡的游戏机 作用: 开辟一个空间,给未来的元素使用 名词解释: 未来元素: 组件的内容 思考: 组件的内容、会被模板覆盖,但是我想要将这个内容保留下来怎么...

2019-07-31 21:12:36 608

原创 虚拟DOM和diff算法

文章目录虚拟DOM和diff算法什么叫虚拟DOM传统DOM和虚拟DOM操作的区别简单的dufffetch模拟数据实现方式?深入响应式原理 【 数据驱动原理/ 双向数据绑定原理 】虚拟DOM和diff算法什么叫虚拟DOM虚拟DOM是在DOM的基础上在内存建立了一个抽象层,对数据和状态所做的任何改动,都会被自动且高效的同步到虚拟DOM,最后再批量同步到DOM中传统DOM和虚拟DOM操作的区别...

2019-07-29 21:18:10 202

转载 读懂diff(转载)

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

2019-07-29 11:01:43 104

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

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

2019-07-29 10:57:56 126 1

原创 Vue 指令

vue指令文章目录vue指令v-bind 样式绑定 - 对象 写法v-bind 样式绑定 -数组写法v-bind 类名绑定 -数组写法v-bind 类名绑定 -对象写法推荐使用写法引申写法这种写法类名不会覆盖v-bind单向数据绑定双向数据绑定单向实现双向效果事件有几种绑定形式事件修饰符按键修饰符模板语法(双大括号语法)计算属性watch 侦听属性v-bind 样式绑定 - 对象 写法&lt...

2019-07-25 21:25:01 198

原创 初识Vue

文章目录Vue.js认识Vue.jsVue是一个渐进式的javascript框架渐进式 【 越学越难 】Vue的作者是 尤雨溪Vue是一个个人项目 【 React是facebook的团队项目 】Vue是一个MVVM框架 【 MVVM是MVC的衍生架构 】扩展: 司徒正美 avonlon.js 也是MVVM框架,也是个人项目Vue是一个单项数据流的框架Vue版本发布的时间Vue...

2019-07-25 19:55:21 241

原创 express项目改造 + 数据库操作

文章目录express项目改造 + 数据库操作技术栈○ express○ Node○ ejs○ MongoDB○ mongoose○ Common.js○ restful api○ Promise + async 函数数据库的增删改查增 add ( data ) { // 做数据库操作 , 添加一条数据进入数据库 // 4. 创建实体 【 实例化模型得到实体...

2019-07-23 22:02:34 259

原创 关于express+mongodb项目的一些改造(部分)

文章目录express项目改造MVC(以拉勾网职位为例)拉勾网接口:https://m.lagou.com/listmore.json?pageNo=1&pageSize=20MVC改造,即分离数据M,视图V,逻辑C(控制器)建立项目express -e mongoose_demo,并安装项目依赖 npm i增删改查 CRUD 是指在做计算处理时的增加(Create)、读取(...

2019-07-22 21:36:50 92

原创 关于前端聊天室的简单搭建

文章目录Node.js框架 expresssocket通信案例Node.js框架 express简介 koa [ express 超集 ]目标:前端通信的聊天室● express前端框架○ 会搭建web服务器○ 会打搭建应用服务器[ api服务器 ]○ 改造 (架构思维改造一个基础项目 RMVC)○ RMVC: R:路由 M:Moudel 数据 V:view 识图 C:contro...

2019-07-18 21:09:39 1796

原创 前端异步的一些概念

文章目录如何上传自定义模块至npm?Node.js后端路由基本原理认识package.json前端的异步流程Promise函数Generator生成器函数asyncNode.js中的异步流程工具如何上传自定义模块至npm?1.首先上npm注册一个属于自己的账户2.注册完账户以后需要通过邮箱激活npm账户,否则无法正常上传3.在终端里切换nrm源,切换成npm源,taobao源会上传出问题...

2019-07-17 17:03:10 347

原创 关于流的一点点概念加一些杂碎的东西

文章目录什么是 Stream流什么是流?Node.js中为什么要有流这个概念?案例(打包压缩包)流程第三方模块一般第三方模块都是从npmjs.com网站获取;也有中文网http模块爬虫后端服务器的两种类型event 模块Node.js中 事件的发布+事件的订阅 表示一个任务的执行后端 api 服务器解决跨域的问题反向代理的基本原理什么是 Stream流什么是流?Node.js中为什么要有流这...

2019-07-16 17:00:16 108

原创 Nodejs

**客户端的JavaScript是怎样的什么是 JavaScript?+是一个脚本语言+运行在浏览器(浏览器的js解析内核 v8)+实现用户的交互 (interactive)变量 赋值 循环 逻辑 判断 分支 对象 函数。。。。dom 操作bom 操作ajaxJavaScript 的运行环境?+浏览器内核解析内核 es6浏览器中的 JavaS...

2019-07-15 19:55:12 69

空空如也

空空如也

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

TA关注的人

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