自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 小程序滚动到指定位置(scroll-view )

小程序滚动到指定位置(scroll-view )

2022-08-09 13:47:17 4893

原创 git 常用指令

cd打开文件夹或转到所需要的文件夹Git add .将要修改的文件暂存到暂存的更改git commit -m’’将暂存区的代码提交至git并给修改的文件的备注Git push提交你的文件Git pull 拉回你的文件,每次提交之后需要pullGit clone [url]拷贝一个git仓库到本地url是网页git中的密匙git status查看你修改过的文件的地址...

2022-08-08 10:57:01 2542

原创 npm i 安装报错 (node 版本问题)

PS D:\qieyin-main-frontend\huwen> npm inpm WARN old lockfile npm WARN old lockfile The package-lock.json file was created with an old version of npm,npm WARN old lockfile so supplemental metadata must be fetched from the registry.npm WARN old lockf.

2022-02-14 17:12:48 21239

原创 npm i 报错

npm ERR! sha1-5oowx8sETi+zYrQoRp/rKRwuCdg= integrity checksum failed when using sha1: wanted sha1-5oowx8sETi+zYrQoRp/rKRwuCdg= but got sha512-2lGfU4gymmhXRUiPLeQlnlkMaSY8azJB9W8e/vFp44AlAOEvzf6XiBUoTHO9NBM4OVlehybxDM9B4SwLBh42mw== sha1-zdTETTqiZOrC9o7BZbx.

2022-02-14 17:07:40 3245

原创 Vue npm 安装依赖报错集

npm ERR! gyp ERR! cwd D:\qieyin-main-frontend\huwen-xiaowei\standard\node_modules\node-sassnpm ERR! gyp ERR! node -v v16.13.2npm ERR! gyp ERR! node-gyp -v v3.8.0npm ERR! gyp ERR! not oknpm ERR! Build failed with error code: 1安装npmi时出现版本号一般为老项目.....

2022-01-24 10:11:30 3739

原创 Vue3中ref,reactive,torefs的区别

ref存放原始数据类型 reactive存放object 同样都是数据响应式torefs接收一个对象 将将对象中额属性变为 ref(vls)(也将是将对象的中的每一项都变成响应式)总结 简单理解ref是吧单个数据变为响应式reactive收是将对象变成响应式 对象中的属性不是举例object =reactive({count:0...})...object 展开的属性就会变成普通的数据 但是object.count数据是响应式的torefs 就是将对象中所用的属性都改为响...

2021-11-23 09:43:47 1109

原创 Vue3跨域代理

1.在根目录上创建一个vue.config.js的文件夹2.// 1. npm run build 打包代码// 2. 把代码给后端// 3. 后端把前端代码放入后端工程// 4. 后端重启后端服务// * 容易出问题的就是下面的配置module.exports = { //devServer.proxy适用于本地开发使用, //生成环境请用第三方代理软件,如nginx。 devServer: { port: 8080, //本机端口号 host: "

2021-11-22 09:54:41 755

转载 前端跨域及解决方法

什么是跨域?当一个请求url的协议、域名、端口三者之间的任意一个与当前页面url不同即为跨域当前页面url 被请求页面url 是否跨域 原因http://www.test.com/ http://www.test.com/index.html 否 同源(协议、域名、端口号相同)http://www.test.com/ https://www.test.com/in...

2021-11-17 12:12:18 213

原创 react基础(4)

react路由安装​npm i react-router-dom​导入路由的三个核心组件:Router、Route、Link​import{ browserRouter as Router,Route,Link} form 'react-router-dom'​3.使用Router组件包裹整个应用const app=()=>(<Router><div>content</div></Router>)

2021-11-16 11:58:03 244

原创 react基础笔记(3)

高阶组价1,创建一个函数,名称约定以with开头2,制定函数参数,参数应该以大写字母开头3、在函数内部创建一个类,提供复用的状态逻辑代码4,该组件中,渲染参数组件,同时将状态通过prop传递参数displayName 设置高级组件的名称组件名.displayName='withMoues${getDisplayName(wrappdComponent)}'注:如果不设置高阶组价名字 调试时得到的组件名是相同的传递props问题props丢失原因:高阶组价没有往下传递props解决方法:

2021-11-16 11:55:22 419

原创 react基础笔记(2)

1.组件的propsprops的作用:接受传递个组件的数据传递数据:给组件标签添加属性接收数据:函数组件通过参数props接收数据,类组件通过this.props接收数据特点1.可以给组件传递任意类型的数据2.props是制度对象,智能读取属性的值,无法修改对象3.注意:使用类组件时,如果写了构造函数,应将props传递个SUPER(),否则无法在构造函数中获取props2 组件通讯父组件传递数据给组件:1父组件提供要传递的state数据2给子组件标签添加属性,值为state中的数

2021-11-15 17:39:05 567

原创 react基础笔记(1)

react 创建1. npm i react react-dom2.引用到需要使用的页面二.创建react 元素React.createElement('h1',null,'hello react')参数一:元素名称参数二:元素属性参数N :元素的子节点3.渲染react元素ReactDOM.render(title,document.getElementById('root'))参数一:要渲染的React元素参数二:挂载点React脚手架1.初始化项目npx create-

2021-11-15 17:28:02 588

原创 js笔记(1)

js防抖与节流防抖:将多次操作合并为一次操作。原理是维护一个定时器,规定在delay时间内后触发函数,但是在delay时间内再次触发的话,就会取消之前的的计时器而重新触发,这样一来,只有组后一次操作能触发节流 是的一定时间内只触发一次函数。原理是通过判断是否有延迟调用函数未执行。区别: 函数节流不管事件触发有多频繁,都会保证在规定时间内一定会执行一次真正的事件处理函数,而函数防抖只是在最后一次事件后才触发一次函数。 比如在页面的无限加载场景下,我们需要用户在滚动页面时,每隔一段时间发一次 Aja

2021-11-10 14:46:17 636

原创 axios个人总结

axios请求方法 :get post put patch deleteget : 获取数据post : 提交数据(表单提交+文件上传)put : 跟新数据 (所有数据推送到后端)patch: 跟新数据(只将要修改的数据推送到后端)delete:删除数据get 两种不同写法axios.get(url).then( (res,{需要传参就在后面加一对象})=>{console.log(res)})axios({method:'get',url:’url‘param...

2021-10-31 14:57:40 214

原创 JS中箭头函数的指向问题

//-----------this指向问题----------------//谁调用我我指向谁 const name="1111"var a={ name:'222', say: function () { this.name }} var fun=a.say fun() // 111 方法直接调用this 直接指向window => window.fun() a.say() // 222 this指向a//箭头函数的this是在定.

2021-10-31 14:51:41 209

原创 JS函数的预编译

//预编译 //函数创建的阶段就是预编译的阶段 // ----- 预编译中做了生么-------- //在函数作用域创建时会生成一个js的变量对象 也就是Ao对象 供js引擎去访问 //1,创建ao对象 //2,找到形参和变量声明 作为ao对象的属性名 初始值为undefind //3,实参和形参相统一 //4,找函数声明 如果函数命名与形参命名一致则会覆盖形参 function fn( a ,c){ conso...

2021-10-31 14:48:36 197

原创 Js防抖函数

//防抖函数当持续出发事件,一定时间内没有在触发事件,事件才会再次执行如果当设定的时间到来之前 又一次出发触发了事件 就重新开始直接看代码<input type="text" id="input"><script>var input = document.getElementById('input')//防抖的函数function debounce(delay,callback){ let timer return function (val

2021-10-31 14:42:46 2562 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除