• Webpack笔记

    为什么需要webpackwebpack是前端项目中的一个脚本管理工具,当代码从后端经由网络发布到前端,需要考虑网络环境的拥塞程度以及资源请求的先后顺序。在前度项目的配置中决定如何处理通信资源是webpack要解决的问题。 webpack所做的就是把项...
  • 使用Heroku部署网站

    本来想在Netlify上部署网站的,结果无论如何都没办法重定向到github,并且总是网页无法打开,就转用heroku了。 Vue-CLI项目部署参考链接VueCLI官方给出的部署教程 BinarCode上的部署教程 Heroku官方基于Heroku...
  • 记录一下VSCode快捷键

    option+鼠标点击:在鼠标点击的各个位置插入多个光标 cmd+上下方向键:转到当前文件的最开始或者最结尾 cmd+左右方向键:转到当前行的最开始或者最结尾 option+左右方向键:向前或者向后移动一个单词为单位的光标 option+上下方向键:...
  • vue3新特性Composition API

    在之前的vue学习过程中,主要是通过定义vue组件的各种field,例如data function,computed object, methods object等来组织vue组件的逻辑。但是当逻辑越来越复杂的时候,这种组织vue组件的方式就不太可行...
  • Vue虚拟DOM

    参阅Vue3官方文档对此的解释 官方文档中动画演示源代码,用于看解释 Bitfumes Vue3教程中的Vue Virtual DOM解释 解释虚拟DOM是浏览器DOM的一份JavaScript复制。虚拟DOM是一个轻量级的JavaScript对象。...
  • 防抖函数

    为什么需要防抖函数在浏览器中,触发频繁的事件,如window的onresize、鼠标的mousemove、滚轮的wheel、文本输入框的验证等,因为这些事件被频繁触发,有可能导致大量的计算或者服务器资源消耗极大的操作,event handler就没有...
  • 数组相关知识点总结

    数组变更方法与替换方法总结变更并返回原数组。使用变更方法时在原数组上通过点访问法调用变更方法,如example1.items.push({ message: 'Baz' }) push() pop() shift...
  • Vuex学习

    Vuex is a state management pattern + library for Vue.js application. vuex提供一个中心化的store全体供所有的components使用。 It serves as a cen...
  • 利用Vue3做一些demo的总结

    使用Vue CLI创建项目在命令行输入,接着会提示进入一个设置Vue的preset的界面,依据需要选择默认的活着手动设置。 1vue create Vue3-demo1 在完成创建后进入项目所在文件夹,并运行npm run server启动项目。 我...
  • Sass学习

    预处理器Sass的功能Variable用$variable语法表示一个变量,一般在文件顶部定义并存放一个数值或颜色值。 Nesting通过indent/tab嵌套多种选择器实现父子样式继承。 PartialsPartials就是文件名以下划线开头的S...