- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue进阶知识点（4）——vue脚手架介绍与安装
什么是脚手架？通过前三节我们了解到了webpack的基本使用一般情况下，我们不会手写webpack配置，因为自己纯手工配置webpack效率很低甚至写的配置内容也不是很好的在开发大型项目的时候会考虑很多因素，首先就需要配置webpack和文件目录结构如果每个项目都手动配置，就十分的麻烦通常我们会使用脚手架来自动生成webpack配置和目录结构使用脚手架，通过命令行内输入的命令就可以帮助我们配置好相关配置使用脚手架的前提脚手架依赖node，因为webpack依赖node，而脚手架会生成
2021-11-03 07:00:00
223
原创 vue进阶知识点（2）——webpack介绍和安装
什么是webpack ？webpack是前端模块化打包工具sass less ts等开发的项目，部署到服务器，可能浏览器是不支持的，还有使用ES6编写的代码，有一部分浏览器是不支持的，要用一些工具，打包转化成浏览器认识的代码这时候就需要打包工具，有很多工具，比如gulp，webpack等可以帮我们打包在项目开发中使用Commonjs，ES6等模块化语法，经过webpack打包之后，浏览器就可以识别了在webpack中，除了可以转换JS文件以外，CSS,JSON和图片也会被当作模块来使用
2021-11-02 07:45:00
145
原创 vue进阶知识点（1）——模块化开发
为什么要有模块化 ？三大框架都用到了模块化的思想，由此可知，模块化变得越来越常见发明JS语言的目的操作html和css，让页面更酷炫一点，是一种脚本语言199几年的时候，js使用非常简单，直接写script标签，稍微操作页面元素就可以了随着ajxs和前后端分离的思想，前端的代码越来越复杂，客户端做的事情越来越多，代码量越来越多，开始创建js文件，不再在页面中直接写script标签，js文件多了之后需要维护多个js文件会造成哪些问题 ？项目中有三个角色，A和B和C分别开发自己
2021-11-01 13:45:13
181
原创 超链接target属性和取值和作用（CSS第三弹）
提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！target属性用来指定所连接的页面在浏览器窗口打开的方式_blank 在新窗口中打开链接_self 在自身窗口打开链接 ——默认行为_top在整个窗口打开链接_parent在父级窗口打开链接举例：<a target="_top"></a>...
2021-10-29 17:56:23
1263
1
原创 Redux配合axios的基本使用（Redux第三弹）
Redux配合axios的基本使用（Redux第三弹）提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！配置一个后端接口使用axios进行后端数据的获取npm install --save axios在生命周期函数中进行get请求获取数据获取数据之后，要把数据放到仓库中找到抽离出去的action文件，在这个文件中定义获取列表数据的action还需要在抽离出去的type文件中定义一下getlist的type值在
2021-10-22 09:00:00
388
原创 Redux使用技巧（Redux第三弹）
Redux使用技巧（Redux第三弹）提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！技巧一：把action中的type值抽离成单独的文件在组件内部写多个action，action的type值需要在reducer中获取并判断，这个type值很容易在书写过程中写错，从而导致你很难发现到底是哪里出现了错误，另外某个action可能在项目中多次使用，如果你在每个组件中都写一个，那样代码的复用性不高，基于以上两点，我们可以把这些action的type单独
2021-10-21 21:15:00
118
原创 Redux基本使用（Redux第二弹）
Redux基本使用（Redux第二弹）提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！1.通过Input输入框体验Redux，输入框改变影响store里的值给input输入框绑定一个onChange事件，只要文本框内容一改变就会触发一个函数，并且定义这个函数，建立action对象，（我们的目的是改变store里的值），对象里有两个属性，一个是type，相当于给action起名字，一个是value，是要传递到store里的值acti
2021-10-20 16:23:13
145
原创 Redux基本使用（Redux第一弹）
Redux基本使用（Redux第一弹）提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！安装Reduxnpm install --save redux在src目录下创建store文件夹，文件夹下新建index.js文件并导出，index.js就是仓库store仓库没有管理员是没办法操作的，所以我们还要建立一个管理员reducer，在store文件夹下新建一个reducer.js，数据我们用的是默认值把管理员导入到仓库中
2021-10-19 18:32:30
102
原创 30秒轻松模拟后端接口，“0“编码实现Restful API（一）
取数据get增post改put会全替换改patch没变的不会改删除delete
2021-10-14 15:58:48
400
原创 React第三弹——什么是有状态组件和无状态组件
React第三弹——什么是有状态组件和无状态组件提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！废话不多说，首先先要了解一个词"状态"，什么是状态呢？通俗的说就是指组件中需要的数据。在React中，是以数据为驱动来进行页面更新的，要记住是数据改变，页面更新。在React中，用state表示状态，也就是组件内部的数据，在组件外部是拿不到的。那对于有状态组件和无状态组件最简单的理解就是一个组件里面有状态(state)，一个组件里没有状态(state
2021-09-14 09:54:34
292
原创 React第二弹——什么是React组件
React第二弹——什么是React组件提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！说到组件，想必大家并不会陌生，随着组件化开发思想的诞生，前端在开发时才会变得如次方便。所谓组件化开发，就是把一个个功能抽离出去成为单独的模块，需要的时候直接引入就可以，这样极大的提高了代码的复用性和灵活性。在React中，有两种组件，一个是函数组件，一个是类组件，我们先聊聊函数组件。函数组件，顾名思义就是用函数创建的组件。举个栗子import React f
2021-09-12 21:33:45
81
原创 React第一弹——什么是JSX
React第一弹——什么是JSX提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！在介绍JSX之前我们先梳理一下怎样在脚手架中使用React1.在index.js文件中需要先导入react和react-dom两个包，通过es6里的模块化语法进行导入，（因为脚手架是基于webpack的，可以使用es6里的模块化语法进行导入）2.创建react元素3.渲染react元素具体写法如下图所示这里创建react元素使用的是React.createE
2021-07-31 16:54:51
206
1
原创 Vue第一弹——什么是Vue
Vue第一弹——什么是Vue以及Vue的优点提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！要说到Vue就要从很久之前说起 。 Long long ago，我们使用原生的JS来开发项目，需要频繁手动的操作DOM，而且还要存在大量的兼容性问题，这也是比较烦的一个问题，随后出现了JQ库，他是一个库，并不是框架。那就会有人问，库是什么，框架是什么，下面我举一个例子来说一下库和框架的区别假如我们要买一台自行车，框架为我们提供了已经装好的自行车，我们只要买回
2021-07-27 13:57:01
147
1
原创 HTML第一弹——什么是HTML的语义化
HTML第一弹——什么是HTML的语义化提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！HTML的语义化在面试中是一个经常会被提到的一个问题，如果面试官问让你解释一下你所理解的语义化，你会怎么回答？如果我没有猜错的话，你一定会说：就是用合适的标签做合适的事嘛，可是你想一想，面试官每天面对的可不止你一个人，你这样的回答会不会让他在一群人中一下子记住你，so，在回答这种简单的问题的时候，我们更不能丢分，下面是我总结的答案，分为3个方面，分别是语义化的背景
2021-07-19 22:15:57
180
1
原创 CSS第二弹——什么是BFC(块级格式化上下文)
CSS第二弹——什么是BFC(块级格式化上下文)本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！什么是BFCBFC又称块级格式化上下文，在网页当中每一个盒子都有着相同的渲染规则，但是当我们为某个盒子触发BFC的时候，这个有特点的盒子就会遵循另一个规则，有人会说遵循另一个规则又会怎样，其实触发了BFC会解决很多问题，首先我们先研究一下怎样会触发BFC呢怎样会触发BFC触发BFC的方法有4种1.position：absolute2.display：
2021-07-19 21:42:06
147
原创 CSS第一弹——如何清除浮动
CSS第一弹——如何清除浮动本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！清除浮动在清除浮动之前我们需要弄清楚一点，为什么要清除浮动？原因就是在父元素包裹子元素的情况下，给子元素设置了浮动，但是我们不方便给父级设置高度，如果父级没有高度，子元素脱离文档流，就会产生浮动塌陷。导致了父元素高度为0，影响了下面其他的元素，这时候就需要清除浮动```html 我是爹 我是儿子
2021-07-18 22:33:19
232
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人