自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 windows常用的Vscode快捷键,改善开发体验

一.视野篇做开发的,编辑器视野对我们的开发体验来说至关重要。好的编辑器视野能让我们代码写起来更舒服,多余的分块区域容易分散我们的注意力,以及减少我们写代码的区域。全屏模式快捷键:F11这样可以把顶部的菜单隐藏了,一般来说进入项目后顶部工具栏作用不大,可以隐藏掉增加开发视野打开和关闭资源管理器Ctrl +BB可以理解为sidebar的bar,有时候改来改去就那么几个文件了,可以把资源管理器收起来,增加开发视野代码折叠折叠:Ctrl + Shift + [展开:Ctrl + Shift +

2021-11-17 15:54:03 343

原创 手敲webpack的简易实现后,谈谈思路和解决问题的方法

  好久没写作了,代码敲多了,偶尔也要敲点文字,锻炼一下语言表达能力和文字组织能力。  昨天手敲了一个简易版的webpack,代码逻辑不说了,网上一搜一大把,几乎都长一个样,毕竟都是从webpack源码里去分析然后破解抽离出最核心的东西,因此实现起来都一个样的。  这里展开另一个话题:解决问题的思路。  我们想要模仿webpack实现它的自动化构建功能,第一步要搞清楚的是:你的目标是什么。  这是不是很像成功学里老生常谈的话题?没错,目标很重要,没有目标的人生就像浮萍一样随波逐流,漫无目的。你不清楚

2021-11-04 11:27:52 7

原创 vue后台多级菜单权限控制方案(动态路由)附demo

待写

2021-07-31 15:35:39 212

原创 vue项目中全局使用EventBus的方法,以及利弊分析

EventBus是什么EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件。EventBus主要是用到发布者-订阅者的设计模式,所以代码里需要有一个地方注册事件,有另外一个或多个地方订阅事件。为什么要用EventBusvue组件之间的通信,常见的有父传子,子传父,或者兄弟组件间互传,涉及到跨页面时需要用到vuex或者缓存的方式传值。一般来说用vuex做状态管理是项目的首选,但有一些小型而且快

2021-07-21 12:17:53 231

原创 如何精确地获取鼠标在canvas里的坐标

考虑点如果canvas是没有缩放的,在窗口的左上角0,0开始,那鼠标的坐标就等于canvas里鼠标的坐标。但实际开发情况往往不是从原点开始放画布元素。这是需要考虑的有:画布相对于视窗的位置,画布的margin,padding,border-width以及缩放等。直接上代码:代码** * * @param {dom} canvas canvas的dom对象 * @param {event} evt 传入鼠标按下,收起或者移动事件 * @returns {x,y} 返回鼠标在canvas里的x,

2021-06-30 17:20:12 57

原创 将cmder添加到右键菜单,并添加到环境变量里

添加cmder到右键菜单下载安装cmder,打开cmder命令行界面,然后输入以下命令,按回车Cmder /register all注意:要以管理员身份运行,不然那会失败成功后在任意地方打开系统右键菜单,就可以看到cmder已经在菜单列表里,这样就能快速把命令行定位到当前的文件下了。添加到环境变量打开:控制面板=》系统和安全=》系统=》高级系统设置=》高级=》环境变量,把你安装cmder的根路径添加到 PATH 的列表里:添加到环境变量有什么意义?例如你在电脑里打开了一个目录,想快速

2021-04-13 14:30:11 80

原创 自用的VSCode代码片段,js,vue快速生成代码块

vue篇"Print to vue": { "prefix": "vue", "body": [ "<template>", " <div></div>", "</template>\n", "<script>", "export default {", " name: \"$1\",", " data() {", " return {};", " },", "

2021-04-09 09:55:22 79

原创 vue后台项目常用的公共样式LESS篇,省去80%写样式的时间

采用less开发本篇项目里样式的预处理器选用的是less,跟sass差不多,css预处理器的强大与便捷不是本篇的主要内容就不多加吹捧了,还没用上的赶紧装上就对了。语法也不介绍了,不懂请自行找资料,上手快。适用场景本篇项目主要针对后台去写的公共样式,可以结合其他现成的ui框架用,本项目就采用了element-ui开发,但跟公共样式没半点耦合。移动端也可以借鉴思路去写一套属于自己项目的公共样式表。公共样式的设计原则根据职责单一原则,公共样式里写的东西都是那些信手拈来的样式,都是那些普通而又常用的东西,

2021-03-10 20:24:17 341 1

原创 8年码农谈谈程序员写博客的重要性

引言先说下本人吧。作为一位前端开发者,我入行也有七年多了,做过的大大小小项目数量上早已过百。以前一直觉得前端难度不大,在做项目的时候根据以前学习的职业技能和经验也够用了,遇到一些难点的地方就在网上翻资料也能解决。怎么说呢,感觉自己写代码的风格也多变,善用各种框架插件做开发,属于敏捷开发类型。只要有前端需求基本能实现出来。转折点近两年跟朋友合伙创业,接一些外包单做做,打算以此发展一番事业。慢慢的发现做外包是没前途的,只能维持生计,团队里也没能萌生出一个能持续发展的项目,在今年疫情的影响下,终究挡不住洪

2020-08-04 18:23:10 399 3

原创 webpack中使用代理proxy解决端口跨域问题

需求场景前后端分离,本地服务端使用了8762接口,而我前端dev环境使用9000端口,这时候如果请求8762端口的数据接口,很明显会由于跨域的问题而请求失败,如果让后端做允许开发有麻烦,怎么办呢?解决方案随着前端技术的发展,es6以及前端构建工具都成了主流技术,不会用都不好意思出来混了。平时用webpack时用的比较多的本地服务器是webpack-dev-server,刚好它自身集成了代理功能,只要在webpack.dev.config.js里的devServer配置里,加上一段代理配置就能实现跨域了

2020-07-03 18:53:00 1448

原创 axios 把post提交请求转为formdata

先安装必要依赖npm install axios qs --savePOST传参序列化(添加请求拦截器)import axios from 'axios';import qs from 'qs';// axios 配置axios.defaults.timeout = 8000;// 配置请求头axios.defaults.headers = {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'};//POS

2020-06-28 19:46:54 1384

原创 3分钟极速搭建vuejs项目

1.全局安装vue脚手架cnpm install -g @vue/cli2.新建项目命令行去到项目文件下,执行:vue create vue-demo初始化过程中我们选择npm作为安装工具vue-demo就是我们创建好的初始化项目3.进入文件并启动项目cd vue-demonpm run serve搞定,感谢阅读...

2020-06-10 10:54:40 95

原创 一步一步引导新手安装webpack的es6开发环境

前言本文采用cnpm去安装模块,在国内的网络环境比npm好用,具体请自行查找cnpm的安装方法本文采用分步引导安装,建议不要跳过操作,成功率99%本文只安装基本的es6开发环境,足够日常的普通开发,点到即止,后期需要用到其他模块可自行扩展1.初始化npmnpm init一直按回车就好2.安装webpack核心包cnpm install webpack webpack-cli --save-dev3.根目录下新建 webpack.dev.config.js写基本配置(入口和输出):

2020-05-27 17:56:02 165

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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