m0_64444606的博客

轮播图：展示组件(Presentational component)和容器组件(Container component)之间有何不同类组件(Class component)和函数式组件(Functional component)之间有何不同

练习：用标签做一个圆形，做呼吸灯效果，动画是：改变透明度1-0 循环何为受控组件(controlled component)在 HTML 中，类似 , 和 这样的表单元素会维护自身的状态，并基于用户的输入来更新。当用户提交表单时，前面提到的元素的值将随表单一起被发送。但在 React 中会有些不同，包含表单元素的组件将会在 state 中追踪输入的值，并且每次调用回调函数时，如 onChange 会更新 state，重新渲染组件。一个输入表单元素，...

练习：点击按钮，让div隐藏显示切换代码如下：只显示了css和js部分React 中 keys 的作用是什么？Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中 React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要的元素重渲染。此外，React 还需要借助 Key 值来判断元素与本地状态的关联关系，因此我们绝不可忽视转换函

组件 创建自定义标签，用一个标签替代多个标签，可以给标签设置任意样式存储，减少代码写作，提高浏览器加载速度，也可以子父组件传值，改变组件的内容 //es5创建组件 function List(){ return 看看文字效果 } ReactDOM.render( (...

1、jquery中的选择器 和 css中的选择器有区别吗？ 答：jQuery选择器支持CSS里的选择器， jQuery选择器可用来添加样式和添加相应的行为 CSS 中的选择器是只能添加相应的样式2、jquery中的选择器有什么优势？ 答：简单的写法 $('ID') 来代替 document.getElementById()函数 支持CSS1 到CSS3 选择器 完善的处理机制(就算写错了id也不会报错)3、使用选择器觉得要

简答：1.使用jquery遇到的问题前台拿不到值，JSON 可能出现的错误(多了一个空格等)这编译是不会报错的 ，jquery库与其他库冲突；解决方案：今天在处理一个数据问题时，发现jQuery.ajax()方法返回的值一直有问题，清除缓存后数据无误，多次测试后发现返回的值都是之前的值，并且一直未执行url(后台为JAVA，设置断点一直未进入)。在网上查找下,发现是未设置type的原因。如果没设置jQuery.ajax的type="Post"，那么ajax就会默认type="Get"，这就会导致之前数据被缓

1.说说严格模式的限制变量必须声明后再使用函数的参数不能有同名属性，否则报错不能使用with语句不能对只读属性赋值，否则报错不能使用前缀0表示八进制数，否则报错不能删除不可删除的属性，否则报错不能删除变量delete prop，会报错，只能删除属性delete global[prop]eval不会在它的外层作用域引入变量eval和arguments不能被重新赋值arguments不会自动反映函数参数的变化不能使用arguments.callee不能使用argu

vuex状态管理模式vuex是vue状态管理库，用来存储前端变量，保证数据的一致性，定义变量是全局的，供给vue下的所有组件使用，类似于html5本地存储的sessionStorage安装vuexnpm install vuex@next --save 安装vue3.0的vuexnpm install vuex --save 安装vue2.0的vuex属性和方法1.state 存储变量2.getters 获取数据的函数，也可以叫做计算函数3.mutations 变更函数，是同步函数，执行增删..

axios技术：axios用来链接后台，执行ajax，封装了promise，处理了兼容性，地域回调，可以执行多个回调函数。可在node中发送http请求，自动转化json数据，防止XSRF攻击请求方法：axios.get(路径，参数)axios.post(路径，参数)axios.delete(路径，参数)axios.head(路径，参数)axios.put(路径，参数)axios.patch(路径，参数)axios.options(路径，参数)axios.request(参数)使用方式：

node下路由npm install vue-router 安装vue2.0的路由npm install vue-router@next 安装vue3.0的路由npm i vue-router@next install简写成i第一步：引入路由模块import {createRouter,createWebHashHistory} from 'vue-router'第二步：定义跳转的模块import Center from '../components/Center.vue';第三步：配置路径

