weixin_56263402的博客

原创 开发中遇到的问题

功能模版问题解读

原创 测试学习从小白开始到XX级别需要经历的过程

从小白到大神级别

原创 mac 如何快速配置ssh -转载

转载地址：

原创 Vue2 和Vue 3的区别

发现的不错的文章，链接已经贴到文中了

原创 vue 2.x 与vue 3.x

浅谈 vue3.x 与vue 2.x

原创 vue 概述

vue 概述

原创 vue3 的系统学习（依据菜鸟教程）

Vue :是一套构建用户界面的渐进式框架；只关注视图层，采用自底向上增量开发的设计；vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。

原创 This 的概念

thi的指向

原创 网引发的项目问题

原创 远程仓库代码处理(mac)

1.本地新建一个文件夹2.git clone 远程仓库的地址

原创 前端开发流程中一定要注意的5个点

1. 拒绝PRD和设计稿没有封板就要求排期，和产品设计充分沟通。前端开发经常会遇到这样的情况，项目经理莫名奇妙发了个会议邀请，然后一股脑把产品下阶段的需求讲完，开发听得云里雾里，心里吐槽一堆细节产品自己没理清，居然在这问前端要多久。设计出的交互难如登天，什么这要个文本编辑器带联想功能的，那要个一键截屏，XX家产品有为什么我们不能实现？拜托人家是一个团队专注做一个功能。好不容易给他找了个开源库，又说这要改那要改的。吐槽归吐槽，问题还是要解决，产品跟设计毕竟跟开发的立场和视野不同，大家出现分歧在所难免，..

原创 前端代码 code review

1.常规检查： 1）代码是否正常运行 2）控制台是否有明显扽报错 3）代码有没有达到预期需求效果 4）代码书写是否符合规范 5）是否尽可能组建化了 6）有没有重复造轮子 7）去掉大段被注释的代码（如果注释代码可用的，就先提交未删除注释的代码到Git 上，然后再提交删除了注释的代码，以后能回滚就可以） 8）按钮是否控制了单次点击9）定时器是否随生命周期消除2.安全检查：1）引入他人（公司内部或者其他外部机构）依赖包，是否存在不可用和版本升级导致功能...

原创 初冬的冷风

秋风萧瑟的十一月，所在的城市刮起了冷风，吹黄了银杏，风中好像夹杂了悲伤的气氛，我被冷风吹的陷入了这种情绪当中， 或许也有因我站在冷风中等待的公交还没来，看着路上的面包车来来往往，而我想去的地方就在那里，不远的距离却感觉自己的脚步到不了那么远的地方，你说我当时内心是羡慕么，其实也不是，在魔都这个大城市，有车也不是很难，但是高价的停车费，加油...

原创 简单的合并分支

讲述一下自己的分支合并到 dev 分支的过程；比如自己的分支叫：feature/v1.1-historydata 1.在自己的分支 先 git add . 把修改的代码存到暂存区里面去，然后 git commit -m ''提交的提示信息'，这个代码的作用是把暂存区的修改好的代码提交到仓库中2.git pull 一下自己的代码,目的是为了把远程仓库的分支代码拉下来并合并到本地分支，然后就可以 git push 把自己修改好的本地仓库代码推送到远程仓库3.git checkout...

原创 mac 打开指定文件的命令

open <fileName>我觉得挺有用的，不过你可以配合 ls -a 一起使用

原创 mac 的 nvm安装

1.https://segmentfault.com/a/11900000173919322.Mac OS 下 NVM 的安装与使用 - 简书这两个就够用了（大佬的链接）

原创 服务器错误

原创 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.

原创 续接上一篇

折线图：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...

原创 数据可视化-系统的学习

数据可视化前沿：概念：工具：E chart 库（最常用的七个图标）Echarts的基本使：Echarts主题，动画效果，Echarts APIEcharts 的高级使用：项目：电商平台数据可视化实时监控系统实现功能模块：后台搭建-由于图表当中的数据都是从服务器当中获取出来的，所以需要后台搭建服务器。 结合Vue 开发图标组件（项目基于Vue 框架） WebSocket 实现数据推送（实现服务器像客户端实现数据的推送） 主题切换/页面合并/全屏切换。。。知识储备：.

原创 图片懒加载

1.不在屏幕中显示的图片，就先不加载（懒）刚进页面，少发很多请求2.当用户滑动快要看到图片时，再加载图片划动一点，加载一点，对服务器压力比较小核心：监听屏幕滚动，当用户滚动的位置，快到图片的位置时，就立刻加载该图片...

原创 vant-ui-移动端-组件库

1.基础组件：Button按钮，Cell单元格，Icon 图标，Image 图片，Layout布局，Popup弹出层Style 内置样式，Toast 轻提示2.表单组件：Calendar 日历，Cascader 级联选择，Checkbox 复选框 ,DatatimePicker时间选择Field 输入框，Form 比表单。。。。。。...

原创 接口联调-小样

随便写写，看懂与否看悟性历史数据模块面板关键指标-模块指标-字段：cardData里面新增三个指标，新增lp的初始值需要为你null, 新增的sply 初始值也需要为null ，enumData 里面新增三个指标， 2.添加请求新添加三个指标的方法，获取数据，赋值 3.把pl 接口及处理方式和lp 相似 4.综上所述，面板接口及数据处理完成图标新增图表-活跃_人均使用时长 Excel 表的导出接口地址及内容表头内容是否需要更改 1.2...

原创 浅谈面试经验

