- 博客(15)
- 收藏
- 关注
RSS订阅原创 React知识汇总
网址：中文网址：https://react.css88.com/英文网址：https://reactjs.org/React的起源和发展起初facebook在建设 instagram（图片分享）的时候，因为牵扯到一个东东叫数据流，那为了处理数据流并且还要考虑好性能方面的问题嘞，Facebook开始对市场上的各种前端MVC框架去进行一个研究，然而并没有看上眼的，于是Facebook觉得，还是...
2019-07-19 10:34:32
292
原创 slot 作用域插槽
1. 旧： slot-scope使用流程在组件的模板中书写slot插槽，并将当前组件的数据通过 v-bind 绑定在 slot标签上在组件使用时，通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据通过 slotProp.xxx 就可以进行使用了<!DOCTYPE html><html lang="en"><head&...
2019-07-16 08:29:13
165
原创 router
SPA （ single page App ） 单页面应用1. 多页面应用有多个html文件，通过a标签的连接联通各个页面缺点开发起来太冗余，编译、压缩很耗时间页面之间的跳转速度太慢，这个时候就会出现一个严重的问题，白屏2. 单页面应用不需要刷新页面，因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app、后台管理系统 主要的开发...
2019-07-15 09:13:06
260
原创 组件通信
1. 为什么要进行组件通信？组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信2. 组件通信的方式有以下几种1. 父子组件通信 使用props来实现 1. 在父组件的模板中将数据用单项数据绑定的形式，绑定在子组件身上 <Son :money = "money"/&g...
2019-07-15 09:05:34
132
原创 gulp
gulp介绍( http://www.gulpjs.com.cn/ )gulp 是前端开发过程中对代码进行构建的工具， 是自动化项目的构建利器； 她不仅 能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完 成；大大提高我们的工作效率。Node环境安装Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事...
2019-07-12 09:22:05
107
原创 webpack
一、市面上有哪些类似于Webpack的前端工程化工具gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流行 】rollup.js https://www.rollupjs.com/guide/zhparcelFIS https://fis.baidu.com/二、前端工程化工具的发展历程gruntgulp ( 4.x...
2019-07-12 09:12:23
116
原创 生命周期 && swiper && 自定义指令 && cli
一、生命周期 1. 什么是生命周期？vue中的生命周期指的是 组件 从创建到销毁一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（ 这些方法具备一些功能），我们给这些方法起了个名字叫做（ 生命周期钩子函数/ 组件钩子 ）2. 为什么要学习生命周期?因为我们想在生命周期钩子中实现项目功能，那么我们必须知道每一个钩子函数的具体用途3. 这个生命周期是谁的生命周期？组件4...
2019-07-11 16:07:36
134
原创 虚拟DOM && diff算法
1. 虚拟dom是什么？它是一个Object对象模型，用来模拟真实dom节点的结构2. 虚拟dom的使用基本流程 1. 获取数据 2. 创建vdom 3. 通过render函数解析jsx，将其转换成 vdom结构 初次渲染 vdom( vdom渲染成 真实dom ) vue中使用的是一个叫做jsx语法 + render函数，但是我们的网页结构一般都是很复杂的...
2019-07-11 16:04:37
176
原创 vue项目构建
cli3 / cli2项目目录构建（ src 源代码开发目录中的 ）pages 页面components 组件common 公共组件layout 项目布局外壳store vuexrouter 路由lib 第三方插件utils 自行封装的库vue UI组件库引入关于vue的ui组件库很多 / 也可以使用 ui库 类似 SUIpc： ivie...
2019-07-10 10:45:32
76
原创 数据请求
框架级的数据请求axios ( 第三方库 — 别人封装好的库 )fetch ( javascript 原生提供 )vue这边的数据请求的发展vue-resource ( Vue 以前自己封装使用的请求类库 ) ，但是 vue-resource作者已经放弃更新了vue-resource 作者推荐我们使用 axiosvue-resource 用法 和 axios 相似度 ...
2019-07-10 10:42:38
130
原创 后端接口
ejs模板语法<% '脚本' 标签，用于流程控制，无输出。<%= 输出数据到模板（输出是转义 HTML 标签） （ 不会编译html标签）<%- 输出非转义的数据到模板( 会编译html标签 )什么是流程控制？条件判断if循环控制forforEach …whiledo…while后端渲染后端通过一个模板（ 兼容html ） + 后端模板语法 ----》...
2019-07-08 19:17:20
5467
原创 token
1. token的使用场景无状态请求保持用户的登录状态第三方登录（token+auth2.0）2. token使用流程先安装openssl( https://blog.csdn.net/sunhuansheng/article/details/82218678 )先安装perl重启电脑进行 C:\Perl64\eg以管理员身份运行 perl --help报错（...
2019-07-08 19:16:17
156
原创 前端异步流程
1. 传统的原生异步回调函数事件2. 使用异步流程工具（ 别人封装好的东西 ）es6 PromisePromise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结...
2019-07-08 19:13:31
182
原创 前端通信
前端通信基于后端的通信（ 后端完成 ）（ pc端用 ）Node.js中有一个net模块使用终端（ shell ）作为客户端思维流程基于H5的webSocket来完成（ 应用于移动端 ）低版本浏览使用的socket.iostream 流案例： 利用Node.js流来生成压缩包fszlib前后端分离 、 前后端不分离市场流行：前后端分离前后端分离好处：开发方...
2019-07-08 19:11:17
341
原创 前后端交互
前端异步流程工具PromiseGenerator函数Async函数Node.js 提供的 nextTick第三方的async.js前端原生js提供的数据请求有两种ajaxfetchgulp 4.x多任务执行串行并行前端渲染 vs 后端渲染前端渲染是通过ajax请求数据，然后通过js语法将数据展示到页面中，称之为前端渲染后端渲染是通过后端语言 +...
2019-07-08 19:09:26
284
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人