- 博客(26)
- 收藏
- 关注
RSS订阅原创 前端如何转项目经理
刚毕业的新人应该先尝试技术岗位工程师，软件工程师等职位，在技术职位工作二三年，再根据自己的职业规划来决定是不是要转行做项目经理，二三年的技术岗位多少都会和项目经理打过交道，对公司的流程和项目的流程有了一定的了解，如果这时候认为自己的对项目经理职位感兴趣，可以开始这个方面转行。建议刚毕业进入社会的新人一开始就进入项目经理的职位，前端是一个下限低上限高的职业，如何解释下限低上限高，最直观的体现 ，薪水的差异巨大，资深的前端年薪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
原创 【无标题】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关注的人