- 博客(12)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 react中ref的使用
Ref转发是一个可选特性，其允许某些组件接收ref，并向下传递，也就是ref可以转发给子组件 React.forwardRef()能够创建一个react组件，这个组件能够将其接收的ref属性转发到其组件树下的另一组件 ref的使用主要分为三种情况： 在DOM节点上使用 const Mycomponent = () => { const ref = React.useRef() return ( <button ref={ref}>点击</button> ) } 这时的
2021-11-24 18:10:57
881
原创 前端路由之vue-router
标题1 路由的基本知识 路由的本质就是对应关系，比如URL地址个真实资源之间就有一种对应关系，就称为路由。路由分为前端路由和后端路由 后端路由是由服务器端进行实现的，并完成资源的分发 前端路由是依靠hash值，也就是锚点链接的变化进行实现的。简单来说就是事件与事件处理函数之间的对应关系 总结：后端路由就是url与后端资源的一一对应关系。前端路由就是用户事件与事件处理函数一一对应关系。 标题2 vue官方提供的前端路由vue-router Vue Router的特性 支持H5历史模式或者hash
2020-08-19 16:20:56
262
原创 Vue之组件化开发和vue接口调用
标题1 组件注册 全局组件注册Vue.component 示例代码： Vue.component('my-cart',{ data:function(){ return {返回的是组件中使用的数据} }, template:`<h1>这是组件的模板结构</h1>` }) 参数分析： data：必须是一个带有return返回值的函数，return返回的是一个对象，对象中是template模板中要使用的数据 template模板：使用模板字符串包裹比较好，里面是组
2020-08-19 11:17:49
2187
原创 Vue基础知识
前端渲染的方式： 原生js拼接字符串。缺点：不同开发人员的代码风格差别很大，不利于维护 使用前端模板引擎。优点：代码可读性明显提高了，方便后期维护。缺点：没有专门提供事件机制 vue模板。解决了前面两者的问题 标题 1 Vue的基本使用 Vue的使用步骤 需要提供标签用于填充数据<div id='app'>{{msg}}</div> 引入vue.js库文件 可以使用vue的语法做功能（创建vue实例对象） var vm=new Vue({ el:'#app',//.
2020-08-16 10:59:48
504
原创 Node.js基础知识
标题1 初识Node.js JavaScript可以在浏览器中被执行的原因是因为浏览器中的解析引擎（Chrome中的V8） 浏览器中的JavaScript运行环境：解析引擎和内置API（浏览器提供的特殊的接口） 概念：Node.js是一个基于chromeV8引擎的JavaScript的运行环境 浏览器是JavaScript的前端运行环境；Node.js是JavaScript的后端运行环境，node.js无法调用DOM和BOM等浏览器内置API 终端的一些命令： tab键快速补全文件路径、ESC键快速清
2020-08-05 10:15:53
252
原创 Node.js中的express框架
标题 1 创建基本的服务器 express的概念 类似于Node.js内置模块中的http模块，专门用来创建web服务器的，官网：http://www.expressjs.com.cn express能做什么？ 主要用于快速、便捷的创建web网站的服务器和API接口的服务器 安装：npm i express@4.17.1 标题1 Epress路由 路由一般情况下作为单独的模块分离出来，也就是路由模块创建单独的.js文件。模块化路由的实现步骤： 单独的.js文件（分离出来的路由模块） //1.导
2020-08-04 10:43:38
255
原创 Git+大事件
标题1 Git 使用版本控制软件的好处 操作简便 易于对比 易于回溯 不易丢失 协作方便 版本控制的分类 Git分布式版本控制系统：联网运行，支持多人协作开发；性能优秀，用户体验好,也支持离线提交，客户端时服务器的完整备份 svn集中化的版本控制系统：联网运行，支持多人协作；性能差，用户体验不好，只保留最新的文件版本 本地版本控制系统：单机运行，使维护文件版本的操作工具化，不支持多人协作开发 工作区的每一个文件都有四种状态，四种状态被分为两大类：Untracked未跟踪（不被Git所管理的
2020-07-28 22:24:55
381
原创 前后端交互知识点
标题1 前后端分离 出现前后端分离的原因：为了减轻服务器的压力，需要前后端分离，静态数据单独开发一个服务器，data数据也就是动态的数据分离出一个服务器，大的图片、文件也分离一个文件服务器。所以一共分为三个服务器 标题2 解决跨域问题 出现跨域的原因 浏览器出于安全考虑，出现了同源策略，也就是协议、域名和端口三者必须相同，如果三者有一个不同，就会出现跨域。 解决方法 利用JSONP动态创建script标签，利用它的src属性 CORS 跨资源共享 简单请求： 请求方式是get，post conte
2020-07-25 08:43:23
640
原创 Ajax知识点
概念：在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式，Ajax能让我们轻松的实现网页与服务器之间的数据交互。局部刷新（无刷新） 标题1 jQuery中的Ajax jQuery中Ajax请求的方式主要有一下三种 $.get()语法格式:$.get(url,[data],[callback]) url参数类型：string data参数类型：object callback参数类型：function $.get(URL地址，[携带的参数],[请求成功后的回调函数]) $.get(.
2020-07-20 13:44:10
876
原创 JS高级
标题 JS高级 标题1 面向对象 面向对象的思维特点 抽取对象公用的属性和行为封装成一个类 对对象进行实例化，获取类的对象。可以有多个对象来使用这个公共的类 面向对象的使用步骤 var that; class star {// 首先创建一个类 constroctor(name,age形参) { //这里传入的是实例化对象 that=this;//在其他的函数中可以使用that在调用实例化对象 this.name=name; this.age=age; } }constroctor
2020-07-12 16:49:23
201
原创 jquery知识点总结
jquery基础知识 标题1.如何使用jquery 引入jquery.min.js文件 jquery 入口函数 $(function(){}) 标题2.jQuery选择器 jQuery具有两个特点，隐式迭代和链式编程 隐式迭代：给所有匹配的所有元素进行内部的循环遍历，执行相应的方法。不需要再使用for循环 链式编程：作用是为了让代码更加的整洁。只能用于设置，不能用于获取。简单来说，链式编程就是一直利用.的方式实现各个功能 jQuery链式编程实现排他思想 $(this).css("color","pi
2020-06-30 20:55:40
220
原创 Ajax的基础知识
Ajaxd的基础知识 .使用Ajax发送请求需要如下几步： window.onload=function() { var btn=documentElementById('btn'); btn.onclick=function() { var uname=document.getElemnetById('username').value; var pw=document.getElemnetByI...
2019-12-10 19:34:30
302
空空如也
哪位写过react中的这种，实在没思路
2021-10-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人