蕠莀-CSDN博客

原创 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 636

原创前端路由之vue-router

标题1 路由的基本知识路由的本质就是对应关系，比如URL地址个真实资源之间就有一种对应关系，就称为路由。路由分为前端路由和后端路由后端路由是由服务器端进行实现的，并完成资源的分发前端路由是依靠hash值，也就是锚点链接的变化进行实现的。简单来说就是事件与事件处理函数之间的对应关系总结：后端路由就是url与后端资源的一一对应关系。前端路由就是用户事件与事件处理函数一一对应关系。标题2 vue官方提供的前端路由vue-routerVue Router的特性支持H5历史模式或者hash

2020-08-19 16:20:56 171

原创 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 1928

原创 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 412

原创 Node.js基础知识

标题1 初识Node.jsJavaScript可以在浏览器中被执行的原因是因为浏览器中的解析引擎（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 164

原创 Node.js中的express框架

标题 1 创建基本的服务器express的概念类似于Node.js内置模块中的http模块，专门用来创建web服务器的，官网：http://www.expressjs.com.cnexpress能做什么？主要用于快速、便捷的创建web网站的服务器和API接口的服务器安装：npm i express@4.17.1标题1 Epress路由路由一般情况下作为单独的模块分离出来，也就是路由模块创建单独的.js文件。模块化路由的实现步骤：单独的.js文件（分离出来的路由模块）//1.导

2020-08-04 10:43:38 143

原创 Git+大事件

标题1 Git使用版本控制软件的好处操作简便易于对比易于回溯不易丢失协作方便版本控制的分类Git分布式版本控制系统：联网运行，支持多人协作开发；性能优秀，用户体验好,也支持离线提交，客户端时服务器的完整备份svn集中化的版本控制系统：联网运行，支持多人协作；性能差，用户体验不好，只保留最新的文件版本本地版本控制系统：单机运行，使维护文件版本的操作工具化，不支持多人协作开发工作区的每一个文件都有四种状态，四种状态被分为两大类：Untracked未跟踪（不被Git所管理的

2020-07-28 22:24:55 297

原创前后端交互知识点

标题1 前后端分离出现前后端分离的原因：为了减轻服务器的压力，需要前后端分离，静态数据单独开发一个服务器，data数据也就是动态的数据分离出一个服务器，大的图片、文件也分离一个文件服务器。所以一共分为三个服务器标题2 解决跨域问题出现跨域的原因浏览器出于安全考虑，出现了同源策略，也就是协议、域名和端口三者必须相同，如果三者有一个不同，就会出现跨域。解决方法利用JSONP动态创建script标签，利用它的src属性CORS 跨资源共享简单请求：请求方式是get，postconte

2020-07-25 08:43:23 143

原创 Ajax知识点

概念：在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式，Ajax能让我们轻松的实现网页与服务器之间的数据交互。局部刷新（无刷新）标题1 jQuery中的AjaxjQuery中Ajax请求的方式主要有一下三种$.get()语法格式:$.get(url,[data],[callback])url参数类型：stringdata参数类型：objectcallback参数类型：function$.get(URL地址，[携带的参数],[请求成功后的回调函数])$.get(.

2020-07-20 13:44:10 756

原创 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 134

原创 jquery知识点总结

jquery基础知识标题1.如何使用jquery引入jquery.min.js文件jquery 入口函数$(function(){})标题2.jQuery选择器jQuery具有两个特点，隐式迭代和链式编程隐式迭代：给所有匹配的所有元素进行内部的循环遍历，执行相应的方法。不需要再使用for循环链式编程：作用是为了让代码更加的整洁。只能用于设置，不能用于获取。简单来说，链式编程就是一直利用.的方式实现各个功能jQuery链式编程实现排他思想 $(this).css("color","pi

2020-06-30 20:55:40 142

原创 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 207

weixin_45651869的博客