01 2020 档案

08.React组件进阶(四）组件的生命周期
摘要：组件的生命周期 意义：组件的生命周期有助于理解组件的运行方式，完成更复杂的组件功能，分析组件错误原因等 组件的生命周期：组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程 生命周期的每个阶段总是伴随着一些方法的调用，这些方法就是生命周期的钩子函数 钩子函数的作用：为开发人员在不同阶段操作组件提 阅读全文
posted @ 2020-01-31 22:35 ヾ百毒不侵 阅读(125) 评论(0) 推荐(0)
07.React组件进阶(三）Props 深入
摘要：props 校验 使用步骤 props 校验 约束规则 props 的默认值 阅读全文
posted @ 2020-01-31 21:48 ヾ百毒不侵 阅读(200) 评论(0) 推荐(0)
06.React组件进阶(二）Context
摘要：Context 作用：跨组件传递数据（比如主题，语言等） 使用步骤： 1.使用Reat.creatContext()创建Provider(提供数据和 Consumer(消费数据) 两个组件 2.使用Provider组件作为父节点 3.使用value属性，表示要传递的数据 4.使用Consumer 组 阅读全文
posted @ 2020-01-31 21:18 ヾ百毒不侵 阅读(117) 评论(0) 推荐(0)
05.React组件进阶(一）
摘要：组件通讯 组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据 在组件化过程中，我们将一个完整的功能拆分成多个组件，以更好的完成整个应用的功能 在这个过程中，多个组件之间不可避免的要共享某些数据，为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通，这个过程就是组件通讯 组件props 阅读全文
posted @ 2020-01-30 09:50 ヾ百毒不侵 阅读(109) 评论(0) 推荐(0)
04.React组件基础案例
摘要：案例：需求分析 案例：实现步骤 1.渲染评论列表 2.渲染暂无评论 3.获取评论信息 4.发表评论 完整代码 阅读全文
posted @ 2020-01-29 22:26 ヾ百毒不侵 阅读(129) 评论(0) 推荐(0)
03.React组件基础
摘要：React组件介绍 1.组件是React 的一等公民。使用React就是在用组件 2.组件表示页面中的部分功能 3.组合多个组件实现完整的页面功能 4.特点：可复用，独立，可组合 React组件的两种创建方式 1.使用函数创建组件 2.使用类创建组件 把创建好的组件 抽离为独立JS文件 React事 阅读全文
posted @ 2020-01-28 22:14 ヾ百毒不侵 阅读(152) 评论(0) 推荐(0)
02.JSX语法
摘要：1.JSX的基本使用 1.1creatElement()的问题 1.2JSX简介 1.3使用步骤 1.使用JSX语法创建react元素 2.使用ReactDOM.render()方法渲染react元素到页面中 1.4注意点 1.react元素的属性名使用驼峰命名法 2.特殊属性名：class cla 阅读全文
posted @ 2020-01-27 22:49 ヾ百毒不侵 阅读(164) 评论(0) 推荐(0)
01.React基础
摘要：1.1React基础 1 11什么是React 1 12.React的特点 声明式 基于组件 学习一次，随处使用 声明式 基于组件 学习一次，随处使用 2.1React的安装 2.2React的使用 A.引入react和react dom 两个js文件 B.创建React 元素 C.渲染React 阅读全文
posted @ 2020-01-27 20:40 ヾ百毒不侵 阅读(104) 评论(0) 推荐(0)
07.移动web-总结
摘要：移动端技术选型 阅读全文
posted @ 2020-01-25 10:58 ヾ百毒不侵 阅读(70) 评论(0) 推荐(0)
06.移动web-bootstrap
摘要：Bootstrapj简介 目前最受欢迎的前端框架，基于HTML，CSS和JAVASCRIPT，简洁灵活，使得web开发更加快捷 布局容器 Bootstrop 需要为页面内容和栅格系统包裹一个.container容器，Bootstarp预先定义好了这个类，叫.container 它提供了两个作此用处的 阅读全文
posted @ 2020-01-23 11:31 ヾ百毒不侵 阅读(128) 评论(0) 推荐(0)
05.移动web-响应式布局
摘要：响应式开发的原理 响应式布局容器 阅读全文
posted @ 2020-01-23 06:33 ヾ百毒不侵 阅读(136) 评论(0) 推荐(0)
04. 移动web-简洁高效的rem适配方案flexble.js
摘要：flexble.js 下载并引入flexble.js 一个神奇的vscode插件cssrem 阅读全文
posted @ 2020-01-22 11:32 ヾ百毒不侵 阅读(366) 评论(0) 推荐(0)
03.移动web-开发准备
摘要：1.技术选型 2.搭建相关文件夹结构 3.设置视口标签\引入初始化样式 4.设置公共common.less文件 5.在其他less文件内引入common.js文件 阅读全文
posted @ 2020-01-22 08:27 ヾ百毒不侵 阅读(98) 评论(0) 推荐(0)
05.Pc端跳转
摘要：页面跳转 页面跳转到上一个页面 阅读全文
posted @ 2020-01-20 23:04 ヾ百毒不侵 阅读(127) 评论(0) 推荐(0)
02.移动web-less语法
摘要：less Less(Leaner Style Sheets的缩写) 是一门css扩展语言，也成为Css预处理器。它扩展了css的动态特性。 引入变量 Mixin(混入) 运算 函数 less安装 less 变量 变量是指没有固定的值，可以改变的，因为css中的一些颜色和树枝等经常使用。 less 编 阅读全文
posted @ 2020-01-16 07:43 ヾ百毒不侵 阅读(138) 评论(0) 推荐(0)
01.移动web-媒体查询
摘要：rem单位 rem(root em) 是一个相对单位，类似于em ，em是父元素字体大小。 不同的rem 的基准是相对于html元素的字体大小 比如，根元素(html)设置font size=12px;非根元素设置width:2rem，则换成px表示就是24px; 优点：通过修改html里面的文字大 阅读全文
posted @ 2020-01-15 08:27 ヾ百毒不侵 阅读(111) 评论(0) 推荐(0)
04.javascript-递归
摘要：什么是递归？ 如果一个函数在内部可以调用其本身，那么这个函数就是递归函数 阅读全文
posted @ 2020-01-14 22:22 ヾ百毒不侵 阅读(75) 评论(0) 推荐(0)
03.javascript-正则表达式及应用
摘要：什么是正则表达式？ 正则表达式(Regular Expression)使用于匹配字符串中字符组合的模式，在javascript中，正则表达式也是对象 作用 表单验证(匹配) 正则表达式还常用于过滤掉页面内容中一些敏感词(替换) 从字符串中获取我们想要的特定部分(提取) 特点 灵活性，逻辑性和功能性非 阅读全文
posted @ 2020-01-12 22:19 ヾ百毒不侵 阅读(126) 评论(0) 推荐(0)
02.javascript-ES6语法
摘要：ES6 是由ECMA 国际标准化组织制定的一项脚本语言的标准化规范 let let 声明的变量只在所处于的块级有效 防止循环变量变成全局变量 使用let声明的变量没有变量提升 暂时性死区 let[a,b,c] = [1,2,3] console.log(a,b,c)//1 2 3 //对象解构允许我 阅读全文
posted @ 2020-01-09 22:15 ヾ百毒不侵 阅读(123) 评论(0) 推荐(0)
28-Node.js学习笔记-node.js中常用的几个命令
摘要：node.js中常用的几个命令 阅读全文
posted @ 2020-01-03 11:00 ヾ百毒不侵 阅读(87) 评论(0) 推荐(0)