- 博客(16)
- 收藏
- 关注
RSS订阅原创 jsx原理
JSX 原理要明白JSX的原理，需要先明白如何用 JavaScript 对象来表现一个 DOM 元素的结构?看下面的DOM结构 <div class='app' id='appRoot'> <h1 class='title'>欢迎进入React的世界</h1> <p> React.js 是一个帮助你...
2019-05-10 08:42:43
985
原创 react基础
react使用react的组件与vue不同，react的组件文件是 .js后缀。 而vue是.vue后缀单个组件的基本使用// 从 react 的包当中引入了 React。只要你要写 React.js 组件就必须引入React, 因为react里有一种语法叫JSX，稍后会讲到JSX，要写JSX，就必须引入Reactimport React from 'react'// ReactDO...
2019-05-10 08:34:31
616
原创 react安装及目录
React 安装1、一种是普通安装 就是全局安装先安装脚手架 npm install -g create-react-app然后创建项目 create-react-app‘项目名字’2、 另一种则需要npm的版本在 5.2以上，5.2以上npm增加了 npx命令，可以避免全局安装直接创建项目 npx create-react-app‘项目名字’...
2019-05-10 08:09:17
541
原创 react的认识
React的起源和发展起初facebook在建设 instagram（社交软件）（图片分享）的时候，因为牵扯到一个东西叫数据流，那为了处理数据流并且还要考虑好性能方面的问题嘞，Facebook开始对市场上的各种前端MVC框架去进行一个研究，然而并没有看上眼的，于是Facebook觉得，还是自己开发一个才是最棒的，那么他们决定抛开很多所谓的“最佳实践”，重新思考前端界面的构建方式，他们就自己开发了...
2019-05-10 08:02:36
212
原创 vue之组件通信
注意： 组件通信， 无论效果是如何的， Vue都是单向数据流（组件之间的数据通信）1. 父子组件通信A: 绑定的是简单类型数据父组件中定义数据， 通过单向数据绑定的形式， 将数据绑定在子组件身上， 属性是自定义属性，子组件通过配置项中的props接收数据， props可以是一个数组，数组中放的是自定义属性名称那么这个自定义属性可以向data中的数据一样直接在子组件模板中使用父组件中数...
2019-04-22 20:06:31
141
原创 Vue之组件
Vue.extend( )是一个组件构造器1. 组件（component）组件化思维组件化针对的是页面中的整个完整的功能模块划分 （项目的分工）组件的概念（ 一个文件 ）组件是一个html、css、js、image等外链资源，这些部分组成的一个聚合体优点：代码复用，便于维护划分组件的原则：复用率高的，独立性强的vue.js文件中暴露出一个Vue的构造器函数， 这个函数的作用...
2019-04-21 17:30:10
143
原创 Vue之mixins与 shim 名词解释以及列表渲染key的作用
一、mixins概念：混合 将根实例或是组件中的配置项 抽离出来，单独管理mixins分为两种混入方式 局部混入和全局混入1. 局部混入<script>var mixin = { methods: { sum(){ alert( 10*10 ) ...
2019-04-20 11:54:09
341
原创 fetch数据请求
get请求方法fetch('http://localhost/get.php?a=1&b=2',{ method:'get', }) 这里进行格式转换需要return .then(res=> res.text()) // 数据格式化...
2019-04-20 11:31:45
381
原创 axios数据请求
axios 之 get 与 post请求方式默认是get 可以忽略，安装使用bootcdn 或者npm 安装 axios<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>如果是引入的话最好放入到vue引入的下面$ npm install axio...
2019-04-20 11:25:37
199
原创 vue之底层
vue深入响应式原理首先从基本说起数据模型 指的是 new Vue 中 的data选项状态管理什么叫做状态？什么叫做状态管理？ 我们使用一个数据去管理视图中的一个部分， 那么这条数据就叫做状态， 这种管理模式 就叫做状态管理什么是深入响应式原理? &...
2019-04-19 14:16:21
214
原创 javascript中get与post区别
1.提交方式get : get会将接收到的数据拼接到url地址中,以’?’问号划分,问号后面是接收到的数据,多个数据之间用&连接.用户可以很直观的看见.post : post会将接收到的数据放置在html header中一起发送到指定的url地址内.用户看不到这个过程.2.传递数据大小get : get传递数据的大小因为受到浏览器地址栏的限制,所以一般在2k-8k,...
2019-04-18 08:32:00
2060
原创 前端的开发规范示例
前端的开发规范目录构建的规范命名原则：简洁例： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包（文件夹）不使用复数例： 不使用 imgs docs根目录（root）结构按职能划分例：src 源代码（逻辑）doc 文档dep 第三方依赖包test 测试根据业务逻辑进行文件夹的划分src...
2019-04-16 18:44:27
148
原创 前端异步方法总结
1.传统的方案：回调函数事件2.工具的方案：Promisegengerator函数async awaitnode.js nextTick setimmediate第三方库 async.jspromise参数是一个回调函数， 回调函数中有两个参数 （resolve reject）* resolve也是一个函数， 函数中接收参数， 参数为任务* reso...
2019-04-15 22:28:34
292
原创 开发流程
前端（接到项目了）角色总监决定项目使用哪种开发工具， 使用哪个框架开发开发工具： gulp webpack(主流) 自动构建项目的快速开发工具框架：jqbsvueangularreact构建版本控制工具git svn决定项目托管的地方github 码云（gitee）创建码云的环境创建分支默认直接创建好的 远程主分支（master）...
2019-04-14 09:15:07
118
原创 mongoose
koa(扩展知识， 建议学习)koa是express超集（进阶版）前后端分离和耦合概念介绍面向过程 -》 面向对象 --》 面向服务数据库 Node.js mongodb(bson json的超集)分类：关系型数据库： MySql非关系型数据库: MongoDBMongoDB安装环境变量设置系统服务添加有问题安装系统不太支持高版本、 降版本 3.2 3.4...
2019-04-10 17:05:13
440
原创 node.js基础
前端的环境开发环境生产环境测试环境预发布环境上线环境前端模块化（面试题）CMD ( sea.js )AMD ( require.js )Common.jses6模块化CMD 和 AMDdefine 定义模块Node.js中使用了Common.js规范（三类） 1. 内置的 2. 第三方的 3. 自定义的Node.js自定义模块步骤定义...
2019-04-08 20:39:02
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人