- 博客(10)
- 收藏
- 关注
RSS订阅原创 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
2016
原创 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
1199
原创 前端面试题-js基础篇高频率
（一） let a = 1 2. function b(a) { 3. a = 2 4. 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
624
原创 css 动画效果
实现效果 鼠标移到图片上图片旋转，移走回位 代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { perspective: 1000px; /*视距 距离 眼睛到屏幕的距离 视距越大效果越不明显 视距越
2022-01-02 20:07:15
606
原创 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
389
原创 react从入门到精通 1
文章目录介绍开发工具安装文件介绍jsx语法特点函数组件类组件模板语法文本渲染条件渲染列表渲染事件更新状态State 介绍 facebook meta 出品的一款构建javascript应用的库 单向数据流 组件 虚拟dom节点 开发工具 Vs code 安装 //先要安装node.js win+R cmd //进入控制台面板 npm i -g create-react-app//安装脚手架 cd / //回到根目录 create-react-app myreact //创建项目 cd /myreact //
2021-12-29 16:48:01
9352
原创 webpack安装
概念 本 质上，webpack是一个现代 JavaScript 应用程序的 静态模块打包器(module bundler) 。 当 webpack 处理应用程序时，它会递归地构建一个 依 赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle 。 安装 确保安装了nodejs 项目文件环境 md mypack //创建文件夹 cd mypack // 进入你的项目目录 mypack目录可以随意自己建立 npm init -y //
2021-12-27 20:13:44
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人