自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 git报错:fatal: update_ref failed for ref ‘ORIG_HEAD’: cannot lock ref ‘ORIG_HEAD’: unable to resolve

这个错误通常意味着ORIG_HEAD引用已损坏,可能是由于之前的某个操作中断或失败导致的。为了解决这个问题,可以尝试重新创建ORIG_HEAD引用,以使它指向正确的提交。

2023-11-27 11:03:29 1421 1

原创 重学前端2022之Promise

1.Promise是什么Promise是JS处理异步编程的一种解决方案。从语法上看,Promise是一个构造函数;从功能上看,可以用来封装一个异步操作并且可以获取其成功/失败的结果值。常见的异步编程: fs文件操作、Ajax、定时任务fs文件操作(1) 回调函数形式:// 引入fs模块const fs = require('fs')fs.readFile('./context.txt', (err, data) => { // 如果出错,抛出异常 if(err) th

2022-04-11 00:49:10 884

原创 浅拷贝与深拷贝

this指向this是执行上下文中的一个属性,它指向最后一次调用这个方法的对象,也就是说只有在函数被调用时,this才会被绑定。在实际开发中,this指向可以通过四种模式来判断:函数调用模式,函数作为一个普通函数调用时,this指向全局对象window;构造器模式调用,函数作为构造函数,使用new调用时,this指向这个构造函数的实例;方法模式调用,函数作为一个对象的方法调用时,this指向这个对象;call、apply、bind模式调用,这三个方法可以显式地指定函数的this。四种模式的优先

2022-03-29 00:21:06 1438

原创 前端奇淫技巧系列(三):复制文本之clipboard插件

