- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue.js
Vue.js一、Vue基础Vue基础11.0 前端开发流程规范 前端开发流程规范 1.1 前端框架发展历史html html [1990]----> html5 [2008.1.12]css css 1.0 1996 css 2.0 1998 css 3.0 2001EcmaScript 1997年诞生 2015 EcmaScrip...
2019-09-10 13:13:17
955
原创 react路由 ，项目基础搭建
react项目搭建案例 使用swiper来了解react第三方库实例化1.创建项目$ npx create-react-app 项目名2.安装swiper$ cnpm i swiper -S3.新建组件4.5.在app里面引用6.引swiper样式7,在组件中引入swiper8.在官网,赋值awiper结构9.新建css文件10.然后在组件中引入11.写...
2019-08-21 22:24:21
433
原创 cli3目录介绍 安装webpack
cli3 目录介绍public 和 src中的 assets的区别1.public里面的图片不会被编译assets目录下的图片会被webpack编译其中 assets中的图片小于4k的时候会转换成base64 转换成base64会造成html的污染单文件组件的创建1.在src目录下创建装载单组件的文件夹如图中的page文件夹：2.在文件夹内创建单组件如图中的 Home文件...
2019-08-02 22:36:02
457
原创 自定义指令&&cli
vue 列表循环非响应式情况1.数组的length无法响应处理方法：arr = nullarr.splice( 0 )methods：{ remove () { // this.todos = null 可以 this.todos.splice( 0 ) }}2.当我们使用索引直接设置一个数组项时dom无响应时如：...
2019-08-01 20:17:50
394
原创 slot插槽和生命周期
slot 插槽2.5 slot slot-scope具名插槽2.6 v-slotslot ：（插槽）作用：开辟一个空间，给未来元素使用未来元素：组件内容在子组件中添加slot标签，可以解析根组件里面添加在子组件里面的内容<body><div id="app"><Hello><p>这是hello组件·的内容...
2019-07-31 21:29:20
644
原创 vue 组件的基础使用
组件vue有两大核心内容：指令组件组件组件是一个 html css js img 等的一个聚合体在vue中使用了一个叫做单文件的技术来实现组件他是一个后缀名为.vue的文件，必须要经过编译后才可以运行组件化：使用具有独立功能的一个整体【组件】来进行项目开发的一个趋势为什么要使用组件为了避免多人开发造成的冲突为了加快开发效率为了遍历更新和维护...
2019-07-31 08:37:03
172
原创 虚拟DOM 与 axios fetch请求
虚拟DOMVue的核心是双向绑定和虚拟DOM1.什么虚拟dom- 1所谓的virtual dom 也就是虚拟节点。它通过js的object对象模拟dom中的节点，然后通过特定的render方法将其渲染成真实的dom节点都没diff则是通过js层面的计算，返回一个patch对象，即补丁对象，通过特定的操作解析patch对象，完成页面的重新渲染，如图所示：VDOM的渲染流程diff算法...
2019-07-30 08:46:55
250
转载 读懂diff
作者： 阮一峰日期： 2012年8月29日diff是Unix系统的一个很重要的工具程序。它用来比较两个文本文件的差异，是代码版本管理的基石之一。你在命令行下，输入：$ diff <变动前的文件> <变动后的文件>diff就会告诉你，这两个文件有何差异。它的显示结果不太好懂，下面我就来说明，如何读懂diff。一、diff的三种格式由于历史原因，diff...
2019-07-29 11:37:33
177
转载 深入Vue2
一、前言Vue的核心是双向绑定和虚拟DOM（下文我们简称为vdom），关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》，vdom是树状结构，其节点为vnode，vnode和浏览器DOM中的Node一一对应，通过vnode的elm属性可以访问到对应的Node。vdom因为是纯粹的JS对象，所以操作它会很高效，但是vdom的变更最终会转换成DOM操作，为了实现高效的D...
2019-07-29 11:36:16
436
原创 todolist 案例
仿todolist案例1.使用 vue 框架2.选择一个组件库：组件库：组件的集合体 是一个html css js img 等的一个集合ui库bootstrapAmaze UISUISUI库分为 PC端和 移动端pc端：http://sui.taobao.org/sui/docs/gallery.html移动端： http://m.sui.taobao.org/...
2019-07-26 22:27:26
522
原创 vue 指令（二）
Vue 指令（二）v-bind单项数据绑定属性和数据进行绑定通过操作数据就可以改变V中的dom样式，相当于操作了dom举例：表单的value属性和一个数据绑定就是不绑定一个数据在某一个属性身上v-bind两种绑定方式1.绑定类名2.绑定样式类名的绑定 两种写法数组<p :class="['size','bg']">里面的css可以改变head里面的样式直...
2019-07-25 19:53:27
236
原创 vue基础操作
vue中文官网：https://cn.vuejs.org/英文官网：https://vuejs.org/index.html1.什么是vue.js?- vue是一个渐进式的javascript框架- vue的作者是尤雨溪- vue是个人项目（react是Facebook的团队项目）- vue是一个MVVM框架（MVVM是MVC的衍生架构）- vue是一个单项数据流的框架v...
2019-07-24 22:33:20
186
原创 mongoose的删除和修改
mongoose 代码操作增删改查增加数据position.js ：const express = require('express')const router = express.Router()const positionController = require('../controller/positionController')router.route('/positio...
2019-07-24 11:22:20
1952
原创 MongoDB的基础操作
MongoDB删除node-modulerm-rf node-module什么是数据库数据库是按照数据结构来组织、存储和管理数据的仓库数据库分类：- 关系型- 非关系型MongoDB的存储格式是bson文档型数据这个名字中，“文档”两个字很容易误解。其实这个文档就是 bson 。bson 是json 的超集，比如 json 中没法储存二进制类型，而 bson 拓展了类型，提供...
2019-07-22 22:01:33
348
原创 express的web服务器与api服务器
express1.express web 服务器2.express api 服务器.express web 服务器 操流程1.使用express搭建静态服务器静态服务器后端渲染：后端语言+后段渲染 生成前端的HTML结构然后发送到前台2.安装express模块3.创建服务器4.读取文件发送给前台5.通过app对象和中间件把文件发送给前台 app.get(‘路由路径’...
2019-07-20 10:46:11
558
原创 前端的通信（三种）
前端通信（三种）1.Node 中 net 模块的前端通信2.H5提供的 WebSocket 【常用于 移动端】3.pc端低版本浏览器使用 socket.io通信- 服务券：总服务器- 客户端： 单个用户应用 有多个Node中net模块的通信流程总服务器的创建步骤1.第一步搭建总服务器2.引入net内置模块，创建服务器3.用net的createServer（）方法创建一个服务...
2019-07-18 21:51:33
1215
原创 node知识点整理
提问：继承call apply bind都可以改变this指向apply：参数是一个数组bind：第一个参数要求是this匿名函数减少命名的冲突内置模块Stream 流流 ：指的是数据流 指的是数据分片传输数据可以实现非阻塞gulp 【流式操作】流程读取文件创建压缩包将读取的数据流写入压缩包输出压缩包自定义模块创建模块如：导出模块modu...
2019-07-17 17:04:01
317
原创 node 基础知识点
node.js的参数request : 表示请求response : 表示响应，给前端发送的信息后端路由基本原理后端路由其实就是一个web服务器引入http举例const http = require( 'http' )const host = 'localhost'const fs = require( 'fs' )const port = 5000http.cre...
2019-07-17 16:50:58
233
原创 Node.js基本操作1
Node.js1.http爬虫： 数据请求 get request post案例： 后端爬虫 名词解释： 爬虫： 爬去数据 流程： 后端数据请求 —》 数据分析 —》数据清洗 ----》 数据前台发送 爬虫： 并不是所有网站都能爬取的 反爬虫 optio...
2019-06-12 17:02:42
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人