herry菌 - 博客园

2020年4月25日

摘要：以下是代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>m3 阅读全文

posted @ 2020-04-25 22:09 herry菌阅读(6858) 评论(0) 推荐(0)

2020年4月19日

前端笔记（关于css盒模型知识整理）

摘要：我以前整理的文章可能也不是特别深入。所以现在开始尝试即使多花点时间收集整理，也不只发浅层知识，这样对技术的深入理解是很有帮助的。废话不多说，我们现在开始。说到css盒模型，这是大多面试基础中会经常面到的。首先我们要知道，什么是盒模型？盒模型分为两种：w3c盒模型和IE盒模型。现在大多数浏览器阅读全文

posted @ 2020-04-19 20:47 herry菌阅读(396) 评论(0) 推荐(1)

2020年4月11日

前端笔记（使用html\css\jquery造n*n的格子，根据预算购买到最多的商品）

摘要：需求：创建一个n*n的格子，n是输入框的数字，点击重渲染可以重新画一个n*n的格子，鼠标移入格子中，对应的格子背景设变成红色，点击对应的格子，背景色变成蓝色，再点一次还原颜色。要造格子有好几种方式，可以用table、ul和li，或者直接使用完全的div 这里为了方便理解，我使用ul和li。定义h 阅读全文

posted @ 2020-04-11 21:18 herry菌阅读(651) 评论(0) 推荐(0)

2020年4月10日

前端笔记（关于受控组件与非受控组件）

摘要：何为受控组件与非受控组件？像input、textarea、select标签等在html中是可以进行用户输入改变内容的，而在react中即使一个原生组件。受控与非受控就从这几个组件中说明受控组件：从字面理解，就是组件受到了react的状态控制，。所以要使用setState才能进行修改内容当in 阅读全文

posted @ 2020-04-10 21:56 herry菌阅读(488) 评论(0) 推荐(1)

2020年4月8日

前端笔记 2020.4.8（flex，split，css选择器，数组多维转一维）

摘要： flex 完成布局： 1、4两个定宽，2、3两个不定宽，定比例，4偏上 flex css的考察 html <div class="flex"> <div class="d d1"></div> <div class="d d2"></div> <div class="d d3"></div> <di 阅读全文

posted @ 2020-04-08 16:53 herry菌阅读(224) 评论(0) 推荐(0)

2020年4月4日

前端笔记 2020.4.4 （图像、网页灰度处理，哀悼日可用。react多页应用开发）

摘要：灰度处理：今天是全国哀悼日，几乎许多大型网站都将网站首页变成的灰白色，以此纪念今天。看了一下某几个网站的处理方式是使用了css直接处理法： html{ -webkit-filter: grayscale(100%); filter: grayscale(100%); } 直接在html标签中增加阅读全文

posted @ 2020-04-04 10:25 herry菌阅读(520) 评论(0) 推荐(0)

2020年4月2日

前端笔记 2020.4.2 （React生命周期）

摘要：关于对React生命周期的理解： defaultProps：此为初始化props 用于页面中数据传入（2种写法，一般组件内，大多情况不写）组件内组件外 constructor：状态初始化 componentWillMount：组件渲染前执行 render：组件首次渲染 componentDidM 阅读全文

posted @ 2020-04-02 18:12 herry菌阅读(207) 评论(0) 推荐(0)

前端笔记 2020.4.2 （Array）

摘要：数组： { let arr=[1,2,3,5] arr.push(5)//向后追加元素 console.log(arr) arr.unshift(6)//向前插入元素 console.log(arr) arr.splice(2,2)//从下标2开始删除2项 console.log(arr) let 阅读全文

posted @ 2020-04-02 11:52 herry菌阅读(171) 评论(0) 推荐(0)

2020年4月1日

前端笔记 2020.4.1（工厂模式，构造函数，原型模式）面向对象

摘要：工厂模式：（不知道对象的类型） //工厂模式 function createPerson(name,age,job){ var o={ name:name, age:age, job:job, sayName(){ console.log(`我是${this.name}`) } } return o 阅读全文

posted @ 2020-04-01 23:23 herry菌阅读(160) 评论(0) 推荐(0)

前端笔记 2020.4.1 （nodejs文件读写、最简nodejs搭建http服务器，数据转型）数据类型

摘要： nodejs文件读写： //读取文件流 function readStream(){ var fs=require("fs"); var data=""; var readerStream=fs.createReadStream("input.txt"); readerStream.setEncod 阅读全文

posted @ 2020-04-01 22:28 herry菌阅读(206) 评论(0) 推荐(0)

公告