
前端
YOLOSSS
YOLOSSS
展开
-
redux笔记
0. redux要点1. redux理解2. redux相关API3. redux核心概念(3个)4. redux工作流程5. 使用redux及相关库编码#1. redux理解什么?: redux是专门做状态管理的独立第3方库, 不是react插件作用?: 对应用中状态进行集中式的管理(写/读)开发: 与react-redux, redux-thunk等插件配合使用2. redux相关APIredux中包含: createStore(), applyMiddleware(), com原创 2020-11-12 00:12:58 · 205 阅读 · 1 评论 -
react-UI_教程
1. 最流行的开源React UI组件库1). material-ui(国外)官网: http://www.material-ui.com/#/github: https://github.com/callemall/material-ui2). ant-design(国内蚂蚁金服)官网: https://ant.design/github: https://github.com/ant-design/ant-design/2. ant-design使用入门1). 使用create-re原创 2020-11-12 00:12:18 · 476 阅读 · 0 评论 -
react-router_教程
1. 理解react-routerreact的一个插件库专门用来实现一个SPA应用基于react的项目基本都会用到此库2. 几个重要问题1). SPA应用单页Web应用(single page web application,SPA)整个应用只有一个完整的页面点击页面中的链接不会刷新页面, 本身也不会向服务器发请求当点击链接时, 只会做页面的局部更新数据都需要通过ajax请求获取, 并在前端异步展现2). 路由1. 什么是路由? 一个路由就是一个映射关系(key:value)原创 2020-11-12 00:11:57 · 410 阅读 · 1 评论 -
react案例笔记
1. 使用React脚手架创建一个React应用1). react脚手架1. xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 * 包含了所有需要的配置 * 指定好了所有的依赖 * 可以直接安装/编译/运行一个简单效果2. react提供了一个专门用于创建react项目的脚手架库: create-react-app3. 项目的整体技术架构为: react + webpack + es6 + babel + eslint2). 创建项目并启动npm install -g原创 2020-11-12 00:10:46 · 210 阅读 · 0 评论 -
react笔记
1. React入门## 1.1. React基本认识## 1.2. React基本使用## 1.3. JSX的理解和使用## 1.4. 模块与模块化, 组件与组件化的理解2. React组件化编程## 2.1. 组件的定义与使用## 2.2. 组件的3大属性: state, props, refs## 2.3. 组件中的事件处理## 2.4. 组件的组合使用## 2.5. 组件收集表单数据## 2.6. 组件的生命周期## 2.7. 虚拟DOM与DOM diff算法## 2.8原创 2020-11-12 00:09:58 · 112 阅读 · 0 评论 -
jQuery笔记总结
初识jQueryWhat?http://jquery.com/一个优秀的JS函数库使用了jQuery的网站超过90%中大型WEB项目开发首选Write Less, Do More!!!Why?HTML元素选取(选择器)HTML元素操作CSS操作HTML事件处理JS动画效果链式调用读写合一浏览器兼容易扩展插件ajax封装…How?使用引入jQuery库使用jQueryjQuery核心函数jQuery核心对象区别2种js库库文件原创 2020-11-12 00:07:02 · 206 阅读 · 0 评论 -
JS高级
JS高级### 数据类型1. 分类(2大类) * 基本(值)类型 * Number: 任意数值 * String: 任意文本 * Boolean: true/false * undefined: undefined * null: null * 对象(引用)类型 * Object: 一般对象类型 * Array: 特别的对象类型(下标/内部数据有序) * Function: 特别的对象类型(可执行)2.原创 2020-11-12 00:05:02 · 192 阅读 · 0 评论 -
Promise深入 + 自定义Promise
Promise深入 + 自定义Promise1. 准备1.1. 函数对象与实例对象1. 函数对象: 将函数作为对象使用时, 简称为函数对象2. 实例对象: new 函数产生的对象, 简称为对象1.2. 回调函数的分类1. 同步回调: 理解: 立即执行, 完全执行完了才结束, 不会放入回调队列中 例子: 数组遍历相关的回调函数 / Promise的excutor函数2. 异步回调: 理解: 不会立即执行, 会放入回调队列中将来执行 例子: 定时器回调 / a原创 2020-11-12 00:02:07 · 481 阅读 · 0 评论 -
AJAX核心技术
axios从入门到源码分析1. 前后台交互的基本过程1. 前后应用从浏览器端向服务器发送HTTP请求(请求报文)2. 后台服务器接收到请求后, 调度服务器应用处理请求, 向浏览器端返回HTTP响应(响应报文)3. 浏览器端接收到响应, 解析显示响应体/调用监视回调2. HTTP请求报文1. 请求行: 请求方式/url2. 多个请求头: 一个请求头由name:value组成, 如Host/Cookie/Content-Type头3. 请求体3. HTTP响应报文1. 响应行: 响应状态原创 2020-11-11 23:50:02 · 302 阅读 · 0 评论 -
VUE全家桶项目上线优化
1.项目优化实现步骤:A.生成打包报告,根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制2.添加进度条给项目添加进度条效果,先打开项目控制台,打开依赖,安装nprogress打开main.js,编写如下代码//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'.....//请求在到达服务器之前,先会调用use.原创 2020-11-11 22:43:48 · 157 阅读 · 0 评论 -
VUE前后端交互 fetch ajax
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数promise主要解决异步深层嵌套的问题promise 提供了简洁的API 使得异步操作更加容原创 2020-11-11 22:38:23 · 177 阅读 · 0 评论 -
VUE组件笔记
组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component></my-原创 2020-11-11 22:35:13 · 127 阅读 · 0 评论 -
Vue常用特性
Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,我们只需要实时监控他的值就可以了 --> <input type="radio" id="m原创 2020-11-11 22:33:49 · 276 阅读 · 0 评论 -
VUE指令
day01Vue 是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text/css"> /* 1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏原创 2020-11-11 22:32:40 · 159 阅读 · 0 评论 -
VUE前端工程化
1.模块化的分类A.浏览器端的模块化1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为:Require.js2).CMD(Common Module Definition,通用模块定义)代表产品为:Sea.jsB.服务器端的模块化服务器端的模块化规范是使用CommonJS规范:1).使用require引入其他模块或者包2).使用exports或者module.exports导出模块成员3).一个文件就是一个模块,都拥有独立的作用域C.E原创 2020-11-11 13:58:12 · 305 阅读 · 0 评论 -
vue-router笔记
###1.路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由前端路由的基本概念:根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系原创 2020-11-11 12:43:29 · 145 阅读 · 0 评论 -
vuex笔记
1.Vuex概述2.Vuex基本使用3.使用Vuex完成todo案例###1.Vuex概述Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享使用Vuex管理数据的好处:A.能够在vuex中集中管理共享的数据,便于开发和后期进行维护B.能够高效的实现组件之间的数据共享,提高开发效率C.存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新###2.Vuex的基本使用创建带有vuex的vue项目,打开终端,输入命令:vue ui当项目仪原创 2020-11-11 12:38:55 · 109 阅读 · 0 评论 -
JavaScript作用域、作用域链、闭包
1.数学运算① 运算符② 数学运算符: + - * / %③ 因为JavaScript中只有数字类型,不区分整形和浮点型④ - * / % 会触发隐式转换,字符串都会进行触发⑤ 字符串能转就转,不能转就转成NaN数学运算的加法(+)除去字符串的情况,其他类型相加都是数学运算可能触发隐式转换字符串的拼接任何类型只要跟字符串相加都是字符串的拼接转换隐式转换True =》1False =》0Undefined =》 NaNNULL =》0原创 2020-11-10 23:16:48 · 164 阅读 · 0 评论 -
NODE.JS
Node介绍为什么要学习Node.js企业需求具有服务端开发经验更改front-endback-end全栈开发工程师基本的网站开发能力服务端前端运维部署多人社区Node.js是什么Node.js是JavaScript 运行时通俗易懂的讲,Node.js是JavaScript的运行平台Node.js既不是语言,也不是框架,它是一个平台浏览器中的JavaScriptEcmaScript基本语法ifvarfunctionObjectArray原创 2020-11-10 10:04:19 · 415 阅读 · 0 评论 -
JavaScript
(一)JavaScript是什么?可以做什么?1.脚本编程语言2.页中的动画、特效、数据的展示、表单效验…(二)JavaScript特点1.逐行执行:从上往下依次执行,如果一行报错,该代码块后续代码都将不会执行(单线程的特点)2.弱类型:声明变量的时候不需要管数据类型的,数据类型是由变量的值来进行决定的(1)强类型:声明变量的时候就必须指定数据类型,并且后期不能随意更改数据类型 java3.解释型: 编译一行执行一行 python(1)编译型: 全部编译再执行 c/c++(三)JavaSc原创 2020-11-10 10:02:19 · 154 阅读 · 0 评论 -
CSS
(一)什么是CSS1.层叠样式表,HTML做网页的基本架构,CSS做网页的修饰(二)版本的区分1.CSS22.CSS3 可能会涉及到兼容性的问题 前缀写了一定不会有问题。不写可能会有问题(三)有多少中浏览器? 五种1.谷歌2.火狐3.IE4.苹果5.欧朋(四)颜色的表示方式?3种1.颜色色值的表示方式 red2.Rgb、rgba(0-255)3.16进制表示法 #xxyyzz #xyz(五)CSS引入方法 4种1.内联样式 标签中的style2.内部样式表 style标签中原创 2020-11-10 10:01:49 · 105 阅读 · 0 评论