- 博客(22)
- 收藏
- 关注
RSS订阅原创 git上传
什么是gitgit是一个分布式的版本控制管理工具分布式版本git的安装安装的gitbash.exegit 基础git初始化 -》 在我们的工程（项目中）创建一个git仓库，这个仓库用一个.git的文件夹表示的 $ git init将本地文件提交到暂存区 $ git add. 将工程（项目）中所有的都存放到暂存区...
2019-08-01 21:59:44
180
原创 React-状态共享(下)
redux – reducer – 划分分析一个项目：banenrhomemineloginregisterdetailshopcar会员普通用户数据解决： 希望的一个类型数据一个模块 ---- 》 reducer划分 combineReducers分析： 我们希望我们的store下面每一个文件夹就是一个 类型 的数据包解决： redux combineRed...
2019-07-17 20:04:42
484
1
原创 React-状态共享(上)
React-状态共享Flux的使用流程要想使用FLux架构思维，需要通过一个工具进行使用， 这个工具就是flux安装 flux$ yarn add flux在src目录下 新建store目录，里面新建index.jsstore有两个功能存储数据当数据发生改变时，视图要进行更新 （ 当前组件中的state发生了改变，从新从store中获取数据，要想重新复制，那么要通过事件的发布...
2019-07-17 20:02:25
503
原创 React基础（下）
###使用Redux框架Redux的流程：[外链图片转存失败(img-ArLatakd-1562849830397)(./images/redux.png)]1.store通过reducer创建了初始状态2.view通过store.getState()获取到了store中保存的state挂载在了自己的状态上3.用户产生了操作，调用了actions 的方法4.actions的方法被调用，...
2019-07-11 20:59:21
330
原创 React基础（中）
事件处理绑定事件采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写onclick, React里的事件是驼峰onClick，React的事件并不是原生事件，而是合成事件。事件handler的写法直接在render里写行内的箭头函数(不推荐)在组件内使用箭头函数定义一个方法(推荐)直接在组件内定义一个非箭头函数的方法，然后在render里直接使用...
2019-07-11 20:56:50
168
原创 React基础（上）
编写第一个react应用程序react开发需要引入多个依赖文件：react.js、react-dom.js，分别又有开发版本和生产版本，create-react-app里已经帮我们把这些东西都安装好了。把通过CRA创建的工程目录下的src目录清空，然后在里面重新创建一个index.js. 写入以下代码:// 从 react 的包当中引入了 React。只要你要写 React.js 组件就必须引...
2019-07-11 20:54:04
104
原创 React的起源和发展
React的起源和发展React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库！A JavaScript library for building user interfac...
2019-07-11 20:51:24
1341
原创 React基础
Reactwebpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel、FIS等webpac...
2019-07-11 20:49:58
77
原创 Router
RouterSPA （ single page App ） 单页面应用多页面应用有多个html文件，通过a标签的连接联通各个页面缺点开发起来太冗余，编译、压缩很耗时间页面之间的跳转速度太慢，这个时候就会出现一个严重的问题，白屏单页面应用不需要刷新页面，因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app、后台管理系统 ...
2019-07-03 19:47:11
458
原创 vue项目与高级应用
vue项目与高级应用vue项目后台管理系统1.vue项目环境搭建cli3 / cli2项目目录构建（ src 源代码开发目录中的 ）pages 页面components 组件common 公共组件layout 项目布局外壳store vuexrouter 路由lib 第三方插件utils 自行封装的库vue UI组件库引入关于vue的ui组件库很多 / 也可以使用 ...
2019-07-03 19:45:08
188
原创 Vue进阶
slot 作用域插槽旧： slot-scope使用流程在组件的模板中书写slot插槽，并将当前组件的数据通过 v-bind 绑定在 slot标签上在组件使用时，通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据通过 slotProp.xxx 就可以进行使用了<!DOCTYPE html><html lang="en">...
2019-06-28 17:14:35
122
原创 Webpack基础
Webpack一、市面上有哪些类似于Webpack的前端工程化工具gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流行 】rollup.js https://www.rollupjs.com/guide/zhparcelFIS https://fis.baidu.com/二、前端工程化工具的发展历程grunt...
2019-06-28 17:02:00
93
原创 vue高级
文章目录一、生命周期二、swiper三、自定义指令四、cli掌握要求：熟练掌握生命周期，会读，会写，会念，并了解每一个生命周期钩子的作用以及项目中的使用熟练使用swiper并了解在生命周期中如何使用能够自定义功能性的指令，并熟练掌握自定义指令中的各个钩子函数和参数的意义能够熟练掌握cli，并了解cli2 和 cli3的区别一、生命周期什么是生命周期？vue中的生命周期指的...
2019-06-27 21:02:19
118
原创 Vue进阶基础
组件通信为什么要进行组件通信？组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信组件通信的方式有以下几种（ 王者级 ）父子组件通信使用props来实现props在父组件的模板中将数据用单项数据绑定的形式，绑定在子组件身上<Son :money = "money"/>在子组件的配置项...
2019-06-26 20:42:35
100
转载 MVC，MVP 和 MVVM
MVC，MVP 和 MVVM 的图示 backbon.js复杂的软件必须有清晰合理的架构，否则无法开发和维护。MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。昨天晚上，我读了《Scaling Isomorphic Javascript Code...
2019-06-22 10:45:21
98
原创 框架级的数据请求
框架级的数据请求axios ( 第三方库 — 别人封装好的库 )fetch ( javascript 原生提供 )vue这边的数据请求的发展vue-resource ( Vue 以前自己封装使用的请求类库 ) ，但是 vue-resource作者已经放弃更新了vue-resource 作者推荐我们使用 axiosvue-resource 用法 和 axios 相似度 90% +...
2019-06-22 10:34:03
76
原创 前端通信
前端通信基于后端的通信（ 后端完成 ）（ pc端用 ）Node.js中有一个net模块使用终端（ shell ）作为客户端思维流程基于H5的webSocket来完成（ 应用于移动端 ）低版本浏览使用的socket.iostream 流案例： 利用Node.js流来生成压缩包fszlib前后端分离 、 前后端不分离市场流行：前后端分离前后端分离好处：开发方...
2019-06-22 10:31:35
79
原创 token
1.1 token的使用场景无状态请求保持用户的登录状态第三方登录（token+auth2.0）1.2 token使用流程先安装openssl( https://blog.csdn.net/sunhuansheng/article/details/82218678 )先安装perl重启电脑进行 C:\Perl64\eg以管理员身份运行 perl --help报...
2019-06-22 10:18:52
81
原创 前端模块化
前端模块化http爬虫 + http web服务器渲染数据发送前台 + 中文乱码前端模块化问题： 为什么前端要使用模块化？ 模块化： 是具有特定功能的一个对象（ 广义理解 ） 模块定义的流程： 1.定义模块（对象） 2.导出模块 3.引用模块 好处：可以存储多个独立的功能块复用性高...
2019-06-22 10:17:15
68
原创 ejs模板语法
ejs模板语法<% '脚本' 标签，用于流程控制，无输出。<%= 输出数据到模板（输出是转义 HTML 标签） （ 不会编译html标签）<%- 输出非转义的数据到模板( 会编译html标签 )什么是流程控制？条件判断if循环控制forforEach …whiledo…while后端渲染后端通过一个模板（ 兼容html ） + 后端模板语法 ----》...
2019-06-21 20:08:34
1071
原创 前端的异步流程
前端的异步流程 （ 重点）传统的原生异步回调函数事件使用异步流程工具（ 别人封装好的东西 ）es6 PromisePromise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(...
2019-06-21 20:04:02
172
原创 Vue 基础
模板语法(1)插值使用script标签引入，那么会暴露一个 Vue的全局变量Vue是一个构造器函数我们要在模板中书写js语法，那么我们使用了一个叫做 mustache 的语法糖（ 双大括号 ）我们将js的语法写在{{}} 里面new Vue的到的实例，我们这边称之为 根实例很实例也是一个组件组件： 组件是一个具有 html css js等的一个聚合体数据改变，视图就...
2019-06-19 22:07:35
344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人