- 博客(14)
- 收藏
- 关注
RSS订阅转载 前端项目之react-todolist
一、搭建好react的环境npm install -g create-react-appcreate-react-app . // 这一命令会在文件夹中生成package.json/node-modules/public/src/.gitignore/package-lock.json/README.md这一系列的文件yarn start // 不会生成buil...
2018-02-24 18:45:00
162
转载 React的生命周期
React的生命周期主要分为三段，mount（挂载）、update（更新）、unmount（卸载）。一、mount，即挂载阶段，第一次让组件出现在页面中的过程，React会将render的返回值插入到页面中，这个过程会暴露以下几个钩子（hook）：constructor() // 初始化props和statecomponentWillMount() ...
2018-02-23 17:25:00
126
转载 浅谈setState
在设置组件的属性时我们都知道，一般把固定不变的属性设置放在props上，把会实时发生变化的属性放在state上，那么怎么样才能改变这个变化的属性值呢，我们用到这个函数，即setState。setState不会立刻改变React组件中的state的值。setState通过引发组件的一次更新过程来引发重新绘制。多次setState函数调用产生的结果会合并。 以上...
2018-02-23 16:23:00
96
转载 react入门基础知识
一、HTML模板React的网页源码大致如下：<!DOCTYPE html><html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></scr...
2018-02-07 13:23:00
90
转载 写一个自己的webpack项目
1. 安装：为了更好的理解npm，我们运行下面两行命令：npm config set loglevel http // 让我们知道运行的每一个npm命令npm config set progress false // 关闭那个进度条为了使安装的速度更快，我们使用淘宝的镜像：npm config set registry https://registr...
2018-02-06 18:21:00
98
转载 Webpack的使用
一、安装：在全局环境下安装$ npm i -g webpack webpack-dev-server二、运行命令，如果不能自动打开网页，在浏览器的地址栏输入：http://127.0.0.1:8080npm run devwebpack是为浏览器构建JavaScript模块脚本的quan前端工具。它可以类似于Browserify一样，但是能做的更多。...
2018-02-06 13:19:00
140
转载 GitHub的新建仓库、上传代码、预览链接、删除仓库
在使用GitHub的过程中常常会出现一下子忘了曾经很熟的命令怎么突然不会写了。。。在此整理一份，方便复习。 首先新建仓库：这样我们就新建了一个GitHub上的远程仓库，接下来将本地的代码传入远程仓库。找到本地的文件夹，在文件夹下依次执行下面的命令。git initgit add . git commit -m "first"git remo...
2018-01-30 11:28:00
96
转载 数组常见基础知识
1. 数组是一种特殊的对象，键名是默认的， 1,2,3，所以定义数组的时候会省略。2. 对象的键名一律为字符串，数组的键名会被自动转换为字符串。3. 对象可以用点方法读取，也可以用方括号的方法读取，但是数组只能用方括号的方法读取。4. keys是一种类数组对象，只有数组的length一种属性，还是自己定义的。类数组对象常见的有：arguments 对象，DOM元素集，字符串等...
2018-01-26 10:08:00
79
转载 icon的制作方法
字体图标的制作方法有这样几种： 1. img法； 2. background法； 3. sprites雪碧图或精灵图； 4. font法； 5. SVG法；（推荐） 6. CSS动手画。 方法一，img法，使用Photoshop软件进行切图和修图，实现设计师交给我们的设计稿。设计师可能会给我们两种格式的图片，一种是psd的，可以使用P...
2018-01-16 11:16:00
279
转载 堆叠上下文
本文试着先解释一下堆叠顺序是什么，在引入堆叠上下文。 MDN上这样解释堆叠上下文： 层叠上下文是HTML元素的三维概念，这些HTML元素在一条假想的相对于面向（电脑屏幕的）视窗或者网页的用户的z轴上延伸，HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。 平时我们浏览网页时，可以理解为从网页的正视图方向观看，理解堆叠上下文时，我们试着从侧视图的方...
2018-01-15 23:00:00
153
转载 总结一下各种居中（内联元素、块级元素、浮动元素、绝对定位元素）*（水平、垂直）...
在平时写网页样式的时候，元素居中应该是最常见不过的了，在这里我们把常见居中的情况简单总结一下。本文讨论以下几种情况：内联元素、块级元素、浮动元素、绝对定位元素。居中的情况分两种情况：水平居中和垂直居中。刚接触到居中，我想到的是两个方向，一是使元素内部的所有元素相对于此元素居中，另一个是元素在其他元素中居中。以下的居中我们讨论的都是元素在其他元素中居中。 （一）内联元素 水...
2018-01-11 23:42:00
182
转载 块级元素和内联元素的宽高是如何确定的
在刚接触CSS的时候，每次给元素添加样式，都习惯性的写上宽是多少，高是多少，为自己挖坑无数，还暗自抱怨说CSS好烦，不过它真的是好烦，脾气很怪。 好，言归正传。在讨论元素的宽高是如何确定的之前，我们先明确一下文档流的概念：对于内联元素，是从左到右排列的，当宽度不够时换行；对于块级元素，是从上到下排列的，每一个元素都另起一行。 一、内联元素宽高的确定 宽度：不受wid...
2018-01-11 19:26:00
252
转载 文本溢出（单行、多行）
我们在浏览新闻的时候经常看见这样的效果，在将新闻的亮点总结成一句话的时候网页上不能完全展示，这时我们就会被要求做成这种文本溢出部分用省略号代替的效果。这样的效果分为两种情况，一种是单行文本，另一种是多行文本。 i. 单行文本时，我们这样写：white-space: nowrap;overflow: hidden;text-overflow: ellipsis;...
2018-01-09 13:37:00
158
转载 CSS入门级常识
在学习前端知识的过程中，我把HTML和CSS知识作为我的入门级语言来接收，从今天开始写关于CSS知识有关的博客，那么，今天简单介绍一下CSS知识的入门级常识。了解一门语言，像很多课程一样，我们从来源和历史开始。 CSS出现在HTML（超文本标记语言）之后，在CSS出现之前，很多样式都是通过HTML本身的功能添加的，HTML最开始被发明是用来在互联网上发表论文或文章的，所以它...
2018-01-08 16:32:00
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人