项目文件内容：node_modules 项目的依赖包，node的命令或者自己安装的模块都在这里public 公共资源目录，静态文件夹，例如放图片，页面等src 写vue代码的.gitignore 配置git的文件或文件夹babel.config.js 使用一些预设，进行选项配置README.md 定义项目描述，例如解释命令的作用package.json 记录项目描述和依赖信息package-lock.json 模块的版本管理使用的文件src文件夹：assets 静态文件夹，用来放图片，

node下的vuenode: node相当于前端的服务器，用来编译js，vue和react框架可以在node环境下进行执行和安装，为了让js下的ES6和typeScript进行兼容，可以通过node环境进行编译webpack：模块打包机，可以将项目打包成浏览器兼容的格式，或者打包成手机app等vue脚手架cli：帮助你快速搭建项目给项目进行分包分层，进行环境配置npm命令：node -v 查看node版本npm install 模块名 安装模块npm install -g 模块名 全局安装np

生命周期生命周期的过程分为：创建前，创建后，挂载前，挂载后，更新前，更新后，销毁前，销毁后beforeCreate:组件刚被创建的时候调用，在此所有变量和函数都未初始化created:在组件创建完成后调用，此时变量和函数都已初始化完毕beforeMount:在组件挂载前调用，此时el可以寻找到标签元素mounted：在组件挂载后前调用，此时可以操作dom元素beforeUpdate：在组件更新前调用，此时可以拿到新旧的虚拟dom做对比update：在组件更新后调用，此时也可以操作dom，但是拿

路由路由是用来跳转路径的，但是vue是单页面开发，所有路由没有跳转新页面，而是切换了不同组件进行显示例如： <div id="app"> <router-link to="/a">登录</router-link><!--超链接跳转--> <router-link to="/b">注册</router-link> <router-view></router-vie...

自定义指令我们可以通过自定义指令为标签操作属性，样式，事件等内容，但是指令要求以“v-”开头例如： <input type="text" v-sty> directives:{ sty:{//修改样式 inserted:function(el){ el.style.backgroundColor="pink" ...

组件组件是程序员自己创建的标签，为了让代码可以重复利用，减少代码和选择器的定义，在调用组件时，数据发生改变，不会影响其他组件。注册组件<List :aa="str">aaaaaa</List>components:{//注册组件"List":{//自定义组件名 //被映射成的标签 template:"<h1 @click='fun'><a href='#'>{{aa}}</a></h1>" }},子组件...

函数自定义函数：methods:{ fun:function(){ this.变量 }}<div @click="fun">过滤函数： <h1>{{str|fun}}</h1> filters:{ fun:function(v){ return v.toUpperCase() },计算函数： ...

事件键盘修饰符：例如：v-on.keyup.left="fun"按左键enter回车 tab制表符 shift ctrl escdelete up down left right事件修饰符：1.stop 阻止冒泡2.prevent 不再重载页面3.capture 调用捕获模式4.self 让事件操作元素本身,子元素不会触发5.once 事件只执行一次简答：vue常用的修饰符？答：.lazy在“change”时更新数据；.number输入值转为数值类型；.trim自动过滤用户输入的首尾空

4.Async的理解而Async是Generator函数的语法糖，Async的出现主要是为了解决另外一个问题，刚刚说了Generator是解决任务的挂起，promise是解决异步回调问题，而async就是吧异步的操作，变成队列模式，因为async中使用await做状态的定义，调用的时候不需要next（），自动执行，并且会讲每个await中promise中resolve结果赋值给await的变量上以供后面的步骤使用，每一个await都会等到promise返回结果后才会继续自动往下执行，这样就实现了我.

1.localStorage和sessionStorage区别sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅、是会话级别的存储。只允许同一窗口访问。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。同源可以读取并修改localStorage数据。2.Generator的理解简单点可以把它理