自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端上传图片手动上传

手动上传图片

2022-12-26 08:56:08 343 1

原创 前端如何转项目经理

刚毕业的新人应该先尝试技术岗位工程师,软件工程师等职位,在技术职位工作二三年,再根据自己的职业规划来决定是不是要转行做项目经理,二三年的技术岗位多少都会和项目经理打过交道,对公司的流程和项目的流程有了一定的了解,如果这时候认为自己的对项目经理职位感兴趣,可以开始这个方面转行。建议刚毕业进入社会的新人一开始就进入项目经理的职位,前端是一个下限低上限高的职业,如何解释下限低上限高,最直观的体现 ,薪水的差异巨大,资深的前端年薪20/30万,一般的前端年薪可能不足十万。PMP 证书也是一些公司的必备项;

2022-09-26 10:06:30 1908

原创 uniapp扫一扫功能实现

上代码this.scanCode() //这个是调用uni扫一扫的方法scanCode() { // 允许从相机和相册扫码 uni.scanCode({ scanType: ['qrCode'], //条形码 success: function(res) { console.log(111, res) // 微信小程序 if (res.errMsg == "scanCode:ok") { // 扫描到的信息

2022-04-13 17:36:25 6185

原创 表白烟花canvas

表白烟花

2022-04-11 14:54:44 304

原创 【无标题】uniapp封装支付页面

话不多说,直接上代码<template> <view> <!-- 输入框 --> <u--input placeholder="请输入内容" border="bottom" v-model="value" @focus="focusClick" style="font-size: 30px;"> </u--input> <!-- 键盘 --> <view> <u-keyboard re

2022-04-08 11:34:47 415

原创 http知识

1丶状态码1xx 服务器收到请求2xx 请求成功,如200(请求成功)3xx 重定向,一般情况下是302(临时重定向),301(永久重定向)4xx 客户端错误,如4045xx 服务器错误,如5002丶http headersRequest headers:Accept——客户端可以处理的内容类型;详情Accept-Charset——客户端可以处理的字符集类型;详情Accept-Encoding——客户端能够理解的内容编码方式;详情Accept-Language——客户端可以理解的自然语

2021-03-25 19:49:16 119

原创 存储的三种方式

Cookie? Cookie储存在客户端,由用户自己销毁。 Cookie:客户端信息存放对象,可以把用户的信息保存在用户的本地,不必总是访问服务器LocalStorage?localStorage用于持久化的本地存储,除非主动删除数据,否则数据永远也不会过期。SessionStorage?Session 储存在服务端,客户端(浏览器)关闭即销毁(若长时间不使用 且 浏览器未关闭的情况下, 默认自动销毁时间为20分钟)。...

2021-03-25 07:51:59 339

原创 ajax和jsonp原理

1丶原生ajax请求:第一步var xhr=new XMLHttpRequest();第二步xhr.open('GET,‘http://www.com’,true)第一个参数:请求方式第二个参数:url地址第三个参数:是同步异步请求,true是异步,false是同步第三步是请求头信息xhr.setRequestHeader(‘Content-Type’, ‘application/x-www-form-urlencoded’)GET请求可以不设置头信息,POST请求必须设置头信

2021-03-23 20:32:12 290

原创 事件绑定

DOM事件的事件流?事件流就是,事件传播过程。DOM完整的事件流包括三个阶段:事件捕获阶段、目标阶段和事件冒泡阶段。事件通过捕获到达目标元素,这个时候就是目标阶段。从目标节点元素将事件上传到根节点的过程就是第三个阶段,冒泡阶段。对应上图自己体会体会。...

2021-03-22 21:10:08 80

原创 jsBOM

什么是BOM?BOM(browser object model)浏览器对象模型。BOM:.核心是window对象,所有的全局变量和全局函数都被归在了window上。BOM是Browser Object Model的缩写,是浏览器对象模型。BOM对象?window 对象,是 JS 的最顶层对象,其他的 BOM 对象都是 window 对象的属性;document 对象,文档对象location 对象,浏览器当前URL信息;navigator 对象,浏览器本身信息;screen 对象,

2021-03-21 21:53:20 82

原创 jsDOM

js DomDOM本质:DOM树是结构,树是由DOM元素和属性节点组成的,DOM的本质是把html结构化成js可以识别的树模型;有了树模型,就有了层级结构,层级结构是指元素和元素之间的关系父子,兄弟。Dom节点的Attribute和Property有和区别?Attribute:修改html的属性,会改变html结构。Property:修改对象属性,不会体现到html中。DOM 节点操作:新增节点查询子节点查询父节点删除节点1. 创建新节点 (document调用)cr

2021-03-21 21:40:52 70

原创 js进阶

js进阶1丶event loop执行过程:同步代码,一行一行的放在Call Stack执行遇到异步代码,会先记录下,等待时机(定时器,网络请求)时机到了,就会自动移入Callback Queue中如果Call Stack为空(即同步代码执行完),event loop开始工作轮流查找Callback Queue,如果有移动到Call Stack中执行最后继续轮询查找(永动机一样)2丶什么是promise?解决地狱回调你对promise的理解?一共有三种状态:1)pending 初始状

