- 博客(15)
- 收藏
- 关注
RSS订阅原创 Vue.js(六)webpack
Vue.js(六)一、市面上有哪些类似于Webpack的前端工程化工具【 自动化工具 】gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流 】rollup.js https://www.rollupjs.com/guide/zh 【 小众 】parcel 【 小众 】FIS https://fis.baidu.com/ 【...
2019-08-03 10:46:39
117
原创 Vue.js(五)cli
Vue.js(五)vue列表循环非响应式情况数组的length无法响应处理手段： 使用 arr = null arr.splice( 0 )当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue处理手段: Vue.set / this.$set自定义指令内置指令v-htmlv-textv-onv-bind...
2019-08-01 20:23:18
148
原创 vue.js(四)组件的生命周期
Vue.js(四)一.组件的生命周期1.为什么要使用组件的生命周期？我们想要使用组件，那么就得在组件的特定阶段完成特定的任务2.组件的钩子有哪些？钩子：特定时间点，触发的一个方法生命周期钩子不允许写成箭头函数，因为箭头函数会改变this指向3.组件的生命周期分为三个阶段： 初始化、运行中、销毁初始化：beforeCreate () {}组件即将创建任...
2019-08-01 20:20:54
143
原创 Vue.js(三)组件通信
Vue.js(三)组件通信组件Vue有两大核心内容指令组件什么是组件化？【 为什么要用组件 】为了避免多人开发造成的冲突为了加快开发效率为了便利更新和维护组件化： 就是使用具有独立公共的一个整体【 组件 】来进行项目开发的一个趋势 【 流行 】什么是组件？组件是一个html css js img 等的一个聚合体在Vue中使用了一个叫做单文件组件的技...
2019-07-30 20:14:40
104
转载 (转载)读懂diff
(转载)读懂diff本文转载自阮一峰的博客：http://www.ruanyifeng.com/blog/2012/08/how_to_read_diff.htmldiff是Unix系统的一个很重要的工具程序。它用来比较两个文本文件的差异，是代码版本管理的基石之一。你在命令行下，输入： $ diff <变动前的文件> <变动后的文件>diff就会告诉你，这两...
2019-07-29 11:58:58
90
转载 (转载)深入Vue2.x的虚拟DOM diff原理
(转载)深入Vue2.x的虚拟DOM diff原理一、前言Vue的核心是双向绑定和虚拟DOM（下文我们简称为vdom），关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》，vdom是树状结构，其节点为vnode，vnode和浏览器DOM中的Node一一对应，通过vnode的elm属性可以访问到对应的Node。vdom因为是纯粹的JS对象，所以操作它会很高效，但是...
2019-07-29 11:17:34
169
原创 Vue.js(二)
Vue.js(二)指令v-bind属性和数据进行绑定举例： 表单的value属性和一个数据绑定说法： 绑定一个数据在某一个属性身上v-bind 【 单项数据绑定 】绑定类名 绑定样式为什么要绑定？答： 通过操作数据就可以改变V中dom的样式，相当于操作了dom类名的绑定 【 两种写法 】数组的写法对象的写法样式的绑定数组的写法对象的写法<!DO...
2019-07-25 20:48:25
111
原创 Vue.js(一)
Vue.js(一)1.认识vue.jsVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue的作者是尤...
2019-07-25 20:46:06
92
转载 JSON Web Token入门
本文来自阮一峰大神博客（JSON Web Token 入门教程）一、跨域认证的问题互联网服务离不开用户认证。一般流程是下面这样。1、用户向服务器发送用户名和密码。2、服务器验证通过后，在当前对话（session）里面保存相关数据，比如用户角色、登录时间等等。3、服务器向用户返回一个 session_id，写入用户的 Cookie。4、用户随后的每一次请求，都会通过 Cookie，将...
2019-07-23 21:02:38
106
原创 MongoDB简介
MongoDB简介1.什么是数据库数据库(Database)是按照数据结构来组织、存储和管理数据的仓库，它产生于距今六十多年前，随着信息技术和市场的发展，特别是二十世纪九十年代以后，数据库技术得到了更加快速的发展，应用得更加广泛。主要用它进行管理各种系统的数据，作为科学研究和决策的重要技术手段。关系型数据库（sql）：Access mySql SqlServer oracle d...
2019-07-22 19:50:02
97
原创 node.js(四)
node.js(四)一.socket1.net-socket以下为代码示例：/*总服务器*/const net = require( 'net' ) //引入net模块，用于创建服务器/客户端const server = net.createServer() // 创建服务器const host = 'localhost' // 创建 域名const port = 5000 /...
2019-07-18 21:12:05
86
原创 node.js(三)
node.js(三)1.event模块/*Node.js中event模块Node.js中 事件的发布 + 事件的订阅 表示一个任务的执行*/const Events = require('events')const fs = require( 'fs' )const http = require( 'http' )const host = 'localhost'const p...
2019-07-17 16:47:57
100
原创 node.js(二)
node.js(二)http模块http模块http.gethttp.request业务： 从nowapi中找一个免费接口，进行数据请求const http = require( 'http' )http.get('http://api.k780.com/?app=weather.city&cou=1&appkey=43880&sign=6a31f4...
2019-07-17 16:38:51
86
原创 node.js(一)
node.js(一)一.内置模块stream.什么是流？ Node中为什么要有流这个概念 ？ 使用场景？流指的是数据流，指的是数据是分片传输数据可以实现非阻塞gulp 【 流式操作 】案例： 打包压缩包流程：读取文件创建压缩包将读取的数据流写入压缩包输出压缩包const zlib = require('zlib') // 创建压缩包...
2019-07-16 17:04:08
133
原创 前端的异步流程
前端的异步流程传统的原生异步回调函数事件使用异步流程工具（ 别人封装好的东西 ）es6 Promise Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通...
2019-06-12 11:39:43
4963
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人