环境搭建 尤大开发了一个项目构建工具vite npm init vite-app <project-name> cd <project-name> npm install npm run dev 创建实例 之前是new Vue({})的形式来创建实例,vue3添加了一个新的方法--->creatApp import {createApp} from 'vue' const app =createApp({}) //////////////////////// import {…

JavaScript之禅已经发过两篇 Git 相关的文章了.一篇文章,教你学会Git :浅显易懂,如果你还不会 Git 可以先去看看.Git的奇技淫巧 :介绍了一些实用的操作.今天为大家带来第三篇,如何更优雅的使用 Git 写好 commit message Git 每次提交代码,都要写 Commit message,否则提交不了.我们不光得写 Commit message 而且还应该写的清晰明了,说明本次提交的目的. $ git commit -m "提交信息" 在编辑器中写comm…

因为最近工作上多处都用到了基于 Git 的开发,需要深入理解 Git 的工作原理,以往的 Git 基本知识已经满足不了需求了,因此写下这篇 Git 进阶的文章,主要是介绍了一些大家平时会碰到但是很少去了解的 Git 知识以及 Git 的一些内部工作原理.我们平时用 Git 的很多操作可能只是记住了一个专业术语,或者一个命令而已,并不知道 Git 为什么要这样做,写下这篇文章也是为了让大家对 Git 应用得更加的得心应手. 读完本篇文章你会了解到 Git 的以下内容: ✦ 为什么使用 Git ✦ …

功能简介 本地往服务器推送代码之后,触发web钩子,服务器拉取刚刚推送的代码 步骤 1.在gitlab后台配置钩子 项目->编辑项目->Web钩子->新增钩子 2.在服务器端为www用户生成公钥 生成公钥 ssh-keygen -t rsa -C "登录gitlab的邮箱" 查看公钥 cat ~/.ssh/id_rsa.pub 复制公钥,前往gitlab的项目设置,将公钥添加进去 3.在服务器端首先使用git pull将项目拉取一遍 使用git pull先将代码拉取下…

vue2已经落后了? 不着急, vue3的也在写的过程中, 只是发出来vue2的一些组件 系列说明: > 编写原因 vue2在很多人眼里已经快过时了, 而我一直想写一些总结, 但是从两年前到现在都因为各种原因搁置了. 掘金上好多前辈都分享了使用json来配置表单的方式, 但是json对于复杂表单有些无力, 且不方便debug, 我也分享一下我的方式, 欢迎各位前辈指导. > 编码规范 vue2即将寿终正寝, 故而不会太遵守规范. 当然如果有规范问题也希望各位指出. 将在vue3的专栏中修改 &…

在 <JS 模块化>系列开篇中,曾提到前端技术的发展不断融入很多后端思想,形成前端的"四个现代化":工程化.模块化.规范化.流程化.在该系列文章中已详细介绍了模块化的发展及四种模块化规范.本文简单聊聊规范化中的 git 规范. 1 规范化 在企业级开发中,"一千个读者有一千个哈姆雷特"是很常见的事,每个程序员对技术的理解.视角和掌握程度参差不齐,导致编写的代码五花八门.规范化包括很多,我在企业实践中重点关注两个方面:代码规范 和 git 提交规范. 代码…

每天都要开心(▽)哇: 项目开发过程中,我们会遇到一些情况,就是多个组件都可以重复使用的一部分代码逻辑,功能函数,我们想要复用,这可怎么办呢? VUE2我们是怎么做的呢? 在vue2 中有一个东西:Mixins 可以实现这个功能 mixins就是将这些多个相同的逻辑抽离出来,各个组件只需要引入mixins,就能实现代码复用 弊端一: 会涉及到覆盖的问题 组件的data.methods.filters会覆盖mixins里的同名data.methods.filters 弊端二:隐式传入,变量来源不明…

Vue3写一个倒计时组件 vue3 beta版本发布已有一段时间了,文档也大概看了一下,不过对于学一门技术,最好的方法还是实战,于是找了一个比较简单的组件用vue3来实现,参考的是vant的countdown组件. Vue Composition API文档: 如果对vue3语法还不熟悉的,可以先看一下语法 目前文档还是英文的,这里简单翻译下几个比较核心的东西: setup setup函数是一个新的组件option选项,作为在组件内使用Composition API的入口. 1. 调用时机 se…

前言 Vue3发布近一年了,相信大家对Vue3的新特性,新语法都很熟悉了.那么在使用Composition API的过程中,有没有觉得整个过程比较繁琐.比如你的模板里用到了大量的state和方法的时候,都需要在setUp()函数里一一return出去.这个过程就比较难受了. setup script 语法糖 setup script 是vue3的一个新的语法糖,用起来特别简单.只需要在script标签中加上setup 关键字. <script setup> export default { .…

最近写了个小插件报了个警告,然后去百度了一下,全都给我说extract-text-webpack-plugin这个插件有问题要更新,我也是无语了,这个插件我用都没用,百度翻了下齐刷刷全是这个答案,搞得我都怀疑自己然后把node_modules翻了一遍确定没有使用这个插件,后来去谷歌上搜了一下,第一条就告诉我为什么了,直白来说,webpack里的Tapable类的plugin已经废弃了,请使用hooks api来替代,那插件的代码怎么写呢 <script> // 旧的使用方法 class myP…