2021-03-19 20:46:31 115

原创 前端面试题

1丶class类继承下面用代码给大家演示:class Stutent { constructor(name, age) { this.name = name; this.age = age; this.eat = function(){ return (`姓名:${this.name},年龄:${this.age}`) } }}class Teacher extends Stutent { constructor(name, age, run)

2021-03-16 21:41:03 194

原创 JS基础面试题

1丶常见的基本数据类型:Number、String 、Boolean、Null和Undefined。基本数据类型是按值访问的,因为可以直接操作保存在变量中的实际值。示例:var a = 10;  var b = a;  b = 20;  console.log(a); // 10值上面,b获取的是a值得一份拷贝,虽然,两个变量的值相等,但是两个变量保存了两个不同的基本数据类型值。b只是保存了a复制的一个副本。所以,b的改变,对a没有影响2、引用类型数据:也就是对象类型Object

2021-03-15 21:32:28 447

原创 html和css前端面试题总结

1、flex常见面试题Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。1 flex-direction:属性决定主轴的方向;           row 水平方向,起点在左端           row-reverse 水平方向,起点右端           column 纵向方向,起点在上           column 纵向方向,起点在下2 flex-wrap:决定是否换行,默认都是排在一行       no-wrap;(默认)不换行

2021-03-14 20:59:36 161

原创 前段框架及项目面试的介绍?

互联网寒冬的来袭,如何在面试之前更高效的做好面试准备,是程序员共同关注的问题。现在面试门槛越来越高,很多开发者对于 Vue 底层的一些知识了解的不是很多,遇到这些面试题会手足无措。在本文中,会结合面试过程中的一些问题带你剖析 Vue.js 内部的整个流程,总共分为四个模块:作者:日常君链接:https://www.jianshu.com/p/b62d282a0845来源:简书著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。响应式原理以及依赖收集异步更新策略及 ne

2021-03-14 20:47:42 234 4

原创 前端面试需要准备什么?

前端面试需要准备什么?在正式回答问题前,先啰嗦一句:上午电话通知下午面试的,建议不去。多半不是靠谱岗位。正常情况下,HR会和你共同决定面试时间。回正题,面试的准备在我看来,分三方面,知己知彼,百战不殆。1,了解自己;2,了解应聘公司;3,了解应聘岗位了解自己很多人认为,这一点多余。我还不了解我自己?实际上,我们很多人都不了解自己,尤其是简历里的自己。我遇到过简历写错的求职者,简历上写的内容都忘掉的小伙伴,还有明明自己经历过,却讲不清楚来龙去脉的小伙伴。而且并不少见。我的建议是:重温

2021-03-14 20:32:30 2076

原创 前端性能优化

1.原则:多使用内存,缓存或者其他方法减少CPU计算,减少网络请求减少IO操作(硬盘读写)2.加载资源优化:静态资源的合并和压缩。静态资源缓存(浏览器缓存策略)。使用CDN让静态资源加载更快。3. 渲染优化:CSS放head中,JS放body后图片懒加载减少DOM操作,对DOM操作做缓存减少DOM操作,多个操作尽量合并在一起执行事件节流尽早执行操作 DOMContentLoaded...

2021-01-20 07:39:35 124

原创 async和await的使用

async/awaitasync用于申明一个function是异步的,它的返回值是一个promise对象。await是等待一个异步方法执行完成,await必须搭配async一起使用,不能单独使用。一般情况下,await是和async一起使用,这样杜绝了复杂的.then链,使代码更加简洁。下面用代码具体讲解://声明一个async函数async function getAllInfo(){ let info1 = await getinfo1() console.log(info1

2021-01-16 21:01:10 1785

原创 js单线程,事件循环,微任务宏任务。

什么是宏任务和微任务?宏任务包括:setTimeout setInterval Ajax DOM事件 微任务:Promise async/await微任务比宏任务的执行时间要早。异步和单线程:异步和单线程是相辅相成的,js是一门单线程脚本语言,所以需要异步来辅助。异步和同步的区别:异步不会阻塞程序的执行,同步会阻塞程序的执行。前端使用异步的场景:定时任务:setTimeout,setInverval网络请求:ajax请求,动态加载事件绑定事件循环:1)所有的同步任务都在主线程上执

