2021 年 1月随笔档案 - 程序员草莓

前端开发！

摘要：一。js 数据类型有几种？ 1基本：null undefined number string bool。 symbol object， typeof （）是一个一元运算符，括号可以省略，拥有很高的运算符。 2 复杂数据类型： object。 typeof （object）：object。二。阅读全文

posted @ 2021-01-31 23:35 程序员草莓阅读(92) 评论(0) 推荐(0)

React提高：context

摘要：一种组件间的通信方式，常用于【祖组件】和【后代组件】间通信！！！如果是AB父子组件间通信，直接用props就好。比如： 1 祖孙 A->C 。 2 组曾孙。A->D 阅读全文

posted @ 2021-01-29 19:57 程序员草莓阅读(66) 评论(0) 推荐(0)

3.2 ReactDOM 的diff算法

摘要：a 阅读全文

posted @ 2021-01-29 16:46 程序员草莓阅读(50) 评论(0) 推荐(0)

3.1 React 生命周期函数（新）（16.8）

摘要：React16.8之后。 1废弃了3个will （钩子）最重要的三个：render， componentDidMount，componentWillUnMount。。。。所有will先关的都要+上UNSAFE ，除了unmount。挂载： willMount，父组件rendner，willR 阅读全文

posted @ 2021-01-29 16:30 程序员草莓阅读(125) 评论(0) 推荐(0)

3.1 React生命周期（旧的）

摘要：生命周期流程图（旧）：生命周期回调函数 <->生命周期钩子函数 <->生命周期函数 <->生命周期 (勾出来执行一下） 1 挂载：constructor-.> componentwill Mount-》render-》componentdimounnt 出生，怀孕了，将要出生了，出生了，挂载结束了阅读全文

posted @ 2021-01-29 14:59 程序员草莓阅读(64) 评论(0) 推荐(0)

3.3 React Hooks

摘要：1 React Hook、hooks是什么？ 1 hook是react16.8中版本新增的新特性，新语法。（16.8 yyds） 2 可以在函数组件中，使用state 以及其他的React的特性！！！阅读全文

posted @ 2021-01-28 18:22 程序员草莓阅读(63) 评论(0) 推荐(0)

ES6高阶函数

摘要：面试视频：https://www.bilibili.com/video/BV1Cy4y1q7xz?from=search&seid=5116431860248709638 学习笔记：https://www.jianshu.com/p/2975c25e4d71 学习笔记：https://segmen 阅读全文

posted @ 2021-01-28 17:48 程序员草莓阅读(204) 评论(0) 推荐(0)

ES6扩展运算符

摘要：博客链接：https://blog.csdn.net/astonishqft/article/details/82899965 用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中。 const [first, ...rest] = [1, 2, 3, 4, 5]; first // 1 rest 阅读全文

posted @ 2021-01-27 15:30 程序员草莓阅读(63) 评论(0) 推荐(0)

4.0不用npm，cnpm。使用yarn包启动react项目

摘要：启动的时候请注意：https://blog.csdn.net/weixin_44051236/article/details/106288657 ！！！如果用npm安装的话！第一步：全局安装：Npm install -g create-react-app 第二部:cd 目录 create-rea 阅读全文

posted @ 2021-01-27 11:28 程序员草莓阅读(2002) 评论(0) 推荐(0)

4.3 webpack打包学习

摘要：webpack需要学习3个。 1 生产环境配置。 2 开发环境配置。 3 webpack优化。 webpack（静态模块打包器！）5个核心的概念：依赖关系图！ 1 Entry：起点。（找到起点文件，从而分析依赖关系图） 2 Output：打包后的bundles输出到哪里，如何命名！ 3 Loade 阅读全文

posted @ 2021-01-24 22:37 程序员草莓阅读(91) 评论(0) 推荐(0)

4.2 Node.js模块化教程

摘要：https://www.jianshu.com/p/7efaecc0ae0d Node.js模块化教程模块化的规范有4个。其中ES6是最常用的！其目录是： js模块： dist：最终生成的目录。 bulid：构建模块。 src：源目录。：main.js module模块。 package.json 阅读全文

posted @ 2021-01-24 22:24 程序员草莓阅读(89) 评论(0) 推荐(0)

4.1React模块化

摘要：babel.min.js babel作用： 1ES6 转ES5。 2 将JSX转化为JS。（浏览器只认JS）JSX：就是js添加一部分！ react.develoment.js：核心库。引入对象React。 react-dom.develoment.js 扩展库。(操作DOM）引入ReactDOM 阅读全文

posted @ 2021-01-21 22:59 程序员草莓阅读(95) 评论(0) 推荐(0)

vue组件化开发

摘要：vue组件化开发思想。 vue组件注册。 vue组件间的数据交互， vue组件插槽。 Vue组件： 1 HTML->模块化开发 ->组件化开发->框架化. 全局组件：可以在任意使用。局部组件：只有在当前组件加载的使用，才会加载局部组件。 2 创建局部组件阅读全文

posted @ 2021-01-20 00:19 程序员草莓阅读(66) 评论(0) 推荐(0)

js箭头函数

摘要：https://segmentfault.com/a/1190000020134330 为什么要引用js箭头函数: (更简短的函数并且不绑定this。) 1 简短的函数：无参数（）=>{return } 有1个参数（v）=>{return } 有两个参数（v1,v2）=>{return } 阅读全文

posted @ 2021-01-18 20:34 程序员草莓阅读(223) 评论(0) 推荐(0)

js类和对象，继承（6中方式）

摘要：博客： https://www.cnblogs.com/ranyonsue/p/11201730.html 视频： https://www.bilibili.com/video/BV1iK4y1h76D/?spm_id_from=333.788.recommend_more_video.1 http 阅读全文

posted @ 2021-01-17 23:23 程序员草莓阅读(110) 评论(0) 推荐(0)

js类和对象，继承（class语法题）

摘要：类：抽取对象（属性和行为）进行封装，成为一个类。对象：类的实例化，获取类的对象。对象组成：属性（数据）。方法（函数）。 ES6 1 声明类：class。 class Name{} 2 实例化：new 3 类的constructor构造函数：类的默认构造函数，用于传递参数，返回实例化对象。阅读全文

posted @ 2021-01-17 22:11 程序员草莓阅读(164) 评论(0) 推荐(0)

网站

摘要：掘金:https://juejin.cn/ 英语：http://www.youdao.com/w/assign/#keyfrom=dict2.top。 jq babel 链接（打开ctrl+s保存下）：https://www.bootcdn.cn/ 我的网站： http://free.3v.do/ 阅读全文

posted @ 2021-01-08 16:23 程序员草莓阅读(1796) 评论(0) 推荐(0)

品优购项目1- iconfont使用教程：

摘要：iconfont使用教程： https://blog.csdn.net/qq_32113629/article/details/79740949?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnP 阅读全文

posted @ 2021-01-02 16:30 程序员草莓阅读(82) 评论(0) 推荐(0)

品优购项目搭建

摘要：1 项目描述。 3个界面。 pc端首页列表页面注册页面。 2 练习，布局方式。PC端开发页面的流程。 3 开发工具： VS， ps。技术栈： HTML5+CSS3手动布局。开发规范：HTML 规范，图片规范，CSS规范，命名规范。 1 favicon 制作： 1 选中文件。 2 进网页进行切阅读全文

posted @ 2021-01-01 23:36 程序员草莓阅读(111) 评论(0) 推荐(0)