- 博客(69)
- 收藏
- 关注
原创 vue3 的系统学习(依据菜鸟教程)
Vue :是一套构建用户界面的渐进式框架;只关注视图层,采用自底向上增量开发的设计;vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
2022-08-01 16:07:58 1086
原创 前端开发流程中一定要注意的5个点
1. 拒绝PRD和设计稿没有封板就要求排期,和产品设计充分沟通。前端开发经常会遇到这样的情况,项目经理莫名奇妙发了个会议邀请,然后一股脑把产品下阶段的需求讲完,开发听得云里雾里,心里吐槽一堆细节产品自己没理清,居然在这问前端要多久。设计出的交互难如登天,什么这要个文本编辑器带联想功能的,那要个一键截屏,XX家产品有为什么我们不能实现?拜托人家是一个团队专注做一个功能。好不容易给他找了个开源库,又说这要改那要改的。吐槽归吐槽,问题还是要解决,产品跟设计毕竟跟开发的立场和视野不同,大家出现分歧在所难免,..
2021-12-03 16:46:49 710
原创 前端代码 code review
1.常规检查: 1)代码是否正常运行 2)控制台是否有明显扽报错 3)代码有没有达到预期需求效果 4)代码书写是否符合规范 5)是否尽可能组建化了 6)有没有重复造轮子 7)去掉大段被注释的代码(如果注释代码可用的,就先提交未删除注释的代码到Git 上,然后再提交删除了注释的代码,以后能回滚就可以) 8)按钮是否控制了单次点击9)定时器是否随生命周期消除2.安全检查:1)引入他人(公司内部或者其他外部机构)依赖包,是否存在不可用和版本升级导致功能...
2021-11-29 10:56:15 499
原创 初冬的冷风
秋风萧瑟的十一月,所在的城市刮起了冷风,吹黄了银杏,风中好像夹杂了悲伤的气氛,我被冷风吹的陷入了这种情绪当中, 或许也有因我站在冷风中等待的公交还没来,看着路上的面包车来来往往,而我想去的地方就在那里,不远的距离却感觉自己的脚步到不了那么远的地方,你说我当时内心是羡慕么,其实也不是,在魔都这个大城市,有车也不是很难,但是高价的停车费,加油...
2021-11-24 17:23:45 272
原创 简单的合并分支
讲述一下自己的分支合并到 dev 分支的过程;比如自己的分支叫:feature/v1.1-historydata 1.在自己的分支 先 git add . 把修改的代码存到暂存区里面去,然后 git commit -m ''提交的提示信息',这个代码的作用是把暂存区的修改好的代码提交到仓库中2.git pull 一下自己的代码,目的是为了把远程仓库的分支代码拉下来并合并到本地分支,然后就可以 git push 把自己修改好的本地仓库代码推送到远程仓库3.git checkout...
2021-11-18 15:42:45 334
原创 mac 的 nvm安装
1.https://segmentfault.com/a/11900000173919322.Mac OS 下 NVM 的安装与使用 - 简书这两个就够用了(大佬的链接)
2021-11-11 14:56:29 406
原创 eslint-格式错误
报错内容:iterators/generators require regenerator-runtime, which is too heavyweight for this guide to allow them. Separately, loops should be avoided in favor of array iterations no-restricted-syntax报错代码for (let item of params){str += `${item.seriesNa.
2021-11-05 11:25:40 471
原创 续接上一篇
折线图:lineVar option={ xAxis:{type:’category’,data:[],boundaryGap:false//与y轴紧挨,紧挨边缘} yAxis:{type:value,scale:0 //缩放,脱离0 比例,折线从最小开始,,不从0}, series:[ //里面的每一项都是一条折线图 {name:’’,data:[],markPoint:{data:[{}{}]},markLine:{type:average},markAr...
2021-10-20 17:08:49 79
原创 数据可视化-系统的学习
数据可视化前沿:概念:工具:E chart 库(最常用的七个图标)Echarts的基本使:Echarts主题,动画效果,Echarts APIEcharts 的高级使用:项目:电商平台数据可视化实时监控系统实现功能模块:后台搭建-由于图表当中的数据都是从服务器当中获取出来的,所以需要后台搭建服务器。 结合Vue 开发图标组件(项目基于Vue 框架) WebSocket 实现数据推送(实现服务器像客户端实现数据的推送) 主题切换/页面合并/全屏切换。。。知识储备:.
2021-10-20 10:43:24 256
原创 图片懒加载
1.不在屏幕中显示的图片,就先不加载(懒)刚进页面,少发很多请求2.当用户滑动快要看到图片时,再加载图片划动一点,加载一点,对服务器压力比较小核心:监听屏幕滚动,当用户滚动的位置,快到图片的位置时,就立刻加载该图片...
2021-10-19 10:37:03 55
原创 vant-ui-移动端-组件库
1.基础组件:Button按钮,Cell单元格,Icon 图标,Image 图片,Layout布局,Popup弹出层Style 内置样式,Toast 轻提示2.表单组件:Calendar 日历,Cascader 级联选择,Checkbox 复选框 ,DatatimePicker时间选择Field 输入框,Form 比表单。。。。。。...
2021-10-19 10:36:24 333
原创 接口联调-小样
随便写写,看懂与否看悟性历史数据模块面板关键指标-模块指标-字段:cardData里面新增三个指标,新增lp的初始值需要为你null, 新增的sply 初始值也需要为null ,enumData 里面新增三个指标, 2.添加请求新添加三个指标的方法,获取数据,赋值 3.把pl 接口及处理方式和lp 相似 4.综上所述,面板接口及数据处理完成图标新增图表-活跃_人均使用时长 Excel 表的导出接口地址及内容表头内容是否需要更改 1.2...
2021-10-19 10:35:16 88
原创 浅谈面试经验
自我介绍阶段 自信、直视、响亮 简要介绍自己的基本情况 不要等着面试官来问你问题,最好主动开始切入自己的技术和项目经验主题,掌握主动权 答题阶段 不要一问一答!要一问多扩展,从这个问题扩展出所有你接触到过或懂的东西。 公司对3年左右人员的技术人员面试一般都控制在45分钟,你多主动作答,面试官提问你刁钻问题的机会越少 不要光顾自己说,要时刻注意面试官的反应,如果看面试官有意向开口提问,请主动说:您说。 遇到自己懂的:多作答 遇..
2021-10-12 14:26:50 54
原创 pc 后台管理系统总结
人力资源后台管理系统_hrsaas1.项目介绍:hrsaas是一款对公司员工管理的后台管理系统,主要实现功能:公司组织架构的增删改查,公司角色的增删改查以及公司信息内容展示,员工信息的查阅,员工在公司的工作状态,是否转正,离职,调岗,担任的职位等等2.项目主要模块:登录,主页,组织架构,公司设置,员工管理,权限管理3.该项目的亮点:权限管理:不同的角色登录进入到首页,看到的菜单应该是不一样的,比如系统管理员,可以看到所有的模块,而普通员工只能看到首页,考勤,工资,社保这四个模块4.开
2021-10-12 14:05:08 2551
原创 前端面试问题总结
1、盒子塌陷的原因?解决方式2、不定宽高的div水平垂直居中3、css写一个三角形4、css选择器的优先级5、px、em和rem的区别6、什么是重绘和重排7、flex常用的容器属性8、如何设置比12px更小的字体9、H5新增了那些特性10、C3新增了那些特性11、js的数据类型有12、typeof返回的数据类型哪些13、返回false的情况有哪些14、对this的理解15、new操作符做了什么16、什么是深拷贝什么是浅拷贝17、如何实现深拷
2021-10-12 13:56:50 34
原创 后台管理系统
1.登录/退出功能电商后台管理系统登陆/退出功能模块登录页面的布局:通过Element-UI组件的实现 :el-form,el-form-item,el-input,el-button,字体图标登录功能的业务流程1.在登录页面输入用户名和密码2.调用后台接口进行验证3.通过验证之后,根据后台的响应状态调转到项目主页登录业务的相关技术点1.http 是无状态的 (登录成功以后)2.通过cookie 在客户端记录状态(不存在跨域问题,推荐使用) 3.通过session 在
2021-10-12 09:33:40 323
原创 数据可视化(小结)
1.E chart 各种图表的展示和数据处理2.基于等比缩放的大屏适应方案 两种:1. 基于transform的自适应方法 2.基于rem的自适应方法
2021-09-28 18:28:25 237
原创 我与Echarts 的虐缘
前言:作为一个涉及广泛的前端开发工程师,总会接触到一些奇奇怪怪的编码风格以及技术。而我最近就接触到了 Echarts 与 vue 的结合项目,稍微有点前端基础的程序员,都会觉得 Echarts 就那么几个配置项,按官网开发就行了,然而,我遇到的并不仅仅止步于此,听我娓娓道来。正文:后端管理系统中用echarts来展示数据,你说奇不奇怪吧,他不仅用,还大量使用,我数数看看有多少,,有12种之多,有的还不单一,还点击下钻,我的个天,真是把echarts 玩出花了,你以为这就完了么,不是的,我们的组建封装,复
2021-09-07 16:50:53 219 2
原创 前端常问面试题
问题一.Vue项目进行SEO优化答:1.ssr 服务器渲染,在服务器html页面节点,已经解析创建完了,浏览器直接拿到的是解析完成的页面结构,关于服务器渲染的优点,更好的SEO,由于搜索引擎爬虫抓取工具可以直接看到完全渲染的页面,缺点:服务器nodejs环境的要求,且对代码的改造成本高 nuxt.js2.静态化 (博客,介绍性的官网 首页,关于我们,联系我们,工艺介绍)Nuxt.js 可以进行generate 静态化打包,优势:编译打包时,就会帮你处理纯静态文件,访问速度超快,对比ssr,不涉及到.
2021-07-26 10:56:34 346
原创 前端面试总结
1.箭头函数调用call和apply会不会改变this的指向2.vue2更新vue3为什么3.对keep-alive 的了解,4.router 底层实现原理()5.如何监听到router的变化6.响应式原理 ,为什么需要调用get 和set方法7.对Vue.use的理解(install(Vue))8.路由的模式9.对cdn的理解:给你两个不同的项目怎么来回间传递,并且A项目更新了,B项目也要更新...
2021-07-24 15:54:53 44
原创 面试笔试题总结
1.使用canvas绘制图形时,使用什么方法可以在当前属性中填入边框的颜色(strokeStyle)2.一个序列为(13,18,24,35,47,50,63,83,90,115,124)如果利用二分法查找关键字90要比较几次3.css属性postition 的值不包括 :box4.解决回调陷阱:promise,generator,async,不包括proxy5.jquery中那个方法可以设置渐变为透明色:fadeTo()6.css新增的属性:box-sizing,transition,b
2021-07-24 15:54:05 73
原创 监听路由改变的方式有哪些
1.监听路由从哪里来到那里去watch:{$route(to,from){ console.log(to) ;console.log(from)}}2.监听路由变化前后新旧值watch:{$route:handler(newvalue,oldvalue){console.log(newValue,oldVa3.lue)} deep:true}3.通过全局路由前置守卫,监听路由从哪里,到哪去,是否放行this.$router.beforeEach((to,from,next)=>{
2021-07-23 09:01:46 1082
原创 通过cdn优化webpack 打包
cdn加速: c:content 内容,d:dispatch ,发布,n:network 网络cdn 做的事情:帮你分发资源,加快用户的加载效率的一种方式cdn 的原理:在各个地区,部署对应的服务器,提供资源将来用户就近访问最近的最稳定的服务器cdn 一般存放不怎么变动 的代码-如:第三方依赖包:vue,element-ui,xlsx.js,如果更新频繁的代码,服务器需要考虑代码同步问题,成本比较高webpack打包优化:1.通过 externals 加载外部 CDN资源,默认情况下
2021-07-20 17:56:18 965
原创 tcp 是一个安全的网络协议
1.tcp 是一个安全的网络协议,确定双方的收发能力之后,才会真正传输数据2.tcp 建立起一个连接,比较消耗成本,所以比较平稳,安全3. 3次握手:发起连接,双方确认,确认双方的收发能力 客户端告诉服务器i我要创建连接i(一次) 服务器告诉客户端 说我知道了,建立连接吧(一次)客户端 告诉服务器那啊我收到你的同意了,那么建立连接吧(一次)4.四次挥手 客户端像服务器说我想断开连接(一次) 服务器说你等一下,我看看有没有需要响应的(一次) 服务器...
2021-07-18 16:57:27 959 1
原创 打包上线去掉console.log
安装插件yarn add babel-plugin-transform-remove-console -D添加配置安装babel-plugin-transform-remove-console开发依赖,然后在项目的babel.config.js的plugin中添加节点。再build就不会有console警告了。如下配置无论在开发环境还是生产环境都会去掉所有的console输出语句。...
2021-07-13 20:36:29 205
原创 前端项目总结简括
1、项目是做什么的?2、项目有哪些模块和知识点?(你负责了哪些模块)3、逻辑比较复杂的模块有哪些?4、在项目中遇到的技术问题?5、遇到问题的最终解决方案?6、在项目中收获的经验!...
2021-07-13 14:49:07 422
原创 遍历对象的方法
1.遍历得到的对象//for(constkeyindirectives){//console.log(key,directives[key])//Vue.directive(key,directives[key])//}2.//遍历对象还可以使用Object.keys(obj)得到的是一个数组,然后可以使用数组的方法Object.keys(directives).forEach(item=>{Vue.directive(item...
2021-07-12 18:01:54 78
原创 Vue 的插件原理
//统一全局注册-Vue.use-Vue插件机制//Vue.use注册全局组件//Vue插件机制的原理是什么:本质上插件就是一个对象,在对象里面调用install方法(下面的代码在:src/components/PageTools/index.vue) -组件<template><divclass="page-tools"><!--封装一个通用工具栏供大家使用--><!--左侧-->...
2021-07-12 18:00:31 481
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人