1.原生js复制使用document.excCommand('Copy')进行复制,有兼容性代码:<body> <input type="text" id="copy"> <button onclick="copyContent()">复制</button> <script> function copyContent() { var btn = document.getEleme

2021-07-08 15:44:10 414

原创 前端奇淫技巧系列(二):打印网页内容

1.效果图:<body> <div>将被打印的内容</div> <button onclick="printContent()">打印</button> <script> function printContent() { window.print() } </script></body>...

2021-07-08 15:22:35 198

原创 前端奇淫技巧系列(一):动态网页之樱花飘落效果

1.效果图:2.代码:<body> <script src="./sakura.js"></script></body>3.下载地址:地址在这呢

2021-07-08 15:15:30 1199

原创 Vue之组件传值

Vue之组件传值1.父子组件间的传值1.1父传子子传父:自定义事件1.父子组件间的传值1.1父传子父组件通过属性绑定的方式向子组件传递数据,子组件通过props接收数据。子组件:<template> <div> <h3>{{Fmsg}}</h3> </div></template><script>export default { props: ['Fmsg'], data

2021-05-26 02:33:37 559

原创 数组

数组数组基础1.创建数组2.获取数组下标3.获取数组长度4.遍历数组数组的方法1.添加数组元素2. 删除数组元素3. 数组翻转4.数组排序5.返回指定元素的下标6. 数组拼接7.数组转字符串8.截取数组ES5新增的方法1. 遍历数组2. 过滤数组3.查找数组数组基础数组:一组数据的集合1.创建数组利用字面量创建数组var arr = [1, 2, 3, 4];利用new Array()创建数组var arr = new Array();2.获取数组下标数组名[下标],下标从0开

2021-03-22 09:16:23 90

原创 改变this指向

改变this指向,JS提供了call()、apply()、bind()三种方法,this指向方法的第一个参数。1. call():会调用函数,可以改变this指向function fn(a, b) { console.log(this); // {name: 'limi'} console.log(a + b) // 4}fn.call(obj, 1, 3)call()常用于实现继承function Animal(name) { this.name = name; this

2021-03-22 05:19:12 167

原创 this指向问题

this只有被调用时才能被确定,因此this也是上下文的一部分1. 全局作用于函数,this指向windowvar name = 'limi'function fn() { console.log(this); // window console.log(this.name); // limi }fn() // fu() === window.fn()2.对象中的方法,this指向对象本身const obj = { name: '李四', say() { con

2021-03-22 04:07:43 120

原创 什么是原型、原型链

万物皆对象1. 原型每个函数都有ptototype属性;每个引用类型都有__proto__属性;prototype === __proto__,它俩的属性值都指向构造函数的原型;console.dir({})console.dir([])function fn() {}console.dir(fn);console.log(fn.__proto__ === Function.prototype); // true2. 原型链当访问一个对象的某个属性时,会现在这个对象内部属性查找

2021-03-21 03:01:39 263 3

原创 Ajax未完

传统网站中存在的问题网速网时,页面加载时间长表单提交后,如果有一项内容不合格,需重新填写所以表单内容页面跳转,重新加载页面,造成资源浪费什么是Ajax它是浏览器提供的一套方法,可以实现页面无刷新更新数据Ajax的应用场景:页面上拉加载更多列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表Ajax的运行环境:Ajax技术需要运行在网站环境中才能生效Ajax运行原理:Ajax相当于浏览器发送请求与响应的代理人,以实现在不影响用户的情况下,局部更新页面数据,从而提高用户

2021-02-26 17:54:45 106

原创 Node.js+express+mySql开发后台接口

1.配置开发环境确保已安装node和express安装express框架:npm install express -gnpm install -g express-generator创建项目:express apiDemo初始化项目和开启项目cd apiDemo // 切换目录npm install npm start修改项目入口文件:// 把bin/www中的部分代码剪切到app.js文件中var http = require('http');var server =

2021-02-25 10:19:57 512 5

原创 webpack工具的使用

网页中引用的静态资源JS : .js .jax .coffee .ts(TypeScript)CSS: .css .less .sass .scssImage: .jpg .png .gif .bmp .svgFonts(字体文件): .svg .ttf .eot .woff .woff2模板文件:.ejs .jade .vue网页中引入的静态资源多了以后有什么问题网页加载速度慢,需要发起很多二次请求要处理错综复杂的依赖关系解决方案:合并、压缩、精灵图、图片的Base64编码

2021-02-25 10:16:18 178

原创 Node.js

1.什么是ES6?ES(ECMAScript):它是由ECMA国际组织制定的一项脚本语言的标准化规范。2.ES6新增的用于声明的变量的关键字2.1 let关键字1.let关键字是用来声明变量的2.let声明的变量具有块级作用域3.let声明的变量能防止循环变量变成全局变量4.let声明的变量不存在变量提升(先声明,再使用)5.let声明的变量具有暂时性死区特性...

2021-02-19 03:53:33 123

原创 创建MongoDB数据库账号

1.连接数据库:mongose2.查看数据库:show dbs3.切换数据库: use 数据库名称4.创建数据库账号:db.createUser()创建普通数据库账号需先创建超级管理员账号3.1创建超级管理员账号:(1)切换到admin数据库:use admin(2)创建超级管理员账号:db.createUser({user: ‘账号名’,pwd: ‘密码’,roles:[‘root’])3.2创建普通账号:(1)切换数据库;(2)创建普通账号:db.createUser({us

2021-02-17 16:36:57 461 2

原创 登录/退出功能

1. 登录业务流程:在登录页面输入用户名和密码调用后台接口进行验证通过身份验证,跳转到项目主页2. 登录状态保持:HTTP是无状态协议。所谓无状态是指协议对于事务处理没有记忆功能,对于同一个URL请求没有上下文关系,每次的请求都是独立的,服务器没有保存客户端的状态。可以通过cookie、session和token来保持用户状态。如果服务器和客户端同源,使用cookie或session保持登录状态。cookie在客户端记录状态,session在服务器端记录状态。如果服务器和客户端跨域,使用

2021-02-01 17:39:38 926

原创 win10系统安装nvm详细教程

nvm安装详细教程一、下载nvm(GitHub)二、安装与配置nvm配置settings.txt配置环境三、查看是否安装成功一、下载nvm(GitHub)下载地址:GitHub二、安装与配置nvm这里讲述需要配置的方式安装nvm,即下载的是nvm-noinstall.zip1.将nvm-noinstall.zip解压到制定的安装目录,这里为D:\nvmAndNode\nvm2.在安装nvm的目录中以管理员身份运行install.cmd,3.设置文件路径:root: D:\nvmAndN

2020-11-26 22:00:51 1388

空空如也

空空如也

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

TA关注的人

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