- 博客(10)
- 收藏
- 关注
原创 react从入门到精通2
文章目录表单获取input输入值实现双向绑定案例遍历对象与数组todolist组件函数组件与类组件组件传递参数组件子向父传参表单获取input输入值页面效果import React, { Component, createRef } from 'react';class App extends Component { constructor(props) { super(props); this.state = { msg: '你好
2022-01-06 02:33:12
1919
原创 vue新手入门-02
文章目录数据控制el 指定模板data 指定数据methods 指定方法conputed 计算属性watch 监听属性实现简单计算器filters 过滤器directives 自定义指令数据控制el 指定模板 el:"#app",//vue实例在id为app标签内可用data 指定数据data(){ return {msg:"你好大美河南"} //定义msg值为你好大美河南 }注意 data里面的数据发生变化 ,vue会重新渲染模板methods 指定方法点
2022-01-05 01:43:59
1113
原创 前端面试题-js基础篇高频率
(一)let a = 12. function b(a) {3. a = 24. console.log(a)5. }6. b(a)7. console.log(a)答案:2、1解析:首先基本类型数据是按值传递的,所以执行 b 函数时,b 的参数 a 接收的值为 1,参数 a 相当于函数内部的变量,当本作用域有和上层作用域同名的变量时,无法访问到上层变量,所以函数内无论怎么修改 a,都不影响上层,所以函数内部打印的 a 是 2,外面打印的仍是 1。(二). function
2022-01-03 21:43:41
590
原创 css 动画效果
实现效果鼠标移到图片上图片旋转,移走回位代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { perspective: 1000px; /*视距 距离 眼睛到屏幕的距离 视距越大效果越不明显 视距越
2022-01-02 20:07:15
552
原创 max-with 详解
使用 max-width 替代 width 可以使浏览器更好地处理小窗口的情况IE7以上都可以使用使用 max-with当浏览器窗口宽度小于盒子宽度,盒子会缩小,内容会换行#main { max-width: 600px; height: 100vh; margin: 0 auto; background-color: #ccc;}没有使用 max-with当浏览器窗口宽度小于盒子宽度,盒子不会缩小,内容不会会换行#main2 { wi.
2021-12-29 19:25:06
337
原创 react从入门到精通 1
文章目录介绍开发工具安装文件介绍jsx语法特点函数组件类组件模板语法文本渲染条件渲染列表渲染事件更新状态State介绍facebookmeta 出品的一款构建javascript应用的库单向数据流 组件 虚拟dom节点开发工具Vs code安装//先要安装node.jswin+R cmd //进入控制台面板npm i -g create-react-app//安装脚手架cd / //回到根目录create-react-app myreact //创建项目cd /myreact //
2021-12-29 16:48:01
9189
原创 webpack安装
概念本 质上,webpack是一个现代 JavaScript 应用程序的 静态模块打包器(module bundler) 。当 webpack处理应用程序时,它会递归地构建一个 依 赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle 。安装确保安装了nodejs项目文件环境md mypack//创建文件夹cd mypack// 进入你的项目目录 mypack目录可以随意自己建立npm init -y//
2021-12-27 20:13:44
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人