2021-01-14 21:07:44 88

原创 rem布局原理解析

2.rem布局原理什么是rem:rem是css的一个相对单位,相对与html根元素:例如:html{font-size:16px} p{font-size:1rem}那么段落的大小就是16像素。自适应的原理:可以通过监测屏幕大小改变html的字体大小,从而实现自适应大小的效果。获取设备宽度与设计稿宽度的比例作为html的font-size的大小,比如是750/750/100求出根元素字体大小,从而实现自适应大小。源码:(function(doc, win) { var docEl = do

2021-01-14 21:00:24 584

原创 gitee的使用

使用Gitee和使用GitHub类似,我们在Gitee上注册账号并登录后,需要先上传自己的SSH公钥。然后就是新建仓库然后创建项目名称然后,我们在本地库上使用命令git remote add把它和Gitee的远程库关联:git remote add origi git@gitee.com:liaoxuefeng/learngit.git之后,就可以正常地用git push和git pull推送了!如果在使用命令git remote add时报错:git remote add origi

2021-01-13 21:47:51 113

原创 深拷贝浅拷贝,原型,类型校验,递归深拷贝

数据类型判断:js一共有4种数据类型判断:都是针对基本数据类型和引用数据类型。基本数据类型有:number丶String丶Boolean丶null丶undefined丶引入数据类型:function丶Array丶Datetypenof判断基本数据类型没有问题,判断不了引用数据类型 let arr = '11221' // 第一种数据类型typeof,判断不出来只能判断出基本数据类型 console.log(typeof(arr)) //stringinstan

2021-01-13 21:25:37 114

原创 关于git和vuex的辅助函数的讲解

git首先是git的安装:第一步,打开浏览器,在百度搜索中输入git下载(直接搜索git也可以)。第二步,在git下载页面中,选择你的系统类型,这里我选择Windows,如果是苹果系统要选择苹果系统。第三步,点击系统类型后,网站会自动进行下载最新版,然后选择文件保存地址(浏览器不同下载模式也会不同,视自己情况而定)。第四步,文件下载完成后,双击打开文件,进行安装。第五步,安装好后就还要在在git中配置你的账号和密码,具体如下:$ git config --global user.name "Y

2021-01-12 19:56:37 123

原创 冒泡和递归的理解

冒泡和递归事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。总结一个冒泡排序: <script> let arr = [11, 21, 98, 22, 87, 19, 67

2021-01-11 18:45:13 514

原创 vue.js贴吧案例

在这里插入代码片<template> <div> <h3>贴吧</h3> <hr /> <div class="bbs-item" v-for="(item,index) in list" :key="index"> <div class="item-name">{{item.nikename}}</div> <div cl

2020-08-10 11:30:13 1040

空空如也

空空如也

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

TA关注的人

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