- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue项目的快速构建工具 cli 【 脚手架 】
cli2 【 扩展 】 cli3 【 大纲 】什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpackcli目前有哪些版本？cli2 cli3cli3对电脑的配置有一定要求cli如何使用？cli的安装npm/cnpm/yarn 都可以使用 【 yarn 配置国内镜像 】使用国内镜像加速npm和yarnnp...
2019-08-01 20:35:21
227
原创 相关知识---vue
Object.assign Object.keys Object.valuesvue列表循环非响应式情况数组的length无法响应处理手段： 使用 arr = null arr.splice( 0 )当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue处理手段: Vue.set / this.$set...
2019-08-01 20:32:27
152
原创 Vue 组件的生命周期
组件的生命周期我们想要使用组件，那么就得在组件的特定阶段完成特点的任务 【 特定时间点，完成特点任务 】名词： 钩子： 【 姜太公钓鱼，愿者上钩 】 机遇特点时间点，触发的一个方法组件的生命周期分为三个阶段： 初始化、运行中、销毁 8个钩子函数生命周期钩子不允许写成箭头函数，因为箭头函数会改变this指向初始化beforeCreate () {}组件即...
2019-07-31 21:17:43
240
1
原创 Vue - slot 插槽
<div id="app"> <Hello> <p> 这里是Hello的内容 </p> </Hello> </div> <template id="hello"> <d...
2019-07-31 21:13:08
135
原创 从零认识Vue 组件extend
Vue.extend 1. 通过实例化Vue构造器函数得到一个Vue实例,这个实例我们称之为’根实例’，它是最大的父级 2. 这个根实例是以标签的形式存在的，那么我们也称之为’ 根组件 ’ 3. 根实例也是一个组件，但是我们得到只是跟组件 4. Vue.extend() 它就是对Vue功能的扩展，这个扩展就是组件 5. Vue是通过 Vue.extend...
2019-07-30 22:35:05
262
转载 Flex 布局教程：语法篇 ---作者： 阮一峰
Flex 布局教程：语法篇网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于[盒状模型]，依赖 [display]属性 + [position]属性 + [float]属性。它对于那些特殊布局非常不方便，比如，[垂直居中]就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏...
2019-07-30 16:18:24
827
原创 axios数据请求 《3》 --fetch
<!-- 引入--> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" cr...
2019-07-29 16:40:24
166
原创 axios数据请求 《2》
//引入<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="ano...
2019-07-29 16:36:57
150
原创 axios数据请求
<div id="app"> <div class="container"> <div class="row"> <h3> 静态请求【 模拟数据 】 </h3> <button type="button" class="btn btn-primary" @...
2019-07-29 16:31:42
199
原创 Vue key的作用
<div id="app"> <ul> <li v-for = "(item,index) in todos" :key = "item.id" > <p> {{ item.task }} </p> <div class="btn_box...
2019-07-29 16:27:25
255
转载 读懂diff-----阮一峰的日志
作者： [阮一峰]日期： [2012年8月29日]diff是Unix系统的一个很重要的工具程序。它用来比较两个文本文件的差异，是代码版本管理的基石之一。你在命令行下，输入：$ diff <变动前的文件> <变动后的文件>diff就会告诉你，这两个文件有何差异。它的显示结果不太好懂，下面我就来说明，如何读懂diff。一、diff的三种格式由于历史原因，di...
2019-07-29 10:52:43
479
转载 深入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:45:59
157
原创 Vue 一
指令v-bind属性和数据进行绑定举例： 表单的value属性和一个数据绑定说法： 绑定一个数据在某一个属性身上v-bind 【 单项数据绑定 】绑定类名 绑定样式为什么要绑定？答： 通过操作数据就可以改变V中dom的样式，相当于操作了dom类名的绑定 【 两种写法 】对象的写法 <p class = "size bg"&g...
2019-07-25 17:13:23
140
原创 自动化测试 mocha
Mocha(‘摩卡’)，诞生于2011年，现在比较流行的JavaScript测试框架之一,可以运行于Node环境和浏览器环境测试框架:可以运行测试的工具。通过他，可以为JavaScript应用 添加测试,从而保证代码质量参考文档mochajsmocha中文文档安装配置使用npm 全局安装$ npm install --global mocha项目依赖 局部安装$ npm i...
2019-07-23 17:42:50
289
原创 token
JWT用户登录 服务器端产生一个token (加密字符串) 发送给前端前端将token 进行保存前端发起数据请求的时候携带token服务端 验证token 是否合法 如果合法继续操作 不合法终止操作token 的使用场景 无状态请求 保持用户的登录状态 第三方登录（token+auth2.0）非对称加密 通过私钥产生token 通过公钥解密token// 1...
2019-07-23 17:41:17
268
原创 MongoDB 简介
**MongoDB **简介MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。最像关系型数据库的。MongoDB 优点高性能、易部署、易使用，存储数据非常方便· 面向集合存储，易存储对象类型的数据。· 模式自由。· 支持动态查询。· 支持完全索引，包含内部对象。· 支持查询。· 支持复制和故障恢复。·...
2019-07-22 18:30:26
151
原创 使用express-generator完成前后端不分离的的部分步骤
expressexpress web服务器 > 后端渲染原生静态服务器/* 使用 express 搭建静态服务器 静态服务器 后端语言 + 后端渲染模板 生成前端的html结构，然后在发送到前台 上面这种做法就叫做后端渲染 案例： php java + jsp Node + ht...
2019-07-19 17:14:02
693
原创 聊天室三种写法
第一种net-socketconst net = require( 'net' ) //引入net模块const socket = net.Socket() //创建客户端const host = 'localhost'const port = 5000 const readline = require( 'readline') // 读取命令行// 客户端连接服务器 soc...
2019-07-18 21:21:52
867
转载 Promise 的基础用法
Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise 对象的...
2019-07-17 17:32:33
112
原创 路由以及异步方法
// 后端路由其实就是一个web服务器/*http://localhost:5000/shopcar路由：路： url路径很久以前： 多页面index.htmla标签 herf = “./detail.html”a标签 herf = “./shopcar.html”现在流行的： 单页面index.html将detail/shopcar做成模板 [ ejs pug(...
2019-07-17 17:21:21
1552
原创 node插件整理1
什么是流？ Node中为什么要有流这个概念 ？ 使用场景？流指的是数据流，指的是数据是分片传输数据可以实现非阻塞gulp 【 流式操作 】fs 获取文件夹文件内容const fs = require( 'fs' ) fs.readFile('./yyb.txt',( error, docs ) => { console.log( docs.toString() ...
2019-07-16 17:02:43
156
原创 什么是node，node怎么用？
Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效事件驱动： 任务执行，发布者，订阅者，事件驱动 （ on emit ）非阻塞： 执行某一个任务的同时也可以执行其他任务阻塞： 执行某一个任务，这个任务如果没有执行完成，其他任务必须等待同步：异步I/...
2019-07-15 21:06:21
448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人