fdcsdn_的博客

npm基于nodejs下载依赖包仓库的包管理工具使用通过 npm i xx -g/-s/-d 来进行下载依赖包安装 install下载依赖环境的几种区别开发环境 -d仅仅存在开发环境下 到生产环境并不会存在 依赖的版本信息记录在package.json的 devDependencies中大小写无区分npm i xx -d // 简写npm i xx –save-dev生产环境 -s在生产环境下依旧会存在的依赖 把模块的版本信息保存 package.json 文件的 dependenc

❤flex布局 √特点：布局简单 移动端运用多 pc端支持差 部分浏览器不支持原理通过给父盒子添加flex属性 来控制子盒子的位置和排列方式flexible box 缩写 flex 意思是弹性布局 任何一个容器都可以指定为flex布局采用flex布局的元素称为flex容器 它的子元素称为flex项目flex项目可以再设置为flex容器flex容器可以横向排列也可以纵向排列注：父盒子设为flex布局后 子元素float、clear、vertical-align属性失效使用方法： 通过给父

Rem 单位是一个相对单位 类似于em em是父元素字体大小rem只受html控制原理：页面中只有一个html元素 所以可以通过html 来定义font-size大小 来改变整个页面中元素的大小达到整体的控制/* 一般写在媒体查询中 */html { font-size: 12px;}※媒体查询 media媒体查询（Media Query）是CSS3新语法当项目宽度到xxx大小后设置对应css属性推荐从小到大写 因为有就近原则覆盖性 可以使代码更简洁@media mediaty

React 性能优化setState()作用: 修改state 更新组件UI更新机制：父组件更新时 父组件包含的子组件都会进行更新 子组件包含的组件也会进行更新 只会更新当前父组件包含的当前子组件树减轻 state：在state中只存放和组件渲染相关的 需要变动的页面数据例: 计时器、id等这类数据可以存放在this中// this可以多个方法直接进行访问 也可以实现数据共享// ...

❤生命周期意义：组件的生命周期有助于理解组件的运行方式 完成更复杂的组件功能 分析组件错误原因作用：需要在某个时间段执行的一段代码 利用生命周期来实现创建时: 页面加载时触发时constructor 创建组件时最先执行 : 用于初始化state 事件绑定thisrender 每次渲染内容就触发 : 渲染UI 不能在render中调用setState() 因为setState会更新St...

表单↓❤ 受控组件判断是否受控组件：看表单内的值是否受到state的控制作用：将表单的可变状态数据和state都保存在state中 方便进行管理为什么要做成受控组件：因为在提交订单时 需要收集用户的数据 并提交 受控组件能很方便的收集用户数据 非受控组件代码较为冗余设置步骤：给input添加value属性并和state中对应的数据进行绑定 value= {this.state.数据名...

React是一个构建用户界面的javascript库 是脸书开源前端应用框架 是三大框架之一作用：主要用于编写html页面构建web应用 只提供了视图的渲染 相当于mvc中的v视图层m：模型v：视图c：控制器特点声明式我们只描绘ui页面骨架部分的构成 相当于html 怎么实现的由react去决定const jsx = <div className="app"&gt...

移动web开发现状移动端内核主要是webkit 对h5 c3兼容针对手机 碎片化严重 分辨率尺寸大小不一视口 viewport布局视口 layout viewport页面默认设置布局视口 一般为980px缺点：pc页面在手机端显示元素过小视觉视口只能显示网站某个区域 类似于通过一个窗口看网页缺点：可视区域很小 看全需要滑动※理想视口需要给页面添加meta视口标签优点：...

3D转换特点：近大远小物体后遮挡物看不到3d坐标轴3D位移 translate3d相比起2d移动多了z轴语法：3D移动简写：transform: translate3d(x,y,z)注：xyz不能省略 没有写0z轴单位pxz轴搭配透视一起使用※3D透视 perspective语法：div { perspective:200px /* 透视一般为2...

2D转换（变换）transform2d转换就是改变标签在2维平面上的位置、形状的一种技术2维坐标轴 y轴负值往上 正值往下 x轴负值往左 正值往右2d移动 translate是脱离标准流的 类似于定位 区别在于不影响其他元素2d移动语法:div{ transform: translate(50px,50px); }数值可以使用百分比设置对行内元素无效 因为行内没有高宽 ...

HTML5/C3html5是html的第五次升级广义的html5包括：html5+css3+js API缺点：还没有被所有浏览器兼容语义标签作用：为了增强语义 添加可阅读性常用语义标签：※ header 头部※ nav 导article 内容section 块级aside 侧边栏※ footer 尾部输入表单email 邮箱url 网址※ search 搜索...

※函数 function目的：封装一段可重复调用的代码块 让大量代码重复使用函数注意点：封装函数 不做过分兼容使用方法：声明函数：// 1.命名函数function 函数名(形参) { //执行代码 在需要函数返回数据时要通过return来返回 return 需要返回的值/形参；};// 2.调用函数：函数名(实参);// 在实际开发中的调用函数var 变量名 = 函数名...

※对象万物皆可对象 分为：具体对象：是一个具体的事物，对象由属性和方法构成 无序的 对象都可以添加属性一类对象：是一个大概类型事物作用：让结构更清晰 比起数组可读性好 调用更便利属性：事物的特征 （名词）属性在对象里不需要声明 变量需要声明并赋值 调用不同方法：事物的行为 （动词）方法在对象里 函数是单独存在单独声明 调用方法不同√ 面向的对象的编程思维：...

循环可以重复执行一些特定的代码*for循环语法：for （i=1初始化变量; i>=100条件表达式; i++操作表达式）{ // 循环体}// 变量作为计数器 条件表达式终止条件 操作表达式更新计数器// 初始化和表达式根据情况下可以省略for的循环过程：一个赋值的变量 不满足终止条件 执行循环体内语句 操作表达式更新自身一次 直到满足终止条件退出初始化变量只执行一...

算术运算符注：取余 除后剩余的数 判断一个数能被整除为0浮点数会有误差 不能直接拿来运算和比较表达式表达式由数字 运算符 变量组成 表达式返回的值是返回值递增递减运算符 ++给自己加一前置递增运算符：++xx --xx和变量一起使用 先自增 后返值※后置自增运算符： xx++单独使用效果相同先返原值 后自增开发后置用的多 并独占一行比较运算符注：...

JavaScript编程： 就是让计算机解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程计算机程序： 所执行的指令集合，通过计算机程序来命令计算机，任何能执行代码的设备都是计算机计算机语言： 机器语言 汇编语言 高级语言 计算机最终执行的都是机器语言编程语言： 类似于人的语言 一系列规定的格式词汇向计算机发出命令汇编语言： 本质和机器语言相同 指令和英文缩写的标识符...

Vue 渐进式js框架Vue.js的核心是利用vue的简洁模板语法来声明式的将数据渲染进dom/html页面的结构中 来展示数据编译过程： vue→框架→js代码优点：易用：熟悉HTML、css、javascript可以快速上手灵活：可简单到库 复杂到框架 伸缩自如 支持简单到复杂的项目进行开发高效：20kb运行大小 超快虚拟DOM缺点： 首次加载慢 单页应用程序不利于搜索引擎搜...