自我介绍阶段 自信、直视、响亮 简要介绍自己的基本情况 不要等着面试官来问你问题，最好主动开始切入自己的技术和项目经验主题，掌握主动权 答题阶段 不要一问一答！要一问多扩展，从这个问题扩展出所有你接触到过或懂的东西。 公司对3年左右人员的技术人员面试一般都控制在45分钟，你多主动作答，面试官提问你刁钻问题的机会越少 不要光顾自己说，要时刻注意面试官的反应，如果看面试官有意向开口提问，请主动说：您说。 遇到自己懂的：多作答 遇..

原创 pc 后台管理系统总结

人力资源后台管理系统_hrsaas1.项目介绍：hrsaas是一款对公司员工管理的后台管理系统，主要实现功能：公司组织架构的增删改查，公司角色的增删改查以及公司信息内容展示，员工信息的查阅，员工在公司的工作状态，是否转正，离职，调岗，担任的职位等等2.项目主要模块：登录，主页，组织架构，公司设置，员工管理，权限管理3.该项目的亮点：权限管理：不同的角色登录进入到首页，看到的菜单应该是不一样的，比如系统管理员，可以看到所有的模块，而普通员工只能看到首页，考勤，工资，社保这四个模块4.开

原创 前端面试问题总结

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、如何实现深拷

原创 后台管理系统

1.登录/退出功能电商后台管理系统登陆/退出功能模块登录页面的布局：通过Element-UI组件的实现 ：el-form,el-form-item,el-input,el-button，字体图标登录功能的业务流程1.在登录页面输入用户名和密码2.调用后台接口进行验证3.通过验证之后，根据后台的响应状态调转到项目主页登录业务的相关技术点1.http 是无状态的 （登录成功以后）2.通过cookie 在客户端记录状态（不存在跨域问题，推荐使用） 3.通过session 在

原创 数据可视化（小结）

1.E chart 各种图表的展示和数据处理2.基于等比缩放的大屏适应方案 两种：1. 基于transform的自适应方法 2.基于rem的自适应方法

原创 我与Echarts 的虐缘

前言：作为一个涉及广泛的前端开发工程师，总会接触到一些奇奇怪怪的编码风格以及技术。而我最近就接触到了 Echarts 与 vue 的结合项目，稍微有点前端基础的程序员，都会觉得 Echarts 就那么几个配置项，按官网开发就行了，然而，我遇到的并不仅仅止步于此，听我娓娓道来。正文：后端管理系统中用echarts来展示数据，你说奇不奇怪吧，他不仅用，还大量使用，我数数看看有多少，，有12种之多，有的还不单一，还点击下钻，我的个天，真是把echarts 玩出花了，你以为这就完了么，不是的，我们的组建封装，复

原创 vue3 的调错 Unexpected token ‘const‘

原因：这里不加逗号

原创 前端常问面试题

问题一.Vue项目进行SEO优化答：1.ssr 服务器渲染，在服务器html页面节点，已经解析创建完了，浏览器直接拿到的是解析完成的页面结构，关于服务器渲染的优点，更好的SEO，由于搜索引擎爬虫抓取工具可以直接看到完全渲染的页面，缺点：服务器nodejs环境的要求，且对代码的改造成本高 nuxt.js2.静态化 （博客，介绍性的官网 首页，关于我们，联系我们，工艺介绍）Nuxt.js 可以进行generate 静态化打包，优势：编译打包时，就会帮你处理纯静态文件，访问速度超快，对比ssr，不涉及到.

原创 前端面试总结

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项目也要更新...

原创 面试笔试题总结

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

原创 监听路由改变的方式有哪些

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)=>{

原创 通过cdn优化webpack 打包

cdn加速： c：content 内容，d：dispatch ，发布，n:network 网络cdn 做的事情：帮你分发资源，加快用户的加载效率的一种方式cdn 的原理：在各个地区，部署对应的服务器，提供资源将来用户就近访问最近的最稳定的服务器cdn 一般存放不怎么变动 的代码-如:第三方依赖包：vue,element-ui,xlsx.js，如果更新频繁的代码，服务器需要考虑代码同步问题，成本比较高webpack打包优化：1.通过 externals 加载外部 CDN资源，默认情况下

原创 tcp 是一个安全的网络协议

1.tcp 是一个安全的网络协议，确定双方的收发能力之后，才会真正传输数据2.tcp 建立起一个连接，比较消耗成本，所以比较平稳，安全3. 3次握手：发起连接，双方确认，确认双方的收发能力 客户端告诉服务器i我要创建连接i（一次） 服务器告诉客户端 说我知道了，建立连接吧（一次）客户端 告诉服务器那啊我收到你的同意了，那么建立连接吧（一次）4.四次挥手 客户端像服务器说我想断开连接（一次） 服务器说你等一下，我看看有没有需要响应的（一次） 服务器...

原创 打包上线去掉console.log

安装插件yarn add babel-plugin-transform-remove-console -D添加配置安装babel-plugin-transform-remove-console开发依赖，然后在项目的babel.config.js的plugin中添加节点。再build就不会有console警告了。如下配置无论在开发环境还是生产环境都会去掉所有的console输出语句。...

原创 前端项目总结简括

1、项目是做什么的？2、项目有哪些模块和知识点？(你负责了哪些模块)3、逻辑比较复杂的模块有哪些？4、在项目中遇到的技术问题？5、遇到问题的最终解决方案？6、在项目中收获的经验！...

原创 遍历对象的方法

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...

原创 Vue 的插件原理

//统一全局注册-Vue.use-Vue插件机制//Vue.use注册全局组件//Vue插件机制的原理是什么：本质上插件就是一个对象，在对象里面调用install方法(下面的代码在：src/components/PageTools/index.vue) -组件<template><divclass="page-tools"><!--封装一个通用工具栏供大家使用--><!--左侧-->...