- 博客(107)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 React阶段 - Redux 状态管理器，不仅仅应用于React开发
Redux 状态管理Redux是一个独立的数据管理器，可以运行于不同的环境下，也同样支持别的开发框架（Vue）。
2020-09-10 10:39:18
194
原创 React阶段 - React双向数据绑定原理
React双向数据绑定原理 如果已经学过Vue，并且深入了解过Vue的双向数据绑定的话，就会明白 Vue 2.0 双向数据绑定的核心其实是通过Object.defineProperty来实现的但是 React 中是没有这个概念的，需要我们自己去实现。
2020-09-10 10:34:46
7710
3
原创 React阶段 - 使用 create-react-app 构建项目
自动化构建项目通过前面 script 的方式虽然也能完成 React.js 的开发（上一篇的文章中的方式）但是，却存在这很大的问题，模块化怎么实现create-react-appCreate React App 基于 Node.js 编写的命令行工具，通过它可以快速生成 React.js 项目内置了 Babel、Webpack 等工具帮助我们实现 ES6+ 解析、模块化解析打包通过它，我们可以使用 模块化 以及 ES6+ 等更新的一些特性同时它还内置 ESLint 语法检测工具、Jest 单元
2020-07-03 18:58:17
401
原创 React阶段 - 一线大厂必备技能？！
React 是一个用于构建用户界面的 JavaScript 库。使创建交互式 UI 变得轻而易举。无论你现在正在使用什么技术栈，你都可以随时引入 React 来开发新特性，而不需要重写现有代码。
2020-07-03 18:57:41
179
原创 Git版本控制工具 - 程序员的日常小助手（二）
写了很长时间的代码，任何人直接上手去补充和修改，都会使项目存在直接崩盘的可能。分支存在的意义，就是j为了避免项目整体崩盘，无法复原。我们本身编写代码的就是在一个分支上进行的，也就是默认的分支`master`
2020-06-28 22:13:37
158
原创 Git版本控制工具 - 程序员的日常小助手（一）
版本控制是指对软件开发过程中各种程序代码、说明文档等文件的变更进行管理它将追踪文件变化，记录文件的变更时间、变更内容、甚至变更执行人进行记录同时对每一个阶段性变更（不仅仅只是一个文件的变化）添加版本编号方便将来进行查阅特定阶段的变更信息，甚至是回滚（调回原先的版本）
2020-06-14 16:13:17
404
原创 Webpack工具 - 打包执行中的奇奇怪怪
在 webpack 的世界里，所有的内容都是 js 或者说 通通被当做 js 来处理。当我们需要打包非 js 的文件时，就需要用到 各种各样的 loader 来处理。而，当我们需要打包自动生成 html 时，还需要使用到一些奇奇怪怪的依赖。
2020-06-07 18:12:37
383
原创 Webpack工具 - 前端开发的模块化 与 Webpack 的“恩怨情仇”
模块化已经是现代前端开发中不可或缺的一部分了把复杂的问题分解成相对独立的模块，这样的设计可以降低程序复杂性，提高代码的重用，也有利于团队协作开发与后期的维护和扩展从 `ECMAScript2015` 开始引入了模块的概念，我们称为：`ECMAScript Module`，简称：`ESM`
2020-06-06 22:49:27
258
原创 Vue框架 - 组件之间如何通信及props属性的那点事儿
处理UI界面的重用（Vue组件）续上一篇博客中已经介绍了 Vue 组件的一些基础 及 单项的数据传递，在实际的使用中，往往需要做到数据的双向传递。这篇博客主要是介绍 实现数据双向传递的方法。数据双向传递方法一：将之前的单项数据传递的方法结合起来使用方法二：v-model 实现方法三：.sync实现（推荐）
2020-06-02 14:32:09
1596
5
原创 Vue框架 - 如何处理UI界面的重用（Vue组件）
组件系统是 Vue 的另一个重要概念，它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用，因此几乎任意类型的应用界面都可以看成一个组件树。
2020-05-09 21:30:47
712
1
原创 Vue框架 - computed 与 watch 之间的那点事儿
computed 是一个对象，里面存放是属性，类似 data 而不是methods里面的属性可以像 data 里面存放的数据一样去使用这些属性的值是通过运算得到的
2020-04-28 14:07:09
230
原创 Vue框架 - 简析过滤器的原理及其应用
过滤器的实质 就是数据处理的一种方式，对所需内容进行二次操作（过滤）过滤器本应该就是一段负责处理原始数据的代码，只是被封装起来而已Vue过滤器 ：类似于 管道流 的处理方式 管道流： 将过滤器的结果，以参数（第一位）的形式传递给下一层
2020-04-26 22:06:36
291
原创 Vue框架 - 还记得关键字on吗？
在之前叙述的指令中，实现了 控制页面元素的显示（v-show） 及 数据驱动视图（v-model），那如果想要在给页面添加事件又该如何实现？v-on：可以缩写为 @ ，可以直接去调用功能性的语句，也可以去调用函数。
2020-04-25 21:46:53
179
原创 Vue框架 - 指令不可或缺的存在
Vue中的指令{{ }} 被称作大胡子语法、双花括号语法，在 Vue 的使用中很常见可以存放变量名，存放表达式（ 一些运算，只要最终的结果 ）但是它有着自身的局限性，只允许出现在内容区域，怎么办？！
2020-04-17 11:27:10
205
原创 Vue框架 - 我们要做到的不仅仅是会使用
Vue.js 是用于构建用户界面（UI页面，即静态页面）的渐进式框架（诱导）。提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。
2020-04-17 11:25:38
178
原创 前后端交互 - JWT鉴权到底是何方神圣
JWT全称 JSON Web Token，是一套开放的标准（RFC 7519），它定义了一种紧凑且自URL安全的方式，以JSON对象的方式在各方之间安全地进行信息传输。 使用密钥 ( secret ) ( HMAC算法生成 ) 或者 使用RSA或ECDSA的 公有/私有密钥 对JWT进行签名。
2020-04-17 11:24:12
505
原创 前后端交互 - 跨域方式之 CORS方法 及 后端服务器代理
跨域：指的是浏览器行为，正常情况下是成功的，只是同源策略不允许拿数据，所以会报错。jsonp 方式跨域，主要的负担都由前端来承担，但是无法携带参数。cors 方式跨域，主要的负担由后端来承担，看起来较为优雅。node中间件方式跨域，负担较轻。
2020-04-13 22:02:37
964
原创 前后端交互 - 文件上传 ( 进度条 ) 及 XML
上传文件的同时，为了更好的提示用户当前进度，需要进度条及数据传速度。 返回的文件不一定是html格式，如果是XML格式的情况下，该如何在前端获取。
2020-04-07 19:44:20
2282
原创 前后端交互 - 上传文件
简单介绍使用ajax及FormData对象上传文件的相关问题，在其他页面去使用ajax获取上传的图片信息，并负责显示。
2020-04-07 19:43:26
1202
原创 前后端交互 - 10分钟了解 ajax
前后端交互是一个大的概念，并不是说 ajax 等同于前后端交互。ajax 是前后端交互的其中一种主流方式，其实质上就是一个封装起来的小工具。不需要全页面刷新（局部更新）便可实现数据更新。
2020-04-07 19:42:33
843
原创 客户端存储 - 如何实现客户端 免登陆 / 换肤 / 添加音乐列表 等数据的保存
实现客户端 免登陆 / 换肤 / 添加音乐列表 等数据的保存需要使用到 cookie 及 localStorage 等方式设置并获取数据
2020-04-07 19:40:04
141
原创 node.js阶段 - 了解实时通讯原理（网页版聊天）
模拟实时通讯实现方式：前端轮循 、SSE服务器推送数据 、websocket协议 、socket.io同源策略：协议，域名，端口号一致
2020-04-07 17:10:37
297
原创 node.js阶段 - 处理前端数据的“利器”模板引擎
web应用中，动态生成html的工具，负责数据与模板的结合常见的模板引擎有 ejs，jade（pug），nunjucks等
2020-04-06 22:33:42
152
原创 node.js阶段 - npm / nvm到底是什么
npm注册需要注意的事项，npm发布模块只能在官网上发布nvm则是可以用来管理node版本的工具
2020-04-06 19:22:35
226
原创 node.js阶段 - buffer / stream
Buffer是数据的缓冲区 ，也是一个类，不是模块。stream将数据分割为多个小文件分批传输。
2020-04-06 17:49:23
132
原创 node.js阶段 - fs模块( 学会用代码去操作文件 / 文件夹 )
fs为操作文件的模块，是内置模块。所有的文件操作，都有同步异步之分，添加 sync 后的方法用作异步( 按照需要使用 )。
2020-04-06 15:59:04
181
原创 node.js阶段 - package.json的作用 及 npm包管理器
package.json的作用 及 npm包管理器都是类似与软件管家一样的存在，只是管理的是文件关于package.json对应他的上级目录，记录或者配置该文件夹的所有信息package.json 文件的基础信息name文件夹名称，命名时不建议使用汉语及英文大写字母version文件的版本号main文件的主入口，默认情况下为 index.jsdependencies运行...
2020-04-06 11:50:13
207
原创 node.js阶段 - node.js并不可怕
node.js 并不只是一个框架，也作为一个js语言，诞生于2009年，由 C++ 语言编写成，使 JS 脱离浏览器端，仍然是基于浏览器的。
2020-04-06 10:19:03
114
原创 ES6 - for ... in VS for ... of / 迭代器
for ... in 通过 key-value 的形式来遍历数据for ... of 迭代具体属性 ，直接读取属性值，不会出现下标，不能读取对象，会报错
2020-04-05 22:20:13
100
原创 ES6 - Promise的回调函数中 resolve( ) 的参数
Promise对象使用时，返回数据的位置，会在使用 then 之后，发生改变。
2020-04-05 18:49:51
2764
原创 ES6 - Promise下的方法 ( catch / all / race / async函数 )
async函数、promis对象只是改变了写法并不是纠正了写法。async ： 告诉浏览器这是一个异步函数；把异步的处理机制，写成接近同步的机制，增加代码的可读性，降低版本迭代的难度。
2020-04-05 11:51:50
200
原创 ES6 - 同步与异步 / 初识Promise
javaScript 是一个单线程的语言同步和异步是一种消息通知机制Promise对象 不是解决了异步的问题，而是改变了异步的写法
2020-04-05 09:16:21
819
原创 数据响应式 - 数据劫持 / defineProperty / mvvm模式
数据响应式： 是指当数据改变后，会通知到使用该数据的代码数据劫持： 需要在 设置 / 获取 数据对象属性的同时，做些其他的事情mvvm： 常见的编程规范
2020-04-04 20:44:10
255
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人