- 博客(23)
- 收藏
- 关注
RSS订阅原创 史上最全的React学习总结，保你一看就会。(三)
今天主要来讲一下React脚手架，React ajax.一.使用create-react-app创建react应用 1.react脚手架：（1）xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 （2）包含了所有需要的配置（语法检查、jsx编译、devServer…） （3）下载好了所有相关的依赖 （4）可以直接运行一个简单效果 ...
2022-01-14 10:43:34
375
原创 史上最全的React学习总结，保你一看就会。(二)
今天主要讲一下React面向组件编程一.React的基本注意事项和流程：1.注意：（1）组件名必须首字母大写（2）虚拟DOM元素只能有一个根元素（3）虚拟DOM元素必须有结束标签 2.渲染类组件标签的基本流程： （1）React内部会创建组件实例对象 （2）调用render()得到虚拟...
2022-01-13 17:27:22
522
原创 史上最全的React学习总结，保你一看就会。(一)
一.首先介绍一下React：用于动态构建用户界面的JavaScript 库(只关注于视图)。 由Facebook开源。二.React的特点：声明式编码 组件化编码 React Native 编写原生应用 高效（优秀的Diffing算法）三.React高效的原因：使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。 DOM Diffing算法, 最小化页面重绘。四.React的基本使用：1.React中相关js库：...
2022-01-11 15:20:53
2323
原创 前端项目开发流程
前端工程的三个阶段现在的前端开发倒也并非一无所有，回顾一下曾经经历过或听闻过的项目，为了提升其前端开发效率和运行性能，前端团队的工程建设大致会经历三个阶段：第一阶段：库/框架选型前端工程建设的第一项任务就是根据项目特征进行技术选型。基本上现在没有人完全从0开始做网站，哪怕是政府项目用个jquery都很正常吧，React/Angularjs等框架横空出世，解放了不少生产力，合理的技术选型可以为项目节省许多工程量这点毋庸置疑。第二阶段：简单构建优化选型之后基本上就可以开始敲码了，不过光解
2021-12-01 19:55:01
2554
原创 git安装和教程，史上最全（一）
一.git是什么？Git是目前世界上最先进的分布式版本控制系统。二.工作原理 / 流程：Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库三.安装git步骤：官网下载地址：Git - Downloads1.用户协议:2.安装位置：3.基本配置：4.快捷方式存放位置及是否需要开始菜单中创建快捷方式：5.选择默认的vim编辑器：6.自定义分支名称，这里选...
2021-11-04 10:35:17
2856
原创 关于移动端适配，你必须要知道的！！！
常见的移动端适配方式 mate标签：name="viewport" content="width=device-width,initial-scale=1.0" 宽度百分比：宽度百分比，避免出现宽度溢出出现横向滚动条 rem：用rem单位来设置文字和文字周边距离，使用同一个可修改的单位，实现了只修改一个数值就可以修改多处单位的目的 vw/vh：1vw等于视口宽度的1%，1vh等于视口高度的1%。viewport单位自然而然的根据视口大小来改变单位的值。 媒体
2021-10-22 16:47:45
724
原创 美食杰-----发布菜谱（完结）
这篇写的是美食杰---发布菜谱页面，这是美食杰最后一篇文章了。给大家整理一下其余几篇美食杰项目的页面：美食杰---首页：美食杰项目---首页_m0_62201566的博客-CSDN博客美食杰---登录页：美食杰项目----登录页面，看了不会来找我！！！_m0_62201566的博客-CSDN博客美食杰---编辑个人资料：用vue实现美食杰项目---编辑个人资料，傻瓜式教程，看了就会！！！_m0_62201566的博客-CSDN博客美食杰---个人空间：美食杰项目---个人..
2021-10-13 20:05:15
212
原创 美食杰----详情页（续写）
今天要讲的是美食杰详情页面，这个页面主要讲述的是菜品制作的详细步骤，其中分为三部分：头部，内容和评价。思路：根据menuId 请求数据(查看数据结构),渲染页面(如果没有menuld，提示框请登录) 注意:数据结构过多，在保存到组件中时，提前写好默认值。避免在异步请求返回数据之前找不到属性。 头部: 1.根据数据，逐个渲染头部页面。用户信息中，query传入用户id，跳转个人空间。 2收藏按钮:判断是否本人登录再显示。 ...
2021-10-12 20:18:06
148
原创 美食杰----菜谱大全（二）
这篇文章接着续写上一篇菜谱大全，这篇文章主要写的是右边的侧栏部分。一.思路：1.首先布局，要用到Element Ui组件来布局。 2.然后从后端获取数据。 3.将调用到的数据进行解构，再创建个空数组，将要用的数据保存的新建的数组里。 4.渲染数据。 5.实现Loading加载事件。 6.实现页码跳转效果，点击相应的代码，出现内容。...
2021-10-11 19:16:45
179
原创 美食杰----菜谱大全
今天我们来写美食杰的菜谱大全页面，首先要讲的是实现这个页面的流程：拿到数据----渲染数据----监听路由传参----判断----写点击事件1.在api里面拿到数据getClassify, getProperty, getMenus。2.再创建个空数组classify存放数据，把数据赋值给data。3.渲染数据，用v-for渲染数据。4.在watch里深度监听路由传参。5.再用if判断，判断是否点击，如果点击过就取消；否则，选中。6.用@click写点击事件，点击的时候地址栏中的
2021-10-09 20:24:52
457
原创 美食杰项目---个人空间
今天继续来写美食杰项目之个人空间，连载哦！！！总体思路1.显示别人的空间a.地址栏中如有userId 则显示对应的用户数据2.显示自身空间a.如果没有userId 则默认显示自己信息b.如果在菜谱中 点击自己 也是有userId传递c.通过判断是否为自己的 如果是，不需要后端拿,登录时，个人信息已经存在vuex中...
2021-10-09 15:04:11
154
原创 Vue-Router手把手教程，超详细！！！
安装：npm install vue-router1.router-view<router-view>是一个功能性组件，用于渲染路径匹配到的视图组件。可以配合<transition>和<keep-alive>使用。如果两个一起用，要确保在内层使用<keep-alive>。<router-view></router-view> <!--或--> <router-view name="footer"&g.
2021-10-06 23:04:30
398
原创 前端最全面试题之JS，es6，面试官必问！！！
1.Js 中.call()与.apply()区别？apply：调用一个对象的一个方法，用另一个对象替换当前对象。 call：调用一个对象的一个方法，用另一个对象替换当前对象。 从定义中可以看出，call 和 apply 都是调用一个对象的一个方法，用另一个对象替换当前对象。而不同之处在于传递的参数，apply 最多只能有两个参数——新 this 对象和一个数组 argArray，如果 arg 不是数组则会报错。相同点:两个方法产生的作用是完全一样的。call, apply 作用就是借
2021-10-06 11:03:36
249
原创 用vue实现todos，todos里面包含了增删改查功能，不会的看过来，保准你会！！！
一.先写静态页面，然后把静态页面分组件划分，最后再写效果，效果有增删改查。二.效果展示：三.代码展示：todos.css:*{ padding: 0; margin: 0;}ul,ol,li{ list-style: none;}body{ background-color: #F5F5F5;}#app{ width: 550px; margin: 10px auto; }.title{ height: 150px; line-height: 150.
2021-10-05 17:00:00
1053
原创 vue中组件通信的方式有哪些？
1.父传子：在子组件中可以接收父组件传入的值：基于属性传递通过props接收；通过props接受的属性和data数据一样，是直接挂载到实例上的。例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">...
2021-10-05 11:47:32
186
原创 前端最基础的效果----手风琴效果，用JS实现！！！
先展示一下效果图：点击手风琴，会下拉出内容，点击+ - 也会有效果，下面展示代码：这是css样式：<style> *{ padding: 0; margin: 0; } ul,li,ol{ list-style: none; } .wrap{ width: 400px; m..
2021-10-03 15:21:14
3509
原创 轮播图效果，用JS实现，简单易懂，冲冲冲！！！
本篇文章主要讲的是用js实现轮播图效果，话不多说直接上代码！！css代码： *{ padding: 0; margin: 0; } ul,ol,li{ list-style: none; } .wrap{ width: 520px; height: 280px; margin: 50px.
2021-10-03 12:36:37
159
原创 2021前端面试题之html,css,浏览器相关，面试官必问！！！
1.网络中使用最多的图片格式有哪些？JPEG,GIF,PNG,最流行的是 jpeg 格式，可以把文件压缩到最小 在 ps 以 jpeg 格式存储时，提供11级压缩级别 2.视频/音频标签的使用 ？视频：<video src=””></video> 视频标签属性： src 需要播放的视频地址 width/height 设置播放视频的宽高，和 img 标签的宽高属性一样 autoplay 是否自动播放 controls 是否显示控制条 pos
2021-10-03 12:08:56
219
原创 用vue实现美食杰项目---编辑个人资料，傻瓜式教程，看了就会！！！
一.项目介绍：上一篇介绍了美食杰项目的登录页面，这篇我们来介绍一下登录之后的编辑个人资料页面，感兴趣的一起来看看吧！！！1.首先点击个人跳转到空间，然后点击编辑个人资料就会跳转到我们今天要介绍的页面。2.技术线如下：配置路由设置图片的最大宽度，尺寸大小请求接口参数 上传图片，图片展示 渲染页面3.要用到的组件有：Element ui安装方法如下：二.效果展示：...
2021-09-28 09:34:09
581
原创 美食杰项目----登录页面，看了不会来找我！！！
一.项目介绍：通过使用element ui组件库对页面进行布局，然后再通过路由守卫验证登录状态验证登录：有些路由是需要登录的，判断状态1.没有登录：跳转到登录页2.登录：直接进入3.有些路由不需要登录，那就直接进入；ps：是否需要登录--meta二.效果展示：三.代码展示：login.vue:登录页面<template> <div class="login-section"> <!-- :rules=...
2021-09-25 20:34:13
477
1
原创 2021前端vue最新面试题,考试必有！！！
1.什么是vue.js？1）Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。2）Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。3）Vue 是现在的主流框架之一，现在主流框架有angular、react、vue。2.什么是渐进式框架？现在的框架基本上都是重量级的，里面包含很多方法和模块，但是我们在实际开发的过程中，我们可能用不了所有的方法，我们在开发的过程中，会按照功能分为模块进行开发，根据实际.
2021-09-24 18:29:45
834
原创 给大家总结了一些关于面向对象，闭包函数，原型链的题，话不多说，直接上干货！！！
欢迎来到1.创建对象的方式？1)直接给对象绑定属性和方法2)通过字面量创建对象3)工厂模式4)构造函数5)原型对象6)混合模式(构造函数+原型对象)2.如何创建一个对象, 实现 属性私有方法共享?function Obj(name,age){this.name=name;this.age=age;this.fn()}Obj.prototype.fn=function(){console.log(this.name);}var o=new Obj(.
2021-09-24 09:29:25
282
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人