- 博客(17)
- 收藏
- 关注
原创 VUE面试题
学习vuevue以数据驱动视图的渐进式 MVVM 框架渐进式:循序渐进的使用vue,可选择性强,可以只要是vue其中的一个小功能,不必完全使用vue,不强制的意思MVVM:m model-模型数据,v-view 视图;数据是双向绑定的,使用数据改变导致视图改变MVC:m:model-V:view-c:控制器 数据改变控制页面也改变vue底层原理和vue描述原理:Object.definePropertyvue:优点:虚拟dom,数据驱动,双向响应,模块化开发,浏览器统一兼容。
2022-04-22 09:30:00
1524
原创 es6小题
es6有哪些promise 箭头函数 模板字符串 解构 let/const Async/Await class import/export … 展开运算符es6和es5区别ES5中是没有块级作用域的箭头函数ES6中的函数定义不再使用关键字function(),而是利用了()=>来进行定义模板字符串解构赋值等等es5: 不允许使用eval 4)不允许delete 4)不允许with语句promise解决回到地狱Promise一旦新建
2022-04-21 20:24:03
1134
原创 JS小结面试题
上拉下拉思路1.只要上拉, 触发 上拉加载的方法,就让page页+1; 然后调用接口 将页码传过去,拿到数据 追加到 数组中,刷新数据2.只要下拉刷新,就让 让 page=1, 请求接口将page传递到后台,拿到数据后,首先将之前存储数据的数组清空,然后再把数据添加带该数组中,刷新数据.js中new之后做了什么生成了一个{}改变了this指向,从window变成了{}属性、属性值和方法存入到{}生成了一个隐含的__proto__,指向了prototypereturn {}进程
2022-04-21 19:48:28
726
原创 数组的方法
数组方法:不改变原数组:1、concat:连接两个或多个数组,并返回结果var a=[1,2,3]; a.concat([4,5]); 结果:[1, 2, 3, 4, 5] a;结果:[1, 2, 3]2、join:把数组的所有元素放入一个字符串,并使用指定的分隔符进行分隔 数组转化为字符串var a=[1,2,3]; a.join("|"); 结果:"1|2|3" a;结果:[1, 2, 3]3、slice:从已有数组中选定元素,并返回选定的元素
2022-04-21 17:07:05
383
原创 React中关于props的那些事
props是react中算是基础知识吧,熟练掌握props可以让我们在使用React的时候更方便快捷的书写项目,下面是我个人总结所学的知识整理的props的六个使用场景在介绍之前我们先看一下react的组件:函数组件和类组件第一种传值:基础数据类型//父组件import Reacr, { Component } from 'react';//引入我们的子组件import Child from "./Child"class View extends Component{ render
2021-10-18 09:19:03
161
原创 react项目创建(附带路由)
react项目创建流程先创建一给git 仓库 ( 设置模板 必须 选择 Readme文件 勾选 )git clone ( 克隆项目 )npx create-react-app ’ name ’ 创建react项目git add -all – git commit -m ‘xx’cd name 进入项目yarn eject 开启高级模式替换packge.json 文件里的 script内容"scripts": { "build-css":
2021-09-27 11:51:05
419
原创 react面试题
受控组件与非受控组件在 HTML 中,表单元素(如、 和 )通常自己维护 state,并根据用户输入进行更新。而在 React 中,可变状态(mutable state)通常保存在组件的 state 属性中,并且只能通过使用 setState()来更新。我们可以把两者结合起来,使 React 的 state 成为“唯一数据源”。渲染表单的 React 组件还控制着用户输入过程中表单发生的操作。被 React 以这种方式控制取值的表单输入元素就叫做“受控组件”。...
2021-09-08 16:42:52
96
原创 react简单实现模块跳转
import React,{Component} from 'react';class View extends Component { constructor(props) { super(props); this.state = { cls: 'parent_one', name: '', age: '', cla:'' } } changeCls(cls) { th
2021-08-04 11:13:44
211
1
原创 CSS3使用
1. Css语法选择器{属性:属性值属性1:属性值1}Ul样式List-style:none;去点Li的前面显示小图标List-style-imgge:url();url统一资源定位符 指的是地址background是背景 也可以插入图片color:#fff;字体颜色文字文本样式Text-decorration:文本装饰样式-none没有样式-underline下划线-line-through中线/删除线-overlinetext-indent首行缩进-
2021-07-19 16:32:50
156
原创 HTML5与CSS
HTMLHTMLHTML结构标签元素HTMLHTML结构title 我的标题meta 一个普通标签charset 字符设置UTF-8 万国码body 内容书写区域<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &
2021-07-19 16:23:19
232
原创 react项目创建
如何创建一个完整的React项目项目创建前置准备工具项目创建项目创建前置准备工具首先我们要创建一个Gitee仓库创建完成之后选择SSH,然后复制链接通过Git Bash Here工具将线上仓库克隆到我们本地git clone为我们的克隆命令,后面是我们复制的仓库地址这时候我们的项目前置工作基本完成项目创建线上仓库拉到我们本地之后,我们打开我们拉取的文件cd为文件打开命令,后面是文件名打开之后,输入npx create-react-app xx 以此来创建我们的项目xx是我们的项目名
2021-07-19 15:58:00
132
原创 前端面试题
先来点开胃菜,解释一下变量提升Js编译过程中,县创建上下文环境,此时把var声明提前,然后在执行代码(包括变量的使用,变量的赋值等),没赋值之前使用。什么是闭包?是个函数(本质),引用了外层函数的变量或参数的函数,一旦外层函数的外部被调用它,就产生了闭包。缺点:浪费内存arguments是什么?怎么用?实参列表,只在函数体内存在,是数组形式;用法:可以用for遍历arguments.callee arguments所在的函数arguments.callee.caller 执行这个函数
2021-07-16 11:31:42
62
原创 Vue随手记
vue项目结构前置准备1.node.js2.vue-cli3.创建项目:-vue ui-vue create 项目名项目名不能是纯vue作为名字项目结构node_modules//依赖 插件包 可以删,因为包里面的插件全部是在一个网站里npmjs.com【重点】public //公共目录,存放着我们唯一的html模板【重点】src //源代码,项目的核心所在,不能删也不能改名字.gitignore //git过滤清单babel.conf.js //解析es6转成es5的插件配
2021-06-03 11:01:56
232
原创 Vue-router
VUE欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑
2021-06-03 09:51:36
293
1
原创 事件&组件(vue)
事件事件的绑定v-on:eventName简写@eventName事件的回调函数来自于methods里的函数事件修饰符.stop 阻止事件冒泡.prevent 阻止默认事件自定义按键修饰符Vue.config.keyCodes.back = 8props : 属性属性是父组件传进来的数据,子组件不能直接修改props和data数据很相似,都是属于存放数据的props只接受属性,函数不能在这里接收按键修饰符.enter或者.13监听回车自定义按键修饰符Vue.config.
2021-04-16 16:02:28
123
原创 循环渲染(vue)
循环渲染语法1.渲染数组v-for=’(value值,index下标) in data’ v-bind:key=‘index’可以遍历的值类型数组,对象,字符,串数字2.渲染对象 v-for=’(value值,key属性名,index下标) in obj’ v-bind:key=‘index’3.【注意】被循环的元素上必须加上key(key值不能重复)4.循环渲染为什么要加key:v-for语法中循环渲染虚拟dom时使用diff算法计算中用于优化算法的。key必须保证在作用域中每一个值都是唯
2021-04-16 15:58:22
586
原创 vue指令
指令v-model数据双向绑定,用于表单元素v-text渲染文本内容的插值{{}}等价v-html渲染dom片段,且拥有v-text全部特性(防注入攻击,自动过滤)v-noce让元素只显示第一次渲染的内容,之后不再受数据更新的影响v-if有三条同组指令:v-if v-else-if v-else,控制元素加载与销毁,v-if可以单独使用,后面两个必须跟在v-if后面才能生效如果链式使用v-if则其中一条规则符合条件剩余的判断不会执行v-show控制元素的显示与与隐藏,底层原理是修
2021-04-16 15:56